@charset "utf-8";

/* sub_tit */
.sub_tit{text-align:center; padding:100px 0 40px;}
.sub_tit h5{margin:0; font-size:34px; color:#222222; letter-spacing:0em; font-weight:600; line-height:44px; position:relative; }
.sub_tit h5 b{font-weight:inherit; position:relative;}
.sub_tit h5 b:before{content:""; display:block; width:10px; height:4px; background:#0fbede; position:absolute; left:-10px; top:0;}
.sub_tit h5 b:after{content:""; display:block; width:4px; height:10px; background:#0fbede; position:absolute; left:-10px; top:0;}
.sub_tit p{word-break:keep-all; font-size:26px; color:#444; letter-spacing:-0.045em; font-weight :400; margin-bottom:15px; margin-top:40px;}
.sub_tit p b{font-weight:500}
.sub_tit span{display:block; word-break:keep-all; font-size:18px; color:#000; letter-spacing:-0.045em; font-weight:400; line-height:28px;}
.sub_tit em{display:block; word-break:keep-all; font-size:18px; color:#000; letter-spacing:-0.045em; font-weight:400; line-height:28px; font-style:normal; }

.sub_tit02{text-align:center;}
.sub_tit02 .hr{width:33px; height:5px; background:#09526d; border-radius:5px; margin:0 auto 15px}
.sub_tit02 h4{margin:0; font-size:42px; color:#222; letter-spacing:-0.045em; font-weight:500;}
.sub_tit02 p{font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:200; margin-top:15px;}

.sub_tit03{padding-bottom:40px; }
.sub_tit03 p{position:relative; text-align:center; font-weight:500; font-size:28px; letter-spacing:-0.045em; color:#222222; padding-top:15px;}
.sub_tit03 p:before{content:''; position:absolute; left:50%; top:0; width:50px; height:3px; background:#09526d; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.sub_tit03 p b{font-weight:200;}
.sub_tit03 span{display:block; font-size:18px; font-weight :400; letter-spacing:-0.045em; color:#222; line-height:28px; padding-top:25px; text-align:center; word-break:keep-all;}

@media all and (max-width:1200px){
	.sub_tit span br{display:none}
}

/* AI학습데이터 */
.learning_con01 .sub_tit{background:url('http://dgraib.com/img/learning_bg.jpg') no-repeat center / cover; padding:95px 0 120px;}
.learning_con01 .sub_tit p{margin-bottom:30px;}
.learning_con01 .img_box{margin-top:20px; text-align:center; position:relative; padding:100px 0;}
.learning_con01 .img_box img{display:block; margin:0 auto; max-width:100%; position:relative; z-index:2;}
/*.learning_con01 .img_box:before{content:""; width:100%; height:calc(100% - 140px); background:#f7f7f7; position:absolute; left:0; bottom:0;}*/

.learning_con02 {padding:60px 0 75px; background:#f9f9f9;}	
.learning_con02 .top_box{padding-top:75px;}
.learning_con02 .top_box ul{font-size:0;}
.learning_con02 .top_box ul li{display:inline-block; vertical-align:top; width:25%; box-sizing:border-box; text-align:center; padding:75px 0 60px; margin-bottom:60px; position:relative; min-height:488px;}
.learning_con02 .top_box ul li > i{font-style:inherit; font-size:16px; font-weight:500; letter-spacing:0; color:#000000; font-family: 'Montserrat';}
.learning_con02 .top_box ul li > p{font-size:20px; font-weight:500; letter-spacing:0; color:#444444; padding:15px 0 30px;}
.learning_con02 .top_box ul li > span{display:block; margin-top:40px; font-size:16px; color:#222222; line-height:26px; font-weight:400; min-height:150px; box-sizing:border-box;}
.learning_con02 .top_box ul li > span b{display:block; margin-bottom:5px; font-weight:400;}
.learning_con02 .top_box ul li p.desc{position:absolute; bottom:0; left:0; width:100%; font-size:16px; letter-spacing:-0.045em; color:#0fbede; background:#e7f1f3;  padding:8px 0;}
.learning_con02 .top_box ul li p.desc i{display:inline-block; vertical-align:middle; margin-left:10px;}
.learning_con02 .top_box ul li:nth-of-type(2){border:4px solid #0fbede;}
.learning_con02 .top_box ul li:nth-of-type(2):before{content:''; position:absolute; width:60px; height:60px; left:50%; top:-30px; background:url('http://dgraib.com/img/learning_con02_icon01.png') no-repeat center; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.learning_con02 .top_box ul li:nth-of-type(2) > i{color:#0fbede}
.learning_con02 .top_box ul li:nth-of-type(4){border-left:1px solid #e4e4e4}
.learning_con02 .bot_box{}
.learning_con02 .bot_box > p{font-size:24px; font-weight:500; letter-spacing:-0.045em; color:#444444; text-align:center; position:relative; padding-top:20px; margin-bottom:40px;}
.learning_con02 .bot_box > p:before{content:''; position:absolute; left:50%; top:0; width:20px; height:10px; background:url('http://dgraib.com/img/learning_con02_icon02.png') no-repeat center; transform:translateX(-50%); -webkit-transform:translateX(-50%);-o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.learning_con02 .bot_box .img_box{}	
.learning_con02 .bot_box .img_box img{width:100%;}
.learning_con02 .bot_box ul{font-size:0;}
.learning_con02 .bot_box ul li{display:inline-block; vertical-align:top; width:calc(50% - 10px); margin-right:20px; box-sizing:border-box; border:1px solid #e5e5e5; margin-top:40px;}
.learning_con02 .bot_box ul li .img_box{}	
.learning_con02 .bot_box ul li .img_box img{width:100%; }
.learning_con02 .bot_box ul li .txt_box {padding:30px 0 60px; text-align:center; box-sizing:border-box; background:#f9f9f9}
.learning_con02 .bot_box ul li .txt_box p{font-size:20px; font-weight:400; letter-spacing:-0.045em; color:#222222; position:relative; padding-bottom:50px;}
.learning_con02 .bot_box ul li .txt_box p:before{content:''; position:absolute; left:50%; bottom:20px; width:2px; height:12px; background:#e5e5e5; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);} 
.learning_con02 .bot_box ul li .txt_box span{display:block; font-size:16px; font-weight:200; letter-spacing:-0.045em; color:#222222; line-height:26px;}
.learning_con02 .bot_box ul li:nth-of-type(2){margin-right:0; border:none; border-top:3px solid #0fbede; box-shadow: 2px 2px 10px; -webkit-box-shadow: 2px 2px 10px;}
.learning_con02 .bot_box ul li:nth-of-type(2) .txt_box{background:#fff;}
.learning_con02 .bot_box ul li:nth-of-type(2) .txt_box p{font-weight:bold; color:#444444;}
.learning_con02 .bot_box ul li:nth-of-type(2) .txt_box p:before{background:#0fbede}
.learning_con02 .tit_box{padding-top:95px; text-align:center;}
.learning_con02 .tit_box > p{display:inline-block; font-size:20px; color:#444444; line-height:28px; position:relative; padding:20px 55px; border-radius:34px; background:#edf4f5; margin:0 auto 110px;}
.learning_con02 .tit_box > p b{font-weight:500}	
.learning_con02 .tit_box > p:before{content:''; position:absolute; top:-40px; left:50%; width:154px; height:1px; background:#dbdbdb; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.learning_con02 .tit_box > p:after{content:''; position:absolute; bottom:-75px; left:50%; width:29px; height:53px; background:url('http://dgraib.com/img/learning_con02_img07.png') no-repeat center; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.learning_con02 .tit_box span{display:inline-block; font-size:22px;  font-weight :400; color:#ffffff; line-height:30px; background:#3493d3; margin:0 auto; border-radius:100px; padding:20px 55px;  position:relative;}
.learning_con02 .tit_box span:before{content:''; position:absolute; left:-15px; top:-15px; width:calc(100% + 30px); height:calc(100% + 30px); border:2px dashed #3493d3; border-radius:134px;}


@media all and (max-width:1000px){
	.learning_con02 .top_box ul li{width:50%}
	.learning_con02 .bot_box ul li{width:100%; margin-right:0;}
	.learning_con02 .tit_box > *{word-break:keep-all;}
	.learning_con02 .tit_box br{display:none;}
}
.learning_con03{padding:60px 0 ;}
.learning_con03 ul{overflow:hidden;}
.learning_con03 ul li{margin-bottom:60px; height:420px;}
.learning_con03 ul li:last-of-type{margin-bottom:0;}
.learning_con03 ul li .img_box{float:left; width:50%; position:relative; height:100%;}
.learning_con03 ul li .img_box img{position:absolute; left:0; top:0; z-index:-1;}
.learning_con03 ul li .img_box div{position:absolute; left:0; top:50%; width:92px; height:60px; box-sizing:border-box; background:#000000; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);  text-align:right; padding-right:20px;}
.learning_con03 ul li .img_box i{font-size:18px;  line-height:60px; font-weight:bold; letter-spacing:0; font-family: 'Montserrat'; font-style:inherit; color:#fff; display:block;}  
.learning_con03 ul li .txt_box{float:left; width:50%; height:calc(100% - 60px); margin-top:30px; padding-left:130px; box-sizing:border-box; border:1px solid #ececec; display:table; padding-right:50px;}
.learning_con03 ul li .txt_box > div{display:table-cell; vertical-align:middle;}
.learning_con03 ul li .txt_box p{font-size:28px; font-weight:bold; letter-spacing:-0.045em; color:#222222; margin-bottom:35px;}
.learning_con03 ul li .txt_box span{display:block; padding-left:10px; position:relative; font-size:17px; font-weight :400; letter-spacing:-0.045em; color:#555555; line-height:28px; text-align:justify}
.learning_con03 ul li .txt_box span:before{content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background:#666; border-radius:50%;}
.learning_con03 ul li:nth-of-type(2n) .img_box{float:right;}
.learning_con03 ul li:nth-of-type(2n) .img_box img{left:auto; right:0;}
.learning_con03 ul li:nth-of-type(2n) .img_box div{left:auto; right:0;}
.learning_con03 ul li:nth-of-type(2n) .txt_box{float:right; padding-left:60px;}

@media all and (max-width:1200px){
	.learning_con03 ul li .img_box{overflow:hidden;}
	.learning_con03 ul li .img_box img{left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	.learning_con03 ul li:nth-of-type(2n) .img_box img{left:50%; right:auto; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	.learning_con03 ul li .txt_box{padding-left:30px;}
	.learning_con03 ul li:nth-of-type(2n) .txt_box{padding-left:30px;}
}

@media all and (max-width:1000px){
	.learning_con03 ul li{height:auto;}
	.learning_con03 ul li .img_box{width:100%; float:none;}
	.learning_con03 ul li .img_box img{position:relative; width:100%;}
	.learning_con03 ul li .img_box{width:100%; float:none;}
	.learning_con03 ul li .txt_box{width:100%; float:none; padding:30px;}
	.learning_con03 ul li .txt_box span br{display:none;}
	.learning_con03 ul li:nth-of-type(2n) .img_box{float:none;}
	.learning_con03 ul li:nth-of-type(2n) .txt_box{float:none;}
}

/* 데이터바우처사업 - 지원사업안내 */
.voucher_support_con01{text-align:center; background:url('http://dgraib.com/img/voucher_support_con01_bg.png')no-repeat center / cover; padding:100px 0 150px;}
.voucher_support_con01 span{display:inline-block; vertical-align:top; position:relative; font-size:16px; color:#09526d; letter-spacing:0em; font-weight:500; padding:0 10px;}
.voucher_support_con01 span:before{content:""; width:1px; height:12px; background:#09526d; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.voucher_support_con01 span:after{content:""; width:1px; height:12px; background:#09526d; position:absolute; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.voucher_support_con01 h4{margin:0; line-height:1.3; margin:10px 0 30px; font-size:44px; color:#222; letter-spacing:-0.045em; font-weight:200;}
.voucher_support_con01 p{font-size:20px; color:#444444; letter-spacing:-0.045em; font-weight :400 line-height:30px;}

.voucher_support_con02{padding:60px 0 0;}
.voucher_support_con02 .after{margin-top:30px;}
.voucher_support_con02 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.voucher_support_con02 .after .img_box{float:left; width:50%;}
.voucher_support_con02 .after .img_box img{width:100%;}
.voucher_support_con02 .after .text{float:left; width:50%; padding-top:100px;}
.voucher_support_con02 .after .text h5{word-break:keep-all; margin:0; font-size:22px; color:#444444; letter-spacing:-0.045em; font-weight:200; line-height:32px; text-align:justify}
.voucher_support_con02 .after .text h5 b{font-weight:500;}
.voucher_support_con02 .after .text h5 span{color:#0fbede; font-weight:500;}
.voucher_support_con02 .after .text > p{margin:40px 0 30px; font-size:18px; color:#222; letter-spacing:-0.045em; font-weight :400 line-height:28px; text-align:justify}
.voucher_support_con02 .after .text > span{display:block; font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; line-height:28px; text-align:justify}

@media all and (max-width:1200px){
	.voucher_support_con02 .after .text{padding-top:60px;}
	.voucher_support_con02 .after .text h5 br{display:none;}
	.voucher_support_con02 .after .text > p br{display:none;}
	.voucher_support_con02 .after .text > span br{display:none;}
}
@media all and (max-width:1000px){
	.voucher_support_con02 .after .img_box{width:100%; float:none;}
	.voucher_support_con02 .after .text{width:100%; float:none; padding-bottom:60px;}
	.voucher_support_con02 .after .text h5{font-size:24px;}
	.voucher_support_con02 .after .text > p{font-size:18px;}
	.voucher_support_con02 .after .text > span{font-size:18px;}
}


.voucher_support_con03{padding:60px 0; background:#f9f9f9 url('http://dgraib.com/img/voucher_support_con03_bg.jpg')no-repeat center bottom / cover}
.voucher_support_con03 .inner > p{text-align:center; font-size:20px; color:#09526d; letter-spacing:-0.045em; font-weight:500; margin-top:30px;}
.voucher_support_con03 ul.icon_ul{margin:40px 0 60px; text-align:center; letter-spacing:-4px; font-size:0;}
.voucher_support_con03 ul.icon_ul li{display:inline-block; vertical-align:top; width:360px; padding:30px 10px 50px; box-sizing:border-box; border-right:1px solid #e4e4e4}
.voucher_support_con03 ul.icon_ul li:last-child{border-right:0;}
.voucher_support_con03 ul.icon_ul li i{display:block; margin:0 auto;}
.voucher_support_con03 ul.icon_ul li span{display:block; font-size:18px; color:#444; letter-spacing:-0.045em; font-weight :400 margin:10px 0;}
.voucher_support_con03 ul.icon_ul li p{font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight :400}
.voucher_support_con03 ul.icon_ul li p b{font-size:28px;}
.voucher_support_con03 ul.text_ul{margin:40px 0 60px; text-align:center; letter-spacing:-4px; font-size:0;}
.voucher_support_con03 ul.text_ul li{min-height:220px; width:calc(33.333333% - 14px); margin-right:21px; display:inline-block; vertical-align:top; background:#fff; padding:40px 10px 50px; box-sizing:border-box;}
.voucher_support_con03 ul.text_ul li:last-child{margin-right:0;}
.voucher_support_con03 ul.text_ul li p{font-size:20px; color:#09526d; letter-spacing:-0.045em; font-weight:500; margin-bottom:20px;}
.voucher_support_con03 ul.text_ul li span{display:block; font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight :400}
.voucher_support_con03 ul.text_ul li span b{font-size:16px; color:#222222; font-weight:200;}

@media all and (max-width:1200px){
	.voucher_support_con03 ul.icon_ul li{width:33.333333%}
	.voucher_support_con03 ul.text_ul li{width:calc(33.333333% - 4px); margin-right:6px; min-height:300px;}
	.voucher_support_con03 ul.text_ul li:last-child{margin-right:0;}
}
@media all and (max-width:1000px){
	.voucher_support_con03 ul.icon_ul{margin:20px 0;}
	.voucher_support_con03 ul.icon_ul li{width:100%; border-right:0; height:auto;}
	.voucher_support_con03 ul.text_ul li{width:100%; margin:10px auto; height:auto; min-height:auto;}
}

.voucher_support_con04{padding:80px 0 60px; text-align:center; background:#fff;}
.voucher_support_con04 .img_box{margin-top:30px; text-align:center;}
.voucher_support_con04 .img_box img{max-width:100%;}

.voucher_support_con05{padding:60px 0; text-align:center; background:#f9f9f9;}
.voucher_support_con05 ul{font-size:0; letter-spacing:-4px; text-align:center; margin:40px 0 60px;}
.voucher_support_con05 ul li{position:relative; width:20%; display:inline-block; vertical-align:top; border-right:1px solid #e4e4e4; box-sizing:border-box; padding:40px 10px 60px;}
.voucher_support_con05 ul li:last-child{border-right:0;}
.voucher_support_con05 ul li .step{background:#fff; width:100%; max-width:130px; height:40px; border-radius:30px; display:table; margin:0 auto;}
.voucher_support_con05 ul li .step p{font-size:16px; color:#333; letter-spacing:0em; font-weight:bold; display:table-cell; vertical-align:middle; text-align:center;}
.voucher_support_con05 ul li i{margin:20px auto; display:block; text-align:center;}
.voucher_support_con05 ul li p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight :400}
.voucher_support_con05 ul li:before{content:""; width:27px; height:12px; background:url('http://dgraib.com/img/voucher_support_con05_arrow.png')no-repeat center / cover; position:absolute; right:-16px; top:150px;}
.voucher_support_con05 ul li:last-child:before{display:none;}

@media all and (max-width:1000px){
	.voucher_support_con05 ul li{padding:50px 0; width:100%; border-right:0;}
	.voucher_support_con05 ul li:before{left:50%; bottom:-5px; top:auto; right:auto; transform:translateX(-50%) rotate(90deg); -ms-transform:translateX(-50%) rotate(90deg); -webkit-transform:translateX(-50%) rotate(90deg); -o-transform:translateX(-50%) rotate(90deg); -moz-transform:translateX(-50%) rotate(90deg);}
}


.voucher_support_con06{text-align:center; padding-top:60px; margin-bottom:60px;}
.voucher_support_con06 i{display:inline-block; vertical-align:top; margin-bottom:20px;}
.voucher_support_con06 h5{font-size:42px; color:#222; letter-spacing:0em; font-weight:200; line-height:52px;}
.voucher_support_con06 .box{position:relative; padding:90px 0;}
.voucher_support_con06 .box .img_box{width:100%; text-align:center;}
.voucher_support_con06 .box .txt_box{position:absolute; width:43%; padding:50px 40px; box-sizing:border-box; background:rgba(255,255,255,0.8); text-align:left; box-shadow: 2px 2px 10px 2px;}
.voucher_support_con06 .box .txt_box.type01{left:0; top:60px;}
.voucher_support_con06 .box .txt_box.type02{bottom:60px; right:0;}
.voucher_support_con06 .box .txt_box p{font-size:26px; font-weight:200; letter-spacing:-0.045em; color:#0150a4; margin-bottom:30px; line-height:36px; position:relative; word-break:keep-all;}
.voucher_support_con06 .box .txt_box p:before{content:''; position:absolute; left:2px; top:-50px; width:2px; height:40px; background:#0150a4}
.voucher_support_con06 .box .txt_box p b{font-weight:500;}
.voucher_support_con06 .box .txt_box span{display:block; font-size:16px; font-weight:200; letter-spacing:-0.045em; color:#222222; line-height:26px; text-align:justify}
.voucher_support_con06 .box .txt_box span b{font-weight:500; color:#444;}

@media all and (max-width:1200px){
	.voucher_support_con06 .box .txt_box br.pc_only{display:none;}	
}
@media all and (max-width:1000px){
	.voucher_support_con06 h5 b{display:block;}
	.voucher_support_con06 .box .txt_box{position:relative; width:100%; }
	.voucher_support_con06 .box .txt_box.type01{left:0; top:0px; margin:50px auto;}
	.voucher_support_con06 .box .txt_box.type02{bottom:0; right:0;}
}

.voucher_support_con08{padding-bottom:50px; }
.voucher_support_con08 .table_wrap {border-top:1px solid #f2f2f2; }
.voucher_support_con08 .table_wrap .table_tit02 {text-align:center; margin-bottom:40px;}
.voucher_support_con08 .table_wrap .table_tit02 i{font-style:inherit; display:block; font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#444444}
.voucher_support_con08 .table_wrap .table_tit02 p{font-size:38px; font-weight :400; letter-spacing:-0.045em; color:#09526d; margin-bottom:35px;}
.voucher_support_con08 .table_wrap .table_tit02 p b{font-weight:500;}
.voucher_support_con08 .table_wrap .table_tit02 span{display:block; font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#222222; line-height:26px; word-break:keep-all;}
.voucher_support_con08 .table_wrap .table_tit02 span b{font-weight:500;}

.voucher_support_con08 .programCon a.btn{display:block; width:200px; height:56px; line-height:56px; border-radius:28px; background:#3493d3; text-align:center; margin:60px auto 0; font-size:18px; font-weight:500; letter-spacing:-0.045em; color:#fff;}
.voucher_support_con08 .programCon p.btn_tit{font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#222222; text-align:center; margin-top:20px;}
.voucher_support_con08 .programCon p.btn_tit i{display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-2px;}

.voucher_support_con08 .table_wrap .jcheck label{ overflow:hidden; position:relative; display:inline-block; vertical-align:middle;}
.voucher_support_con08 .table_wrap .jcheck label > input {overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0;}
.voucher_support_con08 .table_wrap .jcheck label .ico {position:absolute; left:0; top:3px; width:20px; height:20px; background:url("http://dgraib.com/img/guide_check.png") center top no-repeat; background-size:100% 100%;}
.voucher_support_con08 .table_wrap .jcheck input:checked + .ico {background:url("http://dgraib.com/img/guide_check_on.png") center top no-repeat; background-size:100% 100%;}
.voucher_support_con08 .table_wrap .jcheck label span{font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#222222; padding-left:30px;}
.voucher_support_con08 .table_wrap .jcheck a{display:inline-block; vertical-align:middle; font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#9ad6e1; border-bottom:1px solid #9ad6e1; margin-left:15px;}

@media all and (max-width:1000px){
	.voucher_support_con08 .table_wrap{padding:60px 30px;}
	.voucher_support_con08 .table_list{overflow-x:auto;}
	.voucher_support_con08 .table_list table{width:1200px; max-width:100%;}
}

/* 속기서비스 - 제품소개 */
.products_con01{padding-bottom:100px;}
.products_con01 .img_box{text-align:center;}
.products_con01 .img_box ul{font-size:0; padding:0 100px;}
.products_con01 .img_box ul li{display:inline-block; vertical-align:top; width:calc(33.3333% - 50px); margin-right:50px;}
.products_con01 .img_box ul li:last-of-type{margin-right:0;}
.products_con01 .img_box ul li img{width:100%;}
.products_con01 .img_box ul li p{font-size:20px; font-weight:500; letter-spacing:-0.045em; color:#222222; text-align:center; padding-top:20px;}
.products_con01 ul.table_ul{margin-top:60px; border-top:2px solid #929497;  border-bottom:2px solid #929497;}
.products_con01 ul.table_ul li{border-bottom:1px solid #b7babd; height:220px; display:table;  width:100%;}
.products_con01 ul.table_ul li > div {display:table-cell; vertical-align:middle;}
.products_con01 ul.table_ul li .left_box{width:33.3333%; position:relative; text-align:center;}
.products_con01 ul.table_ul li .left_box:before{content:''; position:absolute; right:0; top:0; height:60px; width:1px; background:#e4e4e4;}
.products_con01 ul.table_ul li .left_box:after{content:''; position:absolute; right:0; bottom:0; height:60px; width:1px; background:#e4e4e4;}
.products_con01 ul.table_ul li .left_box p{font-size:20px; font-weight:500; letter-spacing:-0.045em; color:#222222; margin-top:25px;}
.products_con01 ul.table_ul li .right_box{width:66.6666%; position:relative; padding:0 40px; box-sizing:border-box;}
.products_con01 ul.table_ul li .right_box:before{content:''; position:absolute; left:-3px; top:50%; width:5px; height:5px; border-radius:50%; background:#36485a}
.products_con01 ul.table_ul li .right_box p{font-size:16px; letter-spacing:-0.045em; color:#222; line-height:26px; text-align:justify; }
.products_con01 ul.table_ul li .txt_box{width:100%; background:#f5f5f5; text-align:center;}
.products_con01 ul.table_ul li .txt_box p{font-size:24px; font-weight:bold; letter-spacing:-0.045em; color:#222222; position:relative;}
.products_con01 ul.table_ul li .txt_box p:before{content:''; position:absolute; left:50%; top:-15px; width:13px; height:6px; background:url('http://dgraib.com/img/products_con01_icon04.png') no-repeat center;}
.products_con01 ul.table_ul li .txt_box span{display:block; font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#222222; line-height:26px; margin-top:25px;}
.products_con01 ul.table_ul li .txt_box span b{color:#0fbede;}

@media all and (max-width:1000px){
	.products_con01 .img_box ul{padding:0}
	.products_con01 ul.table_ul li {display:block; height:auto;}
	.products_con01 ul.table_ul li > div{display:block;}
	.products_con01 ul.table_ul li .left_box{width:100%; padding:30px 0;}
	.products_con01 ul.table_ul li .left_box:before{bottom:0; left:0; right:auto; top:auto; width:120px; height:1px;}
	.products_con01 ul.table_ul li .left_box:after{ width:120px; height:1px; right:0;}
	.products_con01 ul.table_ul li .right_box{width:100%;}
	.products_con01 ul.table_ul li .right_box:before{top:-3px; left:50%;}
	.products_con01 ul.table_ul li .right_box{padding:30px 0;}
	.products_con01 ul.table_ul li .txt_box{padding:60px 0 50px;}
}

.products_con02{padding-bottom:50px;}
.products_con02 .tab_box{margin-bottom:60px;}
.products_con02 .tab_box ul{font-size:0; text-align:center;}
.products_con02 .tab_box ul li{display:inline-block; vertical-align:top; margin:0 5px; box-sizing:border-box;}
.products_con02 .tab_box ul li a{width:170px; height:60px; border:1px solid #e4e4e4; box-sizing:border-box; display:block; font-size:18px; letter-spacing:-0.045em; color:#222222; line-height:58px; position:relative;}
.products_con02 .tab_box ul li.on a{font-weight:bold; color:#0fbede;}
.products_con02 .tab_box ul li.on a:before{content:''; position:absolute; bottom:-1px; left:0; width:100% ; height:3px; background:-webkit-gradient(linear, 100% 0, 0 0, from(#0cd5f2), to(#0a75c7)); background:-webkit-linear-gradient(to right, #0cd5f2, #0a75c7); background:-moz-linear-gradient(to right, #0cd5f2, #0a75c7); background:-o-linear-gradient(to right, #0cd5f2, #0a75c7); background:linear-gradient(to right, #0cd5f2, #0a75c7);	}

@media all and (max-width:1000px){
	.products_con02 .tab_box ul li{width:calc(20% - 8px); margin:0; margin-right:10px;}
	.products_con02 .tab_box ul li:nth-of-type(5){margin-right:0;}
	.products_con02 .tab_box ul li a{width:auto;}
}

.products_con02 .tab_list{display:none;}
.products_con02 .tab_list.on{display:block;}
.products_con02 .tab_list.type01{}
.products_con02 .tab_list.type01 ul{font-size:0;}
.products_con02 .tab_list.type01 ul li{display:inline-block; vertical-align:top; width:calc(33.3333% - 40px); margin-right:60px; margin-bottom:60px;}
.products_con02 .tab_list.type01 ul li:nth-of-type(3n){margin-right:0;}
.products_con02 .tab_list.type01 ul li .img_box{position:relative; padding-bottom:33px; }
.products_con02 .tab_list.type01 ul li .img_box span{display:block; position:absolute; color:#fff; bottom:0; right:20px; width:66px; height:66px; border-radius:50%; background:#0b95d5; text-align:center; line-height:66px; font-size:18px; font-weight:bold; letter-spacing:-0.045em; font-family: 'Montserrat';}
.products_con02 .tab_list.type01 ul li .img_box img{width:100%;}
.products_con02 .tab_list.type01 ul li .txt_box{}
.products_con02 .tab_list.type01 ul li .txt_box p{font-size:20px; font-weight:500; letter-spacing:-0.045em; color:#222222; line-height:30px; border-bottom:1px solid #e4e4e4; padding-bottom:30px;}
.products_con02 .tab_list.type01 ul li .txt_box span{display:block; font-size:16px; letter-spacing:-0.045em; color:#222222; line-height:26px; padding-top:30px; min-height:212px; box-sizing:border-box; text-align:justify; }
.products_con02 .tab_list.type01 ul li .txt_box a{display:block; margin-top:40px; background:#edeff1; font-size:16px; letter-spacing:-0.045em; color:#222222; text-align:center; padding:15px 0;}
.products_con02 .tab_list.type01 ul li .txt_box a i{display:inline-block; vertical-align:middle; margin-left:15px;}

@media all and (max-width:1200px){
	.products_con02 .tab_list.type01 ul li br{display:none;}
	.products_con02 .tab_list.type01 ul li br.all{display:block;}
	.products_con02 .tab_list.type01 ul li .txt_box span{min-height:240px;}
}
@media all and (max-width:1000px){
	.products_con02 .tab_list.type01 ul li{width:calc(50% - 30px);}
	.products_con02 .tab_list.type01 ul li:nth-of-type(3n){margin-right:60px;}
	.products_con02 .tab_list.type01 ul li:nth-of-type(2n){margin-right:0}
	.products_con02 .tab_list.type01 ul li .txt_box span{min-height:212px;}
}
@media all and (max-width:767px){
	.products_con02 .tab_list.type01 ul li .txt_box span{min-height:240px;}
}

.products_con02 .tab_list.type02{}
.products_con02 .tab_list.type02 ul{font-size:0;}
.products_con02 .tab_list.type02 ul li{display:inline-block; vertical-align:top; width:calc(33.3333% - 40px); margin-right:60px; margin-bottom:60px;}
.products_con02 .tab_list.type02 ul li:nth-of-type(3n){margin-right:0;}
.products_con02 .tab_list.type02 ul li .img_box{position:relative; padding-bottom:33px; }
.products_con02 .tab_list.type02 ul li .img_box span{display:block; position:absolute; color:#fff; bottom:0; right:20px; width:66px; height:66px; border-radius:50%; background:#0b95d5; text-align:center; line-height:66px; font-size:18px; font-weight:bold; letter-spacing:-0.045em; font-family: 'Montserrat';}
.products_con02 .tab_list.type02 ul li .img_box img{width:100%;}
.products_con02 .tab_list.type02 ul li .txt_box{}
.products_con02 .tab_list.type02 ul li .txt_box p{font-size:20px; font-weight:500; letter-spacing:-0.045em; color:#222222; line-height:30px; border-bottom:1px solid #e4e4e4; padding-bottom:30px;}
.products_con02 .tab_list.type02 ul li .txt_box span{display:block; font-size:16px; letter-spacing:-0.045em; color:#222222; line-height:26px; padding-top:30px; min-height:190px; box-sizing:border-box;  text-align:justify; }

@media all and (max-width:1200px){
	.products_con02 .tab_list.type02 ul li br{display:none;}
	.products_con02 .tab_list.type02 ul li br.all{display:block;}
}
@media all and (max-width:1000px){
	.products_con02 .tab_list.type02 ul li{width:calc(50% - 30px);}
	.products_con02 .tab_list.type02 ul li:nth-of-type(3n){margin-right:60px;}
	.products_con02 .tab_list.type02 ul li:nth-of-type(2n){margin-right:0}
}
@media all and (max-width:767px){
	.products_con02 .tab_list.type02 ul li .txt_box p{min-height:90px; box-sizing:border-box;}
}

.products_con02 .tab_list.type03{}
.products_con02 .tab_list.type03 .top_ul ul{font-size:0;}
.products_con02 .tab_list.type03 .top_ul ul li{display:inline-block; vertical-align:top; width:calc(33.3333% - 37px); margin-right:55px; margin-bottom:60px;}
.products_con02 .tab_list.type03 .top_ul ul li:nth-of-type(3n){margin-right:0;}
.products_con02 .tab_list.type03 .top_ul ul li .img_box{position:relative; padding-bottom:33px; }
.products_con02 .tab_list.type03 .top_ul ul li .img_box span{display:block; position:absolute; color:#fff; bottom:0; right:20px; width:66px; height:66px; border-radius:50%; background:#0b95d5; text-align:center; line-height:66px; font-size:18px; font-weight:bold; letter-spacing:-0.045em; font-family: 'Montserrat';}
.products_con02 .tab_list.type03 .top_ul ul li .img_box img{width:100%;}
.products_con02 .tab_list.type03 .top_ul ul li .txt_box{}
.products_con02 .tab_list.type03 .top_ul ul li .txt_box p{font-size:20px; font-weight:500; letter-spacing:-0.045em; color:#222222; line-height:30px; border-bottom:1px solid #e4e4e4; padding-bottom:30px;}
.products_con02 .tab_list.type03 .top_ul ul li .txt_box span{display:block; font-size:16px; letter-spacing:-0.045em; color:#222222; line-height:26px; padding-top:30px; box-sizing:border-box; text-align:justify; }

@media all and (max-width:1200px){
	.products_con02 .tab_list.type03 .top_ul ul li br{display:none;}
	.products_con02 .tab_list.type03 .top_ul ul li br.all{display:block;}
}
@media all and (max-width:1000px){
	.products_con02 .tab_list.type03 .top_ul ul li{width:calc(50% - 28px);}
	.products_con02 .tab_list.type03 .top_ul ul li:nth-of-type(3n){margin-right:55px;}
	.products_con02 .tab_list.type03 .top_ul ul li:nth-of-type(2n){margin-right:0}
}

.products_con02 .tab_list.type03 .mid_ul ul{font-size:0; padding:60px 0; background:#f9f9f9; text-align:center; }
.products_con02 .tab_list.type03 .mid_ul ul li{display:inline-block; vertical-align:top; width:33.3333%; margin:0 50px;}
.products_con02 .tab_list.type03 .mid_ul ul li .img_box{position:relative;}
.products_con02 .tab_list.type03 .mid_ul ul li .img_box p{position:relative; line-height:46px; width:190px; height:46px; margin:-23px auto 0; background:#474747; border-radius:23px; text-align:center; font-size:20px; font-weight:500; letter-spacing:-0.045em; color:#fff;}
.products_con02 .tab_list.type03 .mid_ul ul li .img_box img{width:100%;}
.products_con02 .tab_list.type03 .mid_ul ul li .txt_box{padding-top:30px;}
.products_con02 .tab_list.type03 .mid_ul ul li .txt_box p{font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#222222; text-align:justify; }
.products_con02 .tab_list.type03 .mid_ul ul li .txt_box p b{font-weight:500; color:#444444;}

@media all and (max-width:1200px){
	.products_con02 .tab_list.type03 .mid_ul ul li .txt_box p br{display:none;}
	.products_con02 .tab_list.type03 .mid_ul ul li .txt_box p br.all{display:block;}
}

@media all and (max-width:1000px){
	.products_con02 .tab_list.type03 .mid_ul ul li{width:50%; margin:0; padding:0 20px; box-sizing:border-box;}
}

.products_con02 .tab_list.type05 .prod_tab {margin-bottom:25px; }
.products_con02 .tab_list.type05 .prod_tab ul {font-size:0; text-align:center; }
.products_con02 .tab_list.type05 .prod_tab li {display:inline-block; vertical-align:top; width:206px; height:65px; border:1px solid #ebebeb; box-sizing:border-box; cursor:pointer;}
.products_con02 .tab_list.type05 .prod_tab li p {display:table; width:100%; height:100%; }
.products_con02 .tab_list.type05 .prod_tab li p span {display:table-cell; vertical-align:middle; font-size:18px; text-align:center; color:#474e53; font-weight :400 word-break:break-all; }
.products_con02 .tab_list.type05 .prod_tab li.on {border:1px solid #09526d; background-color:#09526d; }
.products_con02 .tab_list.type05 .prod_tab li.on p span {color:#fff; }

.products_con02 .tab_list.type05 .bot_ul{padding-top:20px;}
.products_con02 .tab_list.type05 .bot_ul > p{position:relative; text-align:center; font-size:28px; font-weight :400; letter-spacing:-0.045em; color:#222222; padding-bottom:60px;}
.products_con02 .tab_list.type05 .bot_ul > p:before{content:''; position:absolute; width:50px; height:3px; background:#09526d; left:50%; top:-20px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.products_con02 .tab_list.type05 .bot_ul i{display:block; text-align:center;}

/* key_skin */
.products_con02 .tab_list.type05  {padding:60px 0 0; position:relative;}
.products_con02 .tab_list.type05  .inner > p.desc {margin-top:20px; margin-bottom:40px; font-size:18px; font-weight:200; color:#000000; text-align:center; letter-spacing:-0.08em; }

.products_con02 .tab_list.type05 .bot_ul > ul{font-size:0; margin-top:60px;}
.products_con02 .tab_list.type05 .bot_ul > ul > li{display:inline-block; vertical-align:top; padding:40px 20px; margin-right:20px; width:calc(33.3333% - 15px); box-sizing:border-box; border:1px solid #e7eeef; border-top:2px solid #0fbede; text-align:center; margin-bottom:20px;}
.products_con02 .tab_list.type05 .bot_ul > ul > li:nth-of-type(3n){margin-right:0;}
.products_con02 .tab_list.type05 .bot_ul > ul > li p{font-size:20px; font-weight:500; letter-spacing:-0.045em; color:#222222; position:relative; padding-bottom:44px;}
.products_con02 .tab_list.type05 .bot_ul > ul > li p:before{content:''; position:absolute; left:50%; bottom:22px; width:6px; height:6px; background:#0fbede; border-radius:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.products_con02 .tab_list.type05 .bot_ul > ul > li span{display:block; word-break:keep-all; font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#222222; line-height:26px; min-height:80px;}
.products_con02 .tab_list.type05 .bot_ul a{display:block; width:200px; height:56px; line-height:56px; text-align:center; color:#fff; font-size:18px; font-weight:500; margin:40px auto 0; background:#3493d3; border-radius:28px;}
							
.products_con02 .tab_list.type05  .key_tabcon {padding:80px 0; background-color:#fafafa; }
.products_con02 .tab_list.type05  .key_tabcon > div {display:none; }
.products_con02 .tab_list.type05  .key_tabcon > div.on {display:block; }
.products_con02 .tab_list.type05  .key_tabcon .img_box {}
.products_con02 .tab_list.type05  .key_tabcon .img_box li {display:none; text-align:center; }
.products_con02 .tab_list.type05  .key_tabcon .img_box li.on {display:block; }
.products_con02 .tab_list.type05  .key_tabcon .img_box li img {max-width:100%; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box {margin-top:30px; font-size:0; text-align:center; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li {display:inline-block; vertical-align:top; width:81px; height:81px; margin-bottom:20px; margin-right:30px; border-radius:50%; padding-top:24px; box-sizing:border-box; font-size:17px; letter-spacing:-0.08em; cursor:pointer; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li.displaynone {display:none; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li:last-of-type {margin-right:0; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li.type01 {border:3px solid #b5b5b5; color:#000; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li.type02 {border:3px solid #abf3f2; color:#abf3f2; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li.type03 {border:3px solid #75baff; color:#75baff; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li.type04 {border:3px solid #1a75f1; color:#1a75f1; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li.type05 {border:3px solid #ffa507; color:#ffa507; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li.type06 {border:3px solid #e4007f; color:#e4007f; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li.type07 {border:3px solid #ffc1e4; color:#ffc1e4; }
.products_con02 .tab_list.type05  .key_tabcon .txt_box li.type08 {border:3px solid #eeeeee; color:#000; }

.products_con02 .tab_list.type05  .key_tabcon .txt_box .pc1000 {display:none; }
.products_con02 .tab_list a.order_btn{display:block; width:200px; height:56px; line-height:56px; text-align:center; color:#fff; font-size:18px; font-weight:500; margin:0 auto; background:#3493d3; border-radius:28px;}


.kiskin_con01 .txt_box {margin-top:45px; padding-top:20px; border-top:1px solid #cccccc}
.kiskin_con01 .txt_box p{font-size:16px; font-weight:200; letter-spacing:-0.045em; color:#222222; line-height:26px;}
.kiskin_con01 a.a_btn{display:block; width:200px; height:56px; line-height:56px; border-radius:28px; background:#0fbede; text-align:center; margin:60px auto 0; font-size:18px; font-weight:500; letter-spacing:-0.045em; color:#fff;}

@media all and (max-width:1200px){

	.products_con02 .tab_list.type05 .bot_ul br{display:none;}
	.products_con02 .tab_list.type05 .bot_ul br.all{display:block;}
	.products_con02 .tab_list.type05 .bot_ul > ul > li span{min-height:104px;}
	
}

@media all and (max-width:1000px){
	
	.products_con02 .tab_list.type05 .prod_tab.type02 li {width:calc(50% - 4px); }
	.products_con02 .tab_list.type05  .key_tabcon .txt_box .pc1000 {display:block; }

	.products_con02 .tab_list.type05 .bot_ul > ul > li{width:calc(50% - 10px);}
	.products_con02 .tab_list.type05 .bot_ul > ul > li:nth-of-type(3n){margin-right:20px;}
	.products_con02 .tab_list.type05 .bot_ul > ul > li:nth-of-type(2n){margin-right:0;}
	.products_con02 .tab_list.type05 .bot_ul > ul > li span{min-height:78px;}

	#tab_list_pop .table_wrap{padding:60px 30px;}
}
@media all and (max-width:767px){
	.products_con02 .tab_list.type05 .bot_ul > ul > li span{min-height:104px;}
	.products_con02 .tab_list.type05 .bot_ul i img{width:100%;}
}
@media all and (max-width:640px){
	.products_con02 .tab_list.type05  .key_tabcon .txt_box li {width:14.063vw; height:14.063vw; margin-right:4.688vw; padding-top:4.25vw; font-size:2.656vw; }
	.products_con02 .tab_list.type05  .key_tabcon .txt_box li:nth-of-type(4n+1) {margin-right:0; }
	.products_con02 .tab_list.type05  .key_tabcon .txt_box li.type01 {margin-right:4.688vw; }

}

.products_con02 .tab_list.type04 > div{display:table;}
.products_con02 .tab_list.type04 > div > div{display:table-cell; vertical-align:middle; width:50%; }
.products_con02 .tab_list.type04 .img_box{ }
.products_con02 .tab_list.type04 .img_box img{width:100%;}
.products_con02 .tab_list.type04 .txt_box{}
.products_con02 .tab_list.type04 .txt_box p{font-size:38px; font-weight:bold; letter-spacing:0; color:#222222; font-family: 'Montserrat'; padding-bottom:20px;}	
.products_con02 .tab_list.type04 .txt_box .table_wrap{width:100%;}
.products_con02 .tab_list.type04 .txt_box .table_wrap table{width:100%; border-top:1px solid #d8d8d8;}
.products_con02 .tab_list.type04 .txt_box .table_wrap table tr{border-bottom:1px solid #d8d8d8}
.products_con02 .tab_list.type04 .txt_box .table_wrap table tr th{padding-left:30px; font-size:18px; font-weight:400; letter-spacing:-0.045em; color:#222222; position:relative; text-align:left; background:#f5f5f5;}
.products_con02 .tab_list.type04 .txt_box .table_wrap table tr th:before{content:''; position:absolute; left:20px; top:50%; width:3px; height:3px; background:#272727; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.products_con02 .tab_list.type04 .txt_box .table_wrap table tr td{padding:15px 20px; font-size:18px; font-weight:200; letter-spacing:-0.045em; color:#222222; line-height:28px; text-align:justify; }
						
@media all and (max-width:1000px){
	.products_con02 .tab_list.type04.on{display:block;}
	.products_con02 .tab_list.type04 > div{display:block; vertical-align:middle;  width:100%;}
	.products_con02 .tab_list.type04 > div > div{width:100%; display:block;}
	.products_con02 .tab_list.type04 .txt_box p{margin-top:60px;}
}

/* 속기서비스 - 서비스 */
.shorthand_con01{padding-bottom:110px; background:url('http://dgraib.com/img/shorthand_con01_bg.jpg') no-repeat center / cover;}
.shorthand_con01 span{ font-size:16px; line-height:1; letter-spacing:0;}
.shorthand_con01 i{font-style:inherit; display:block; word-break:keep-all; font-size:16px; color:#444; letter-spacing:-0.045em; font-weight:400; line-height:26px;}

.shorthand_con02{padding:100px 0 165px; font-size:0;}
.shorthand_con02 .sub_tit{padding-bottom:80px;}
.shorthand_con02 .img_box{position:relative; display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; padding-right:50px;}
.shorthand_con02 .img_box img{position:absolute; right:50px; top:0;}
.shorthand_con02 .txt_box{position:relative; display:inline-block; vertical-align:top; width:50%; padding-top:50px;}
.shorthand_con02 .txt_box p{font-size:22px; font-weight:300; letter-spacing:-0.045em; color:#222222; line-height:32px; text-align:justify;}
.shorthand_con02 .txt_box p b.blue{color:#0fbede}
.shorthand_con02 .txt_box span{display:block; font-size:18px; letter-spacing:-0.045em; color:#222222; line-height:28px; text-align:justify; padding-top:40px;}

@media all and (max-width:1200px){
	.shorthand_con02{padding:100px 0;}
	.shorthand_con02 .img_box{vertical-align:middle;}
	.shorthand_con02 .img_box img{position:static; width:100%;}
	.shorthand_con02 .txt_box{padding-top:0;vertical-align:middle;}
}

@media all and (max-width:1000px){
	.shorthand_con02 .img_box{padding-right:0; width:100%;}
	.shorthand_con02 .txt_box{width:100%; padding-top:50px;}
}

.shorthand_con03{padding:100px 0 90px; background:#f9f9f9}
.shorthand_con03 ul{}
.shorthand_con03 ul li{}
.shorthand_con03 ul li i{display:block; text-align:center;}
.shorthand_con03 ul li p{padding:35px 0 25px; line-height:1; font-size:28px; font-weight:bold; letter-spacing:-0.045em; color:#0150a4; text-align:center;}
.shorthand_con03 ul li span{display:block; font-size:19px; font-weight:400; letter-spacing:-0.045em; color:#444; line-height:28px; text-align:center; padding-bottom:25px;}
.shorthand_con03 ul li a{display:block; font-size:16px; font-weight:bold; letter-spacing:-0.04em; color:#222222; text-align:center;}
.shorthand_con03 ul li a img{display:inline-block; vertical-align:middle; margin-top:-3px; margin-left:10px;}
.shorthand_con03 ul li ul{font-size:0;}
.shorthand_con03 ul li ul li{display:inline-block; vertical-align:top; width:calc(33.3333% - 14px); margin-right:20px; margin-top:35px;}
.shorthand_con03 ul li ul li:last-of-type{margin-right:0;}
.shorthand_con03 ul li ul li img{width:100%;}
.shorthand_con03 ul li .hr{width:100%; height:1px; background:#b7babd; margin:28px 0 100px;}

@media all and (max-width:1200px){
	.shorthand_con03 ul li span br.pc_only{display:none;}
}	
@media all and (max-width:767px){
	.shorthand_con03 ul li ul li{margin-right:0; width:100%;}
}

.shorthand_con04{padding:110px 0 45px;}
.shorthand_con04 .sub_tit03 span a{display:inline-block; font-size:18px; font-weight:500; letter-spacing:-0.045em; color:#0fbede; position:relative;}
.shorthand_con04 .sub_tit03 span a:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#0fbede}
.shorthand_con04 ul{font-size:0;}
.shorthand_con04 ul li{display:inline-block; vertical-align:top; width:calc(33.3333% - 14px); margin-right:20px; background:#f9f9f9}
.shorthand_con04 ul li:last-of-type{margin-right:0;}
.shorthand_con04 ul li .img_box{}
.shorthand_con04 ul li .img_box img{width:100%;}
.shorthand_con04 ul li .txt_box{padding:50px 30px; box-sizing:border-box; min-height:300px;}
.shorthand_con04 ul li .txt_box p{font-size:20px; font-weight:bold; letter-spacing:-0.045em; color:#09526d; padding-bottom:25px;}
.shorthand_con04 ul li .txt_box span{display:block; font-size:16px; font-weight:500; letter-spacing:-0.06em; color:#222222; line-height:24px; position:relative; padding-left:10px; text-align:justify}
.shorthand_con04 ul li .txt_box span:before{content:'-'; position:absolute; left:0; }
			
@media all and (max-width:1200px){
	.shorthand_con04 ul li .txt_box{padding:30px 15px; min-height:310px;}
}
@media all and (max-width:1000px){
	.shorthand_con04 ul li{width:100%; margin-right:0; }
	.shorthand_con04 ul li:nth-of-type(n+2){margin-top:40px;}
	.shorthand_con04 ul li .txt_box{padding:40px 20px; min-height:auto;}
}
/* 회사소개 - 오시는 길 */
.location_con01{padding-bottom:40px; }	
.location_con01 .location_box{position:relative; padding-top:60px; border-top:1px solid #eaeaea}	
.location_con01 .location_box .txt_box{position:absolute; height:calc(100% - 60px); width:400px; right:70px; top:60px; background:rgba(0,9,17,0.8); box-sizing:border-box; padding:60px;  z-index:22;}
.location_con01 .location_box .txt_box p.tit{font-size:20px; letter-spacing:-0.045em; color:#fff; }
.location_con01 .location_box .txt_box p.tit i{display:inline-block; vertical-align:middle; margin-right:10px;}
.location_con01 .location_box .txt_box span{display:inline-block; padding:5px 8px; border-radius:5px; font-size:16px; letter-spacing:-0.045em; color:#fff;  margin:20px 10px 15px 0;}
.location_con01 .location_box .txt_box span.purple{background:#936fb1}
.location_con01 .location_box .txt_box span.blue{background:#3842c2}
.location_con01 .location_box .txt_box span.blue02{background:#0040ba}
.location_con01 .location_box .txt_box span.sky {background:#2789e2}
.location_con01 .location_box .txt_box span.green{background:#38c273}
.location_con01 .location_box .txt_box span.green02{background:#577823}
.location_con01 .location_box .txt_box span.green03{background:#66c80f}
.location_con01 .location_box .txt_box span.no_margin {margin-top:0; }
.location_con01 .location_box .txt_box span i{display:inline-block; vertical-align:middle; margin-right:10px;}
.location_con01 .location_box .txt_box p.desc{font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#fff; line-height:26px; text-align:justify; }
.location_con01 .location_box .txt_box .top_box{padding-bottom:40px; border-bottom:1px solid #656c69; margin-bottom:40px;}
.location_con01 .location_box .map{width:100%; height:400px;}
.location_con01 .location_box .os_mac.root_daum_roughmap{width:100% !important; height:100%;}
.location_con01 .location_box .root_daum_roughmap .wrap_map{width:100%; height:100%;}
.location_con01 .location_box .list_box{padding-bottom:40px;}
.location_con01 .location_box .list_box ul{font-size:0;}
.location_con01 .location_box .list_box ul li{display:inline-block; vertical-align:top; margin-right:55px;}
.location_con01 .location_box .list_box ul li p{font-size:22px; font-weight:bold; letter-spacing:0; color:#222222;}
.location_con01 .location_box .list_box ul li p i{display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-3px;}
.location_con01 .location_box .list_box ul li span{display:block; padding:15px 0 40px; font-size:19px; font-weight :400; letter-spacing:-0.045em; color:#222222; position:relative;}
.location_con01 .location_box .list_box ul li span:before{content:''; position:absolute; left:0; bottom:0; width:40px; height:4px; background:#dadada}

@media all and (max-width:1200px){
	.location_con01 .location_box .txt_box{right:45px; padding:30px; width:320px;}
}
@media all and (max-width:1000px){
	.location_con01 .location_box .txt_box{position:relative; right:0; height:auto; width:100%; top:0; margin-top:60px; font-size:0; padding:60px;}
	.location_con01 .location_box .txt_box > div{display:inline-block; vertical-align:top; width:calc(50% - 20px); box-sizing:border-box;}
	.location_con01 .location_box .txt_box .top_box{border-bottom:none; padding-bottom:0; margin-bottom:0;}
	.location_con01 .location_box .txt_box .bot_box{padding-left:40px; border-left:1px solid #656c69;}
}
@media all and (max-width:767px){
	.location_con01 .location_box .txt_box > div{display:block; width:100%;}
	.location_con01 .location_box .txt_box .top_box{padding-bottom:40px; border-bottom:1px solid #656c69; margin-bottom:40px;}
	.location_con01 .location_box .txt_box .bot_box{padding-left:0; border-left:0;}
}
/* 회사소개 - 연혁 */
.story_con01{}
.story_con01 .story_box{margin-bottom:40px; padding-bottom:100px; position:relative; padding-top:80px; border-top:1px solid #eaeaea}
/*.story_con01 .story_box:before{content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#eaeaea; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}*/
.story_con01 .story_box:before{content:''; position:absolute; width:6px; height:calc(100% - 80px); left:50%; top:80px; border-radius:3px; background:-webkit-gradient(linear, 0 100%, 0 0, from(#0cd5f2), to(#0a77c8)); background:-webkit-linear-gradient(#0cd5f2, #0a77c8); background:-moz-linear-gradient(#0cd5f2, #0a77c8); background:-o-linear-gradient(#0cd5f2, #0a77c8); background:linear-gradient(#0cd5f2, #0a77c8); z-index:-1; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); }
.story_con01 .story_box dl{width:100%; margin-bottom:35px; overflow:hidden; position:relative;}
.story_con01 .story_box dl dt{float:left; width:50%; box-sizing:border-box;  position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.story_con01 .story_box dl dt span{text-align:right; padding-right:130px; font-size:44px; font-weight:bold; letter-spacing:0; color:#0cd4f1;  font-family: 'Montserrat'; display:block; position:relative;}
.story_con01 .story_box dl dt span:before{content:''; position:absolute; top:50%; right:20px; width:100px; height:1px; border-top:1px dashed #eaeaea; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.story_con01 .story_box dl dt span:after{content:''; position:absolute; top:50%; right:0; width:7px; height:7px; border:4px solid #fff; border-radius:50%; background:#0cd4f2; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:2}
.story_con01 .story_box dl dd{float:right; width:50%; box-sizing:border-box; text-align:left; position:relative; padding:40px;}
.story_con01 .story_box dl dd p{font-size:0; margin-bottom:20px;}
.story_con01 .story_box dl dd p:last-of-type{margin-bottom:0;}
.story_con01 .story_box dl dd p b{display:inline-block; margin-top:3px; vertical-align:top; width:45px; font-size:18px; font-weight:bold; letter-spacing:0; color:#444444;  font-family: 'Montserrat';}	
.story_con01 .story_box dl dd p strong{display:inline-block; vertical-align:top; width:calc(100% - 45px); font-size:18px; font-weight :400; letter-spacing:-0.045em; color:#000000; line-height:28px; word-break:keep-all; text-align:justify; }
.story_con01 .story_box dl.type01 dd p b{width:95px; }
.story_con01 .story_box dl.type01 dd p strong{width:calc(100% - 95px);}

.story_con01 .story_box dl:nth-of-type(2n) dt{float:right;  left:auto; right:0; }
.story_con01 .story_box dl:nth-of-type(2n) dt span{text-align:left; padding-left:130px; padding-right:0; color:#0a78c8}
.story_con01 .story_box dl:nth-of-type(2n) dt span:before{right:auto; left:20px;}
.story_con01 .story_box dl:nth-of-type(2n) dt span:after{right:auto; left:0; background:#0a78c8;}
.story_con01 .story_box dl:nth-of-type(2n) dd{float:left;}
.story_con01 .story_box dl:nth-of-type(2n) dd:before{left:auto; right:-6px; border-top-left-radius:0; border-bottom-left-radius:0; border-top-right-radius:6px; border-bottom-right-radius:6px;}
.story_con01 .story_box dl:nth-of-type(2n) dd p{overflow:hidden; text-align:right;}
.story_con01 .story_box dl:nth-of-type(2n) dd p > *{float:right;}

@media all and (max-width:1200px){
	.story_con01 .story_box dl dd p strong br{display:none;}
}
@media all and (max-width:1000px){
	.story_con01 .story_box:before{left:0; transform:translateX(0); -webkit-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0);}
	.story_con01 .story_box dl{overflow:visible}
	.story_con01 .story_box dl dt{float:none; width:100%; position:relative; top:0; transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0);}
	.story_con01 .story_box dl dd{float:none; width:100%;}
	.story_con01 .story_box dl dt span{text-align:left; padding-right:0; padding-left:130px;}
	.story_con01 .story_box dl dt span:before{right:auto; left:20px;}
	.story_con01 .story_box dl dt span:after{right:auto; left:0;}
	.story_con01 .story_box dl dd p strong br{display:none;}
	.story_con01 .story_box dl:nth-of-type(2n) dt{float:none;  left:auto; right:0; }
	.story_con01 .story_box dl:nth-of-type(2n) dd{float:none;}
	.story_con01 .story_box dl:nth-of-type(2n) dd:before{left:0; right:auto;}
	.story_con01 .story_box dl:nth-of-type(2n) dd p{text-align:left;}
	.story_con01 .story_box dl:nth-of-type(2n) dd p > *{float:none;}
}

/* 회사소개 - 고객사 */
.customer_con01.gray{background:#f9f9f9}
.customer_con01 .inner{padding:80px 0 60px; position:relative;}
.customer_con01.type02 .inner{padding:80px 0  }
.customer_con01.type01 .inner{border-top:1px solid #eaeaea;}
.customer_con01 .customer_tit{}
.customer_con01 .customer_tit p{padding-bottom:40px; position:relative; text-align:center; font-weight:500; font-size:28px; letter-spacing:-0.045em; color:#222222}
.customer_con01 .customer_tit p:before{content:''; position:absolute; left:50%; top:-15px; width:50px; height:3px; background:#09526d; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.customer_con01 ul{font-size:0;}
.customer_con01 ul li{display:inline-block; vertical-align:top; width:calc(25% - 15px); margin-right:20px; background:#fff; margin-bottom:20px; box-shadow: 3px 3px 15px -7px; -webkit-box-shadow: 3px 3px 15px -7px; } 
.customer_con01 ul li:nth-of-type(4n){margin-right:0;}
.customer_con01 ul li img{width:100%;}
.customer_con01 ul li p{padding:20px 0 30px; position:relative; font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#000000; text-align:center;}
.customer_con01 ul li p:before{content:''; position:absolute; top:0; left:50%; width:50px; height:1px; background:#444; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}

.customer_con01.type02 ul li{margin-bottom:0;}

@media all and (max-width:1000px){
	.customer_con01 ul li{width:calc(33.3333% - 14px);}
	.customer_con01 ul li:nth-of-type(4n){margin-right:20px;}
	.customer_con01 ul li:nth-of-type(3n){margin-right:0;}
}
@media all and (max-width:767px){
	.customer_con01 ul li{width:calc(50% - 10px);}
	.customer_con01 ul li:nth-of-type(3n){margin-right:20px;}
	.customer_con01 ul li:nth-of-type(2n){margin-right:0;}
	
	.customer_con01.type02 ul li{margin-bottom:20px;}
	.customer_con01.type02 ul li:last-of-type{margin-bottom:0;}
}

/* 데이터팩토리 - 이용가이드 */
.guide_con01{padding:60px 0; background:url('http://dgraib.com/img/guide_con01_bg.jpg') no-repeat center / cover;}
.guide_con01 .sub_tit{padding:0 0 30px}
.guide_con01 i{display:block; font-style:inherit; font-size:24px; font-weight:200; letter-spacing:-0.045em; color:#09526d;}
.guide_con01 p{font-size:38px; font-weight :400; letter-spacing:-0.045em; color:#222222; line-height:48px; padding:25px 0 30px; text-align:justify; }
.guide_con01 span{display:block; font-size:18px; font-weight:400; letter-spacing:-0.045em; color:#000; position:relative; padding-top:15px; word-break:keep-all; text-align:justify; }
.guide_con01 span:before{content:''; position:absolute; top:0; left:0; width:60px; height:1px; background:#0fbede;}
.guide_con01 a{display:block; margin-top:60px; width:200px; height:56px; line-height:56px; border-radius:28px; background:#0fbede; font-size:18px; font-weight:500; letter-spacing:-0.045em; color:#fff; text-align:center;}

@media all and (max-width:767px){
	.guide_con01 p br{display:none;}
}

.guide_con02{padding:60px 0;}
.guide_con02 ul{font-size:0; text-align:center;}
.guide_con02 ul li{display:inline-block; vertical-align:top; width:calc(20% - 32px); margin-right:40px; padding:60px 20px; box-sizing:border-box; border:1px solid #e4e4e4; text-align:center; position:relative; overflow:hidden;}
.guide_con02 ul li:nth-of-type(5){margin-right:0;}
.guide_con02 ul li:before{content:''; position:absolute; width:17px; height:12px; right:-32px; top:50%; background:url('http://dgraib.com/img/guide_con02_icon08.png') no-repeat center ; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);} 
.guide_con02 ul li:nth-of-type(5):before{display:none;}
.guide_con02 ul li span{display:block; margin:35px auto 20px; font-size:14px; font-weight:bold; letter-spacing:0; font-family: 'Montserrat'; position:relative;}
.guide_con02 ul li span b{position:relative; display:inline-block; padding:0 8px; background:#fff;}
.guide_con02 ul li span:before{content:''; position:absolute; left:0; top:50%; width:100%; height:1px; }
.guide_con02 ul li i{display:block;}
.guide_con02 ul li p{font-size:18px; font-weight :400; letter-spacing:-0.045em; color:#222222;}
.guide_con02 ul li:nth-of-type(1) span{color:#9adeeb}
.guide_con02 ul li:nth-of-type(2) span{color:#d69967}
.guide_con02 ul li:nth-of-type(3) span{color:#e05555}
.guide_con02 ul li:nth-of-type(4) span{color:#bd80d3}
.guide_con02 ul li:nth-of-type(5) span{color:#6f51b3}
.guide_con02 ul li:nth-of-type(1) span:before{background:#9adeeb}
.guide_con02 ul li:nth-of-type(2) span:before{background:#d69967}
.guide_con02 ul li:nth-of-type(3) span:before{background:#e05555}
.guide_con02 ul li:nth-of-type(4) span:before{background:#bd80d3}
.guide_con02 ul li:nth-of-type(5) span:before{background:#6f51b3}

@media all and (max-width:1200px){
	.guide_con02 ul li{padding:30px 20px 50px;}
}
@media all and (max-width:1000px){
	.guide_con02 ul li{width:calc(33.3333% - 27px); margin-bottom:40px;}
	.guide_con02 ul li:nth-of-type(3){margin-right:0;}
	.guide_con02 ul li:nth-of-type(4):after{content:''; position:absolute; width:17px; height:12px; left:-32px; top:50%; background:url('http://dgraib.com/img/guide_con02_icon08.png') no-repeat center ; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);} 
	.guide_con02 ul li:nth-of-type(3):before{display:none;}
}

.guide_con03{padding:60px 0; background:#f9f9f9;}
.guide_con03 p.tit{padding:40px 0 30px; border-top:1px dashed #eaeaea; font-size:24px; font-weight :400; letter-spacing:-0.045em; color:#1f4756; text-align:center;}
.guide_con03 p b{ font-family: 'Montserrat'; }
.guide_con03 p .m_ver {display:none; }
.guide_con03 p strong{color:#0fbede}
.guide_con03 ul{padding-top:40px; font-size:0; text-align:center;}
.guide_con03 ul li{display:inline-block; vertical-align:top; margin-right:-23px; position:relative;}
.guide_con03 ul li:nth-of-type(2){margin-right:0; margin-left:-23px;}
.guide_con03 ul li .box{display:table; width:300px; height:300px; border-radius:50%; background:rgba(31,71,86,0.8); position:relative;}
.guide_con03 ul li .box > div{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.guide_con03 ul li:nth-of-type(2) .box {background:rgba(15,190,222,0.8); }
.guide_con03 ul li:nth-of-type(2) .box:before{content:''; position:absolute; top:50%; left:23px; width:6px; height:6px; border-radius:50%; background:#000000; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.guide_con03 ul li:nth-of-type(2) .box:after{content:''; position:absolute; top:-36px; left:26px; width:1px; height:185px; background:#000;}
.guide_con03 ul li .box span{display:block; font-size:16px; font-weight:400; letter-spacing:0; color:#ffffff;  font-family: 'Montserrat'; }
.guide_con03 ul li .box p{font-size:24px; font-weight:bold; letter-spacing:-0.045em; color:#ffffff; padding-top:10px;}
.guide_con03 ul li > p.desc{font-size:16px; font-weight:400; letter-spacing:-0.045em; color:#444444; line-height:26px; padding-top:40px; position:relative; }
.guide_con03 ul li > p.desc:before{content:''; position:absolute; left:50%; top:10px; width:16px; height:15px; background:url('http://dgraib.com/img/guide_con03_icon08.png') no-repeat center;}

@media all and (max-width:800px){
	.guide_con03 p .m_ver {display:block; }
}

.guide_con04{padding:60px 0 100px;}
.guide_con04 .m_ver {display:none; }
.guide_con04 ul{font-size:0;}
.guide_con04 ul li{display:inline-block; vertical-align:top; width:14.2857%; background:#f2f2f2; cursor:pointer; padding:65px 0 70px; text-align:center; box-sizing:border-box;}
.guide_con04 ul li:nth-of-type(2n){background:#e4e4e4}
.guide_con04 ul li span{display:block; font-size:16px; font-weight:500; letter-spacing:0; color:#aaaaaa; font-family: 'Montserrat';}
.guide_con04 ul li i{display:block; margin:30px auto 35px; width:74px; height:50px;}
.guide_con04 ul li:nth-of-type(1) i{background:url('http://dgraib.com/img/guide_con03_icon01.png') no-repeat center;}
.guide_con04 ul li:nth-of-type(2) i{background:url('http://dgraib.com/img/guide_con03_icon02.png') no-repeat center;}
.guide_con04 ul li:nth-of-type(3) i{background:url('http://dgraib.com/img/guide_con03_icon03.png') no-repeat center;}
.guide_con04 ul li:nth-of-type(4) i{background:url('http://dgraib.com/img/guide_con03_icon04.png') no-repeat center;}
.guide_con04 ul li:nth-of-type(5) i{background:url('http://dgraib.com/img/guide_con03_icon05.png') no-repeat center;}
.guide_con04 ul li:nth-of-type(6) i{background:url('http://dgraib.com/img/guide_con03_icon06.png') no-repeat center;}
.guide_con04 ul li:nth-of-type(7) i{background:url('http://dgraib.com/img/guide_con03_icon07.png') no-repeat center;}
.guide_con04 ul li p{font-size:18px; font-weight :400; letter-spacing:-0.045em; color:#222222;}
.guide_con04 ul li:hover{background:#0fbede;}
.guide_con04 ul li:hover span{color:#fff;}
.guide_con04 ul li:hover:nth-of-type(1) i{background:url('http://dgraib.com/img/guide_con03_icon01_on.png') no-repeat center;}
.guide_con04 ul li:hover:nth-of-type(2) i{background:url('http://dgraib.com/img/guide_con03_icon02_on.png') no-repeat center;}
.guide_con04 ul li:hover:nth-of-type(3) i{background:url('http://dgraib.com/img/guide_con03_icon03_on.png') no-repeat center;}
.guide_con04 ul li:hover:nth-of-type(4) i{background:url('http://dgraib.com/img/guide_con03_icon04_on.png') no-repeat center;}
.guide_con04 ul li:hover:nth-of-type(5) i{background:url('http://dgraib.com/img/guide_con03_icon05_on.png') no-repeat center;}
.guide_con04 ul li:hover:nth-of-type(6) i{background:url('http://dgraib.com/img/guide_con03_icon06_on.png') no-repeat center;}
.guide_con04 ul li:hover:nth-of-type(7) i{background:url('http://dgraib.com/img/guide_con03_icon07_on.png') no-repeat center;}
.guide_con04 ul li:hover p{color:#fff;}

@media all and (max-width:1000px){
	.guide_con04 ul li{width:25%;}
}
@media all and (max-width:800px){
	.guide_con04 .m_ver {display:block; }
}
@media all and (max-width:767px){
	.guide_con04 ul li{width:33.3333%;}
}

.guide_con05{padding-bottom:50px;}
.guide_con05.type02 .inner{padding-top:50px;}

.guide_con05 .join{border:1px solid #e4e4e4; padding:60px 40px;}
.guide_con05 .join .txt_box p{font-size:24px; font-weight:bold; letter-spacing:-0.045em; color:#09526d; text-align:center;}
.guide_con05 .join .txt_box span{display:block; margin-top:30px; font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#222222; line-height:26px; text-align:center; padding-bottom:60px; border-bottom:1px solid #e4e4e4}
.guide_con05 .join .join_tit{font-size:20px; font-weight:500; letter-spacing:-0.045em; color:#444444;  margin-bottom:20px; padding-top:30px;}
.guide_con05 .join .join_tit i{display:inline-block; vertical-align:middle; margin-right:10px; margin-top:-3px;}
.guide_con05 .join .ScrollLy{border:none; background:#f9f9f9}
.guide_con05 .join .joinTop .jcheck{background:#fff; border:none; text-align:left; padding:0; padding-top:10px;}
/*.guide_con05 .join .joinTop .jcheck label{font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#222222;}*/

.guide_con05 .join .joinTop .jcheck label{ overflow:hidden; position:relative;}
.guide_con05 .join .joinTop .jcheck label input {overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0;}
.guide_con05 .join .joinTop .jcheck label .ico {position:absolute; left:0; top:3px; width:20px; height:20px; background:url("http://dgraib.com/img/guide_check.png") center top no-repeat; background-size:100% 100%;}
.guide_con05 .join .joinTop .jcheck label input:checked + .ico {background:url("http://dgraib.com/img/guide_check_on.png") center top no-repeat; background-size:100% 100%;}
.guide_con05 .join .joinTop .jcheck label span{font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#222222; padding-left:30px;}

.guide_con06{padding:60px 0 150px; background:#09526d; text-align:center;}
.guide_con06 .hr{width:50px; height:3px; background:#fff; margin:0 auto 20px;}
.guide_con06 h3{word-break:keep-all; margin:20px 0; font-size:28px; color:#ffffff; letter-spacing:-0.045em; font-weight:500;}
.guide_con06 p{word-break:keep-all; font-size:18px; color:#cedce2; letter-spacing:-0.045em; font-weight:300;}
.guide_con06 dl{font-size:0; letter-spacing:-4px; text-align:center; margin-top:35px;}
.guide_con06 dl dt{width:160px; display:inline-block; vertical-align:middle; font-size:24px; color:#ffffff; letter-spacing:-0.045em; font-weight:bold;}
.guide_con06 dl dd{width:calc(100% - 160px); display:inline-block; vertical-align:middle; position:relative;}
.guide_con06 dl dd input{font-size:18px; color:#222; width:100%; height:76px; background:#fff; padding:0 180px 0 40px; border:none; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0; border-radius:40px;}
.guide_con06 dl dd a{display:block; width:160px; height:56px; line-height:56px; border-radius:30px; background:#0fbede; font-size:18px; color:#fff; letter-spacing:-0.045em; position:absolute; right:10px; top:10px;}

@media all and (max-width:1000px){
	.guide_con06{padding:40px 0;}
	.guide_con06 dl dt{width:100%; display:block;}
	.guide_con06 dl dd{width:100%; display:block; margin-top:20px;}
	.guide_con06 dl dd input{height:50px; width:100%; padding:0 20px;}
	.guide_con06 dl dd a{position:static; right:auto; top:auto; height:50px; line-height:50px; margin:20px auto;}

}


/* table_wrap */
.table_wrap{margin-top:40px; box-sizing:border-box; padding:30px 0;}
.table_wrap .table_tit {padding-bottom:40px; text-align:center; }
.table_wrap .table_tit p {display:inline-block; vertical-align:middle; padding:0 20px; border-left:3px solid #aaaaaa; border-right:3px solid #aaaaaa; font-size:24px; font-weight:bold; color:#000000; letter-spacing:-0.045em; line-height:22px; }
.table_wrap table{width:100%; border-top:2px solid #0fbede; }
.table_wrap table tr th{border-bottom:1px solid #f0f0f0; padding:20px 0; background-color:#fbfbfb; font-size:18px; font-weight:500; color:#000000;  }
.table_wrap table tr th span.col01 {font-size:18px; color:#f16969; }
.table_wrap table tr th p:before{content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background:#222222; border-radius:50%;}
.table_wrap table tr th p b{color:#f16969; font-weight :400}
.table_wrap table tr td{border-bottom:1px solid #f0f0f0; padding:15px; font-size:14px; font-weight :400; letter-spacing:-0.045em; color:#666666; }
.table_wrap table tr td input {vertical-align:middle; }
.table_wrap table tr td input[type="text"]{vertical-align:middle; width:400px; height:36px; padding-left:10px; border:1px solid #d7d7d7; box-sizing:border-box; font-size:14px; }
.table_wrap table tr td input[type="text"].mid {width:200px; }
.table_wrap table tr td input[type="text"].small {width:72px; }
.table_wrap table tr td select {vertical-align:middle; width:400px; height:36px; border:1px solid #d7d7d7; padding-left:10px; box-sizing:border-box; font-size:14px; font-weight:200; color:#929292; }
.table_wrap table tr td p{position:relative; display:inline-block; vertical-align:middle; padding:3px 30px 3px 0; font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#666666; }
.table_wrap table tr td p.red{color:red}
.table_wrap table tr td p:before {content:''; position:absolute; right:15px; top:50%; width:1px; height:15px; background-color:#e6e6e6; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
.table_wrap table tr td p:last-of-type:before {display:none; }
.table_wrap table tr td p:first-of-type {padding-left:0; }
.table_wrap table tr td p > span{display:inline-block; vertical-align:middle;}
.table_wrap table tr td input[type="text"].phone_box ,
.table_wrap table tr td select.phone_box {width:73px; height:36px; border:1px solid #d7d7d7; box-sizing:border-box; }
.table_wrap table tr td select.w33 {width:calc(33.33% - 10px); margin-right:5px; }
.table_wrap table tr td select.small {width:80px; margin-right:5px; }
.table_wrap table tr td select.small02 {width:120px; margin-right:5px; }
.table_wrap table tr td textarea{resize:none; width:100%; border:1px solid #e4e4e4; font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#222222; box-sizing:border-box;}
.table_wrap table tr td ul{font-size:0;}
.table_wrap table tr td ul li{display:inline-block; vertical-align:middle; width:13%; font-size:0;}
.table_wrap table tr td ul li:last-of-type{margin-right:0; width:48%}
.table_wrap table label{ overflow:hidden; position:relative; display:inline-block; vertical-align:middle;}
.table_wrap table label > input {overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0;}
.table_wrap table label .ico {position:absolute; left:0; top:3px; width:20px; height:20px; background:url("http://dgraib.com/img/guide_check.png") center top no-repeat; background-size:100% 100%;}
.table_wrap table label input:checked + .ico {background:url("http://dgraib.com/img/guide_check_on.png") center top no-repeat; background-size:100% 100%;}
.table_wrap table label span{font-size:16px; font-weight :400; letter-spacing:-0.045em; color:#666666; padding-left:30px;}
.table_wrap table tr td ul li > input.w100_70{display:inline-block; vertical-align:middle; width:calc(100% - 70px)}
.table_wrap table tr td	a.zip_ch{display:inline-block; width:140px; height:37px; line-height:35px; font-size:14px; color:#fff; margin-left:10px; text-align:center; vertical-align:middle; box-sizing:border-box; border:1px solid #0fbede; background-color:#0fbede; }
.table_wrap table tr td input:focus ,
.table_wrap table tr td select:focus {outline:none; }
.table_wrap table tr td.cashpath span {display:inline-block; vertical-align:middle; padding-right:10px; }
.table_wrap table tr td.cashpath input {margin-right:10px; }
.table_wrap a.btn{display:block; width:200px; height:56px; line-height:56px; border-radius:28px; background:#3493d3; text-align:center; margin:60px auto 0; font-size:18px; font-weight:500; letter-spacing:-0.045em; color:#fff;}

@media all and (max-width:800px){
	.table_wrap table tr th {display:block; font-size:20px; }
	.table_wrap table tr td {display:block; text-align:center; font-size:20px; word-break:keep-all}
	.table_wrap table tr td input[type="text"] {height:46px; font-size:20px; }
	.table_wrap table tr td p {font-size:18px; }
	.table_wrap table tr td input[type="text"].phone_box, 
	.table_wrap table tr td select.phone_box {height:46px; font-size:20px; }
	.table_wrap table tr td select {height:46px; font-size:20px; }
	.table_wrap table label span {font-size:18px; }
}

/* 회사소개 - 하이위즈테크 */
.digrab_con01{padding:70px 0 110px; background:url('http://dgraib.com/img/digrab_con01_bg.jpg') no-repeat center / cover; text-align:center;}
.digrab_con01 .sub_tit{padding:0;}
.digrab_con01 .sub_tit strong{color:#0fbede}
/*.digrab_con01 i{font-style:inherit; font-size:16px; font-weight:bold; letter-spacing:0; color:#1f4756;font-family: 'Montserrat';}*/
/*.digrab_con01 i b{color:#0fbede}*/
.digrab_con01 p{padding:40px 0; font-size:44px; font-weight:200; letter-spacing:-0.045em; color:#222; position:relative;}
.digrab_con01 p b{font-weight:500;}
/*.digrab_con01 p:before{content:''; position:absolute; background:#0fbede; width:1px; height:50px; left:50%; bottom:30px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}*/
.digrab_con01 span{display:block; font-size:18px; font-weight:400; letter-spacing:-0.045em; color:#000000; line-height:28px; word-break:keep-all;}

@media all and (max-width:1000px){
	.digrab_con01 span br.pc_only{display:none;}
}

.digrab_con02{padding:60px 0;}
.digrab_con02 img{ width:100%;}

.digrab_con03{padding:60px 0; background:#f9f9f9;}
.digrab_con03 .digrab_con03_box{display:table; width:100%;}
.digrab_con03 .digrab_con03_box > div{display:table-cell; vertical-align:middle; width:50%; }
.digrab_con03 .digrab_con03_box .img_box img{width:100%;}
.digrab_con03 .digrab_con03_box .txt_box {padding:0 60px; box-sizing:border-box; }
.digrab_con03 .digrab_con03_box .txt_box i{display:block; font-size:16px; font-weight:bold; letter-spacing:0; color:#000000; font-style:inherit; font-family: 'Montserrat';}
.digrab_con03 .digrab_con03_box .txt_box p{padding-bottom: 50px; font-size:38px; font-weight:500; letter-spacing:-0.045em; color:#222222; position:relative;}
/*.digrab_con03 .digrab_con03_box .txt_box p:before{content:''; position:absolute; bottom:25px; width:calc(100% + 220px); height:2px; left:-160px; background:#0fbede; line-height:38px}*/
.digrab_con03 .digrab_con03_box .txt_box p:before {content:''; position:absolute; left:0; bottom:25px; width:199px; height:2px; background-color:#0fbede; }
.digrab_con03 .digrab_con03_box .txt_box span{display:block; font-size:18px; font-weight :400; letter-spacing:-0.045em; color:#444444; line-height:28px; text-align:justify;} 
.digrab_con03 ul{font-size:0;}
.digrab_con03 ul li{display:inline-block; vertical-align:top; width:calc(25% - 15px); margin-right:20px; margin-top:40px;}
.digrab_con03 ul li:last-of-type{margin-right:0;}
.digrab_con03 ul li img{width:100%;}
.digrab_con03 ul li .txt_box{padding-top:30px; text-align:center;}
.digrab_con03 ul li .txt_box p{font-size:20px; font-weight:500; letter-spacing:0; color:#444444; padding:20px 0; position:relative;}
.digrab_con03 ul li .txt_box p:before{content:''; position:absolute; left:50%; top:0; width:40px; height:1px; background:#444; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.digrab_con03 ul li .txt_box span{display:block; font-size:16px; letter-spacing:0; color:#000000; line-height:26px;}

@media all and (max-width:1200px){
	.digrab_con03 .digrab_con03_box .txt_box span br{display:none;}
}
@media all and (max-width:1000px){
	.digrab_con03 .digrab_con03_box > div{display:block;}
	.digrab_con03 .digrab_con03_box > div{display:block; width:100%;}
	.digrab_con03 .digrab_con03_box .txt_box span br.pc_only{display:none;}
	.digrab_con03 ul li{width:calc(50% - 10px);}
	.digrab_con03 ul li:nth-of-type(2){margin-right:0;}
	.digrab_con03 .digrab_con03_box .txt_box{padding:60px 30px;}
}


.kiskin_con01 {padding-bottom:40px; }
.kiskin_con01 .tab_box{margin-bottom:60px;}
.kiskin_con01 .tab_box ul{font-size:0; text-align:center;}
.kiskin_con01 .tab_box ul li{display:inline-block; vertical-align:top; margin:0 5px; box-sizing:border-box;}
.kiskin_con01 .tab_box ul li a{width:170px; height:60px; border:1px solid #e4e4e4; box-sizing:border-box; display:block; font-size:18px; letter-spacing:-0.045em; color:#222222; line-height:58px; position:relative;}
.kiskin_con01 .tab_box ul li.on a{font-weight:bold; color:#0fbede;}
.kiskin_con01 .tab_box ul li.on a:before{content:''; position:absolute; bottom:-1px; left:0; width:100% ; height:3px; background:-webkit-gradient(linear, 100% 0, 0 0, from(#0cd5f2), to(#0a75c7)); background:-webkit-linear-gradient(to right, #0cd5f2, #0a75c7); background:-moz-linear-gradient(to right, #0cd5f2, #0a75c7); background:-o-linear-gradient(to right, #0cd5f2, #0a75c7); background:linear-gradient(to right, #0cd5f2, #0a75c7);	}
.kiskin_con01 .sub_tit{padding:0 0 40px;}
.kiskin_con01 .table_list > span{display:block; font-size:16px; letter-spacing:0; color:#222; line-height:26px; padding-bottom:10px;}


@media all and (max-width:1000px){
	.kiskin_con01 .tab_box ul li{width:calc(20% - 8px); margin:0; margin-right:10px;}
	.kiskin_con01 .tab_box ul li:nth-of-type(5){margin-right:0;}
	.kiskin_con01 .tab_box ul li a{width:auto;}
}


.purchase_con01 .tab_box{margin-bottom:60px;}
.purchase_con01 .tab_box ul{font-size:0; text-align:center;}
.purchase_con01 .tab_box ul li{display:inline-block; vertical-align:top; margin:0 5px; box-sizing:border-box;}
.purchase_con01 .tab_box ul li a{width:170px; height:60px; border:1px solid #e4e4e4; box-sizing:border-box; display:block; font-size:18px; letter-spacing:-0.045em; color:#222222; line-height:58px; position:relative;}
.purchase_con01 .tab_box ul li.on a{font-weight:bold; color:#0fbede;}
.purchase_con01 .tab_box ul li.on a:before{content:''; position:absolute; bottom:-1px; left:0; width:100% ; height:3px; background:-webkit-gradient(linear, 100% 0, 0 0, from(#0cd5f2), to(#0a75c7)); background:-webkit-linear-gradient(to right, #0cd5f2, #0a75c7); background:-moz-linear-gradient(to right, #0cd5f2, #0a75c7); background:-o-linear-gradient(to right, #0cd5f2, #0a75c7); background:linear-gradient(to right, #0cd5f2, #0a75c7);	}
.purchase_con01 .sub_tit{padding:0 0 40px;}
.purchase_con01 .table_list > span{display:block; font-size:16px; letter-spacing:0; color:#222; line-height:26px; padding-bottom:10px;}


@media all and (max-width:1000px){
	.purchase_con01 .tab_box ul li{width:calc(20% - 8px); margin:0; margin-right:10px;}
	.purchase_con01 .tab_box ul li:nth-of-type(5){margin-right:0;}
	.purchase_con01 .tab_box ul li a{width:auto;}
}