@charset "utf-8";

/* sub_common */
.sub_common{text-align:right; margin:20px 0;}
.sub_common ul{font-size:0; letter-spacing:-4px;}
.sub_common ul li{display:inline-block; vertical-align:top;}
.sub_common ul li a{display:block; font-size:16px; color:#aaaaaa; letter-spacing:0em; font-weight:400; padding:0 12px; position:relative}
.sub_common ul li a:before{content:""; width:6px; height:10px; background:url('../img/sub_common_arrow.png')no-repeat center/ cover; position:absolute; right:-3px; top:7px;}
.sub_common ul li:last-child a:before{display:none}
.sub_common ul li a.depth01{color:#444444; letter-spacing:-0.045em;}



/* sub_tit */
.sub_tit{text-align:center; padding:0 0 60px;}
.sub_tit span{display:block; font-size:18px; color:#fdaf14; letter-spacing:-0.045em; font-weight:500;}
.sub_tit h3{display:block; margin:0; font-size:58px; color:#222222; letter-spacing:-0.045em; font-weight:bold; line-height:1.3;}

@media all and (max-width:767px){
	.sub_tit{padding:0 0 30px;}
	.sub_tit h3{font-size:48px;}
}



/* sub_tab */
.sub_tab{border-bottom:1px solid #494949; padding:45px 0;}
.sub_tab ul{font-size:0; letter-spacing:-4px; text-align:center;}
.sub_tab ul li{display:inline-block; vertical-align:top; margin:0 15px;}
.sub_tab ul li a{display:block; padding:0 22px; position:relative; font-size:22px; color:#bebebe; letter-spacing:-0.045em; font-weight:bold;}
.sub_tab ul li a:before{content:""; width:20px; height:20px; position:absolute; right:-2px; top:8px; background:url('../img/sub_tab_icon.png') no-repeat center / cover; opacity:0;}
.sub_tab ul li:hover a:before{opacity:1;}
.sub_tab ul li:hover a{color:#222222}


/* content_box */
.content_box{padding:60px 0 100px; border-top:1px solid #494949}
.content_box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.content_box .left{width:300px; float:left;}
.content_box .left .tit{padding-left:20px; box-sizing:border-box; position:relative;}
.content_box .left .tit:before{content:""; width:14px; height:5px; background:#fdaf14;  position:absolute; left:0; top:0; transform-origin:left top; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.content_box .left .tit p{display:inline-block; vertical-align:bottom; font-size:38px; color:#222222;; letter-spacing:-0.045em; font-weight:bold; line-height:1.1;}
.content_box .left .tit span{display:inline-block; vertical-align:bottom; font-size:16px; color:#aaaaaa; letter-spacing:0em; font-weight:400;}
.content_box .left a.down_btn{margin:50px 0 0; width:182px; height:45px; border:2px solid #fdaf14; border-radius:10px; line-height:41px; padding-left:20px; box-sizing:border-box; display:block; position:relative; font-size:18px; color:#fdaf14; letter-spacing:-0.045em; font-weight:500;}
.content_box .left a.down_btn i{width:43px; height:43px; border-radius:5px; text-align:center; background:#fdaf14; position:absolute; right:0; top:0;}
.content_box .left a.down_btn i:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.content_box .left a.down_btn i img{display:inline-block; vertical-align:middle;}
.content_box .right{width:calc(100% - 300px); float:left;}

@media all and (max-width:1200px){
	.content_box .left{width:250px;}
	.content_box .right{width:calc(100% - 250px)}
}
@media all and (max-width:1000px){
	.content_box .left{width:100%; float:none;}
	.content_box .right{width:100%; float:none; padding:30px 0 0;}
}



/* 회사소개 - 인사말 */
.greetings_con01{margin-bottom:150px; background:#fff url('../img/greetings_conblack_bg.png')no-repeat right bottom / contain}
.greetings_con01 .content_box .right > h4{font-size:18px; color:#444444; letter-spacing:-0.065em; font-weight:500; line-height:28px; margin:0 0 35px }
.greetings_con01 .content_box .right > p{font-size:18px; color:#666666; letter-spacing:-0.065em; font-weight:300; line-height:28px; }
.greetings_con01 .content_box .right > p:nth-of-type(2) ~ p{margin-top:35px;}
.greetings_con01 .content_box .right > p b{color:#222222;}

@media all and (max-width:1000px){
	.greetings_con01 .content_box .right > p br{display:none}
}



/* 회사소개 - 연혁 */
.history_con01 .content_box .right ul li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history_con01 .content_box .right ul li{margin:0 0 40px;}
.history_con01 .content_box .right ul li .year{position:relative; width:160px; float:left; z-index:2;}
.history_con01 .content_box .right ul li .year:before{content:""; width:calc(100% - 88px); position:absolute; right:0; top:45px; background:#e4e4e4; height:1px;}
.history_con01 .content_box .right ul li .year:after{content:""; width:8px; height:8px; position:absolute; right:-4px; top:41px; background:#fdaf14; border-radius:50%;}
.history_con01 .content_box .right ul li .year .tit{font-size:0; letter-spacing:-4px; text-align:center; display:inline-block; vertical-align:top; width:88px; height:88px; box-sizing:border-box; background:#fff; border:2px solid #fdaf14; border-radius:50%; position:relative; z-index:2; box-shadow:16px 5px 40px rgba(0,0,0,0.04)}
.history_con01 .content_box .right ul li .year .tit:before{content:""; display:inline-block; vertical-align:middle; width:0; height:100%;}
.history_con01 .content_box .right ul li .year .tit:after{content:""; width:50%; height:50%; border:inherit; box-sizing:border-box; position:absolute; z-index:-1; right:-14%; top:25%; background:inherit; border-left:none; border-bottom:none; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.history_con01 .content_box .right ul li .year .tit p{display:inline-block; vertical-align:middle; font-size:22px; color:#fdaf14; letter-spacing:0em; font-weight:600;}
.history_con01 .content_box .right ul li .month{width:calc(100% - 160px); float:left; margin:32px 0 0; box-sizing:border-box; position:relative; overflow:hidden;}
.history_con01 .content_box .right ul li .month dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history_con01 .content_box .right ul li .month dl{position:relative; padding:0 25px; box-sizing:border-box;}
.history_con01 .content_box .right ul li .month dl + dl{margin-top:10px;}
.history_con01 .content_box .right ul li .month dl + dl:before{content:""; width:1px; height:1000%; position:absolute; left:0; top:-20px; background:#e4e4e4;}
.history_con01 .content_box .right ul li .month dl dt{width:60px; float:left; font-size:16px; color:#aaaaaa; letter-spacing:0em; font-weight:500;}
.history_con01 .content_box .right ul li .month dl dd{width:calc(100% - 60px); float:left; font-size:18px; color:#444444; letter-spacing:-0.065em; font-weight:500; word-break:keep-all}
.history_con01 .content_box .right ul li:nth-of-type(4n-3) .year:after{background:#fdaf14;}
.history_con01 .content_box .right ul li:nth-of-type(4n-3) .tit{border-color:#fdaf14;}
.history_con01 .content_box .right ul li:nth-of-type(4n-3) .tit p{color:#fdaf14;}
.history_con01 .content_box .right ul li:nth-of-type(4n-2) .year:after{background:#45484e;}
.history_con01 .content_box .right ul li:nth-of-type(4n-2) .tit{border-color:#45484e;}
.history_con01 .content_box .right ul li:nth-of-type(4n-2) .tit p{color:#45484e;}
.history_con01 .content_box .right ul li:nth-of-type(4n-1) .year:after{background:#266ced;}
.history_con01 .content_box .right ul li:nth-of-type(4n-1) .tit{border-color:#266ced;}
.history_con01 .content_box .right ul li:nth-of-type(4n-1) .tit p{color:#266ced;}
.history_con01 .content_box .right ul li:nth-of-type(4n) .year:after{background:#999999;}
.history_con01 .content_box .right ul li:nth-of-type(4n) .tit{border-color:#999999;}
.history_con01 .content_box .right ul li:nth-of-type(4n) .tit p{color:#999999;}

@media all and (max-width:1000px){
	.history_con01 .content_box .right ul li .year{width:100px;}
	.history_con01 .content_box .right ul li .year .tit{width:65px; height:65px;}
	.history_con01 .content_box .right ul li .year:before{top:33px; width:calc(100% - 65px)}
	.history_con01 .content_box .right ul li .month{width:calc(100% - 100px); margin:21px 0 0;}
	.history_con01 .content_box .right ul li .year:after{top:30px;}
	.history_con01 .content_box .right ul li .month dl{padding:0 15px;}
	.history_con01 .content_box .right ul li .month dl dt{width:40px;}
	.history_con01 .content_box .right ul li .month dl dd{width:calc(100% - 40px)}
	.history_con01 .content_box .right ul li .month dl + dl:before{top:-50px;}
}



/* 회사소개 - 오시는길 */
.location_con01 .content_box .right .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.location_con01 .content_box .right .after .map_img{width:460px; border:1px solid #e4e4e4; box-sizing:border-box; float:left; border-radius:20px; overflow:hidden}
.location_con01 .content_box .right .after .map_img img{width:100%}
.location_con01 .content_box .right .after .bot_box{width:calc(100% - 460px); padding-left:80px; box-sizing:border-box; float:left;}
.location_con01 .content_box .right .after .bot_box .tit_box{border-bottom:2px solid #fdaf14; box-sizing:border-box; padding:0 0 20px}
.location_con01 .content_box .right .after .bot_box .tit_box h4{font-size:24px; color:#fdaf14; letter-spacing:-0.045em; font-weight:bold; line-height:1.1; margin:0 0 15px}
.location_con01 .content_box .right .after .bot_box .tit_box p{font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; line-height:1.1;}
.location_con01 .content_box .right .after .bot_box .txt_box{padding:20px 0;}
.location_con01 .content_box .right .after .bot_box .txt_box dl{font-size:0; letter-spacing:-4px; margin:15px 0;}
.location_con01 .content_box .right .after .bot_box .txt_box dl dt{width:90px; display:inline-block; vertical-align:top; font-size:18px; color:#444444; letter-spacing:0em; font-weight:500; padding:0 0 0 15px; box-sizing:border-box; position:relative}
.location_con01 .content_box .right .after .bot_box .txt_box dl dt:before{content:""; width:5px; height:5px; background:#e4e4e4; border-radius:50%; position:absolute; left:0; top:calc(50% - 3px);}
.location_con01 .content_box .right .after .bot_box .txt_box dl dd{display:inline-block; vertical-align:top; font-size:18px; color:#666666; letter-spacing:0em; font-weight:400;}
.location_con01 .content_box .right .after .bot_box .map_load{width:100%; height:280px; border:1px solid #e4e4e4; box-sizing:border-box;}
.location_con01 .content_box .right .after .bot_box .map_load iframe{width:100%; height:100%;}

@media all and (max-width:1200px){
	.location_con01 .content_box .right .after .map_img{width:300px;}
	.location_con01 .content_box .right .after .bot_box{width:calc(100% - 300px); padding-left:20px;}
}
@media all and (max-width:1000px){
	.location_con01 .content_box .right .after .map_img{width:100%; float:none;}
	.location_con01 .content_box .right .after .bot_box{width:100%; float:none; padding:40px 0 0;}
}



/* 배차운영 */
.do_con01{overflow:hidden}
.do_con01 .content_box .right > p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300;}
.do_con01 .content_box .step_wrap{font-size:0; letter-spacing:-4px; padding:10px 0;}
.do_con01 .content_box .step_wrap .box{margin:50px 0; padding:20px; display:inline-block; vertical-align:top; width:100%; height:220px; border:2px solid #fdaf14; border-radius:10px; box-sizing:border-box; position:relative; background-color:#fff; background-repeat:no-repeat; background-position:right;}
.do_con01 .content_box .step_wrap .box.w50{width:calc(50% - 50px); margin-right:100px;}
.do_con01 .content_box .step_wrap .box.w50 + .box.w50{margin-right:0;}
.do_con01 .content_box .step_wrap .box.h270{height:264px;}
.do_con01 .content_box .step_wrap .box span{display:block; width:40px; height:40px; border-radius:5px; line-height:40px; text-align:center; background:#fdaf14; font-size:18px; color:#fff; letter-spacing:0em; font-weight:500;}
.do_con01 .content_box .step_wrap .box p{font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:300; margin:10px 0 0;}
.do_con01 .content_box .step_wrap .box .arrow{position:absolute;}
.do_con01 .content_box .step_wrap .box .arrow.a_right{right:-80px; top:calc(50% - 15px)}
.do_con01 .content_box .step_wrap .box .arrow.a_bottom{right:calc(50% - 23px); bottom:-80px}
.do_con01 .content_box .step_wrap .box .arrow.a_top{right:calc(50% - 23px); top:-80px;}
.do_con01 .content_box .step_wrap h3{text-align:center; font-size:20px; color:#fdaf14; letter-spacing:-0.045em; font-weight:500; margin:0;}
.do_con01 .content_box .step_wrap h3 i{display:inline-block; vertical-align:middle; margin:-2px 10px 0 0;}
.do_con01 .content_box .step_wrap h3 + .box{margin-top:25px;}
.do_con01 .content_box .hr{width:100%; height:1px; background:#e4e4e4; margin:60px auto 80px; position:relative;}
.do_con01 .content_box .hr .arrow{text-align:center; width:50px; height:50px; background:#fff; border:2px solid #fdaf14; border-radius:50%; box-sizing:border-box; position:absolute; left:calc(50% - 25px); top:calc(50% - 25px)}
.do_con01 .content_box .hr .arrow:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.do_con01 .content_box .hr .arrow i{display:inline-block; vertical-align:middle;}

@media all and (max-width:767px){
	.do_con01 .content_box .step_wrap .box{background-size:contain; background-position:right bottom}
	.do_con01 .content_box .step_wrap .box.w50{width:100%; margin:50px 0;}
	.do_con01 .content_box .step_wrap .box .arrow.a_right{right:calc(50% - 23px); top:auto; bottom:-55px; transform-origin:bottom; transform:rotate(90deg)}
}



/* 모니터링 */
.monitoring_con01{overflow:hidden}
.monitoring_con01 .content_box{padding:100px 0;}
.monitoring_con01 .content_box .right > p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300;}
.monitoring_con01 .content_box .top{padding:60px 0; border-bottom:1px solid #e4e4e4; position:relative;}
.monitoring_con01 .content_box .top .img_box img{max-width:100%;}
.monitoring_con01 .content_box .top ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.monitoring_con01 .content_box .top ul{position:absolute; left:0; bottom:60px; width:100%;}
.monitoring_con01 .content_box .top ul li{width:calc(33.333333% - 14px); margin-right:21px; float:left; border:1px solid #e4e4e4; padding:40px 15px; text-align:center; min-height:130px; border-radius:10px; box-sizing:border-box; position:relative; background:#fff; box-shadow:10px 0 21px rgba(0,0,0,0.09)}
.monitoring_con01 .content_box .top ul li:last-child{margin-right:0;}
.monitoring_con01 .content_box .top ul li span{position:absolute; left:calc(50% - 20px); top:-20px; width:40px; height:40px; border-radius:5px; line-height:40px; font-size:18px; background:#fdaf14; color:#ffffff; letter-spacing:0em; font-weight:500;}
.monitoring_con01 .content_box .top ul li:nth-of-type(2) span{background:#45484e;}
.monitoring_con01 .content_box .top ul li:nth-of-type(3) span{background:#266ced;}
.monitoring_con01 .content_box .top ul li p{font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}

.monitoring_con01 .content_box .mid{padding:60px 0;}
.monitoring_con01 .content_box .mid h4{padding-left:20px; font-size:28px; color:#444444; letter-spacing:-0.045em; font-weight:bold; margin:0; position:relative;}
.monitoring_con01 .content_box .mid h4:before{content:""; width:15px; height:15px; background:#fdaf14; border-radius:50%; position:absolute; left:0; top:14px;}
.monitoring_con01 .content_box .mid dl{text-align:left; font-size:0; letter-spacing:-4px; margin-top:40px; position:relative; min-height:520px;}
.monitoring_con01 .content_box .mid dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.monitoring_con01 .content_box .mid dl dt{position:absolute; right:-40px; top:0; max-width:65%;}
.monitoring_con01 .content_box .mid dl dt img{max-width:100%;}
.monitoring_con01 .content_box .mid dl dd{display:inline-block; vertical-align:top; text-align:left; padding:150px 0 0; box-sizing:border-box;}
.monitoring_con01 .content_box .mid dl dd h4{font-size:24px; color:#fd3a14; letter-spacing:-0.045em; font-weight:500; margin:0 0 35px;}
.monitoring_con01 .content_box .mid dl dd h4 i{display:inline-block; vertical-align:middle; margin:-2px 10px 0 0;}
.monitoring_con01 .content_box .mid dl dd ul li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.monitoring_con01 .content_box .mid dl dd ul li{position:relative;}
.monitoring_con01 .content_box .mid dl dd ul li > b{display:block; float:left; width:40px; height:40px; border-radius:5px; background:#ffdc96; line-height:40px; text-align:center; font-size:18px; color:#fff; letter-spacing:0em; font-weight:500;}
.monitoring_con01 .content_box .mid dl dd ul li:nth-of-type(2) > b{background:#fdaf14;}
.monitoring_con01 .content_box .mid dl dd ul li .txt{padding:5px 0 5px 15px; box-sizing:border-box; display:block; float:left; width:calc(100% - 40px); }
.monitoring_con01 .content_box .mid dl dd ul li .txt img{margin:25px 0 0}
.monitoring_con01 .content_box .mid dl dd ul li .txt p{font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}
.monitoring_con01 .content_box .mid dl dd ul li .txt p b{color:#fd3a14;}
.monitoring_con01 .content_box .mid dl dd ul li + li{padding-top:60px;}
.monitoring_con01 .content_box .mid dl.type02{text-align:right; min-height:453px}
.monitoring_con01 .content_box .mid dl.type02 dt{right:auto; left:-40px;}
.monitoring_con01 .content_box .mid dl.type02 dd{padding:100px 0 0;}

.monitoring_con01 .content_box .bot{background:#f9f9f9; padding:0 70px; box-sizing:border-box; font-size:0; letter-spacing:-4px;}
.monitoring_con01 .content_box .bot:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.monitoring_con01 .content_box .bot .img_box{width:60%; max-width:100%; display:inline-block; vertical-align:middle;}
.monitoring_con01 .content_box .bot .img_box img{max-width:100%;}
.monitoring_con01 .content_box .bot .text{width:40%; max-width:100%; padding:0 0 0 30px; box-sizing:border-box; display:inline-block; vertical-align:middle;}
.monitoring_con01 .content_box .bot .text h4{font-size:32px; color:#222222; letter-spacing:-0.045em; font-weight:bold; margin:0;}
.monitoring_con01 .content_box .bot .text h4 b{color:#fdaf14;}
.monitoring_con01 .content_box .bot .text .hr{width:1px; height:36px; background:#c3c3c3; margin:15px 0;}
.monitoring_con01 .content_box .bot .text p{font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:300; margin:0;}
.monitoring_con01 .content_box .bot .text p i{display:inline-block; vertical-align:middle; margin:-2px 5px 0 0;}

@media all and (max-width:767px){
	.monitoring_con01 .content_box .top ul{position:static;}
	.monitoring_con01 .content_box .top ul li{width:100%; float:none; margin:10px 0; min-height:auto;}
	.monitoring_con01 .content_box .mid dl{min-height:auto !important; text-align:left !important;}
	.monitoring_con01 .content_box .mid dl dt{max-width:100%; position:static; left:auto; right:auto;}
	.monitoring_con01 .content_box .mid dl dd{display:block; width:100%; padding:0 !important;}
	.monitoring_con01 .content_box .bot{padding:40px 20px;}
	.monitoring_con01 .content_box .bot .img_box{width:100%;}
	.monitoring_con01 .content_box .bot .text{width:100%; padding:20px 0;}
	.monitoring_con01 .content_box .bot .text p br{display:none;}
}


/* 장비불러!앱 - 앱소개 */
.intro_con01 .content_box{padding-bottom:100px;}
.intro_con01 .content_box .right dl{font-size:0; letter-spacing:-4px;}
.intro_con01 .content_box .right dl dt{width:375px; display:inline-block; vertical-align:middle;}
.intro_con01 .content_box .right dl dd{width:calc(100% - 375px); display:inline-block; vertical-align:middle;}
.intro_con01 .content_box .right dl dd h4{margin:0 0 25px; font-size:34px; color:#444444; letter-spacing:-0.045em; font-weight:200;}
.intro_con01 .content_box .right dl dd h4 b{color:#fdaf14}
.intro_con01 .content_box .right dl dd p{font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}

.intro_con02{background:#fafafa;}
.intro_con02 .content_box{border:0;}
.intro_con02 .content_box .right .step_wrap{width:100%;}
.intro_con02 .content_box .right .step_wrap .top{text-align:center; width:100%; max-width:640px; margin:0 auto; padding:40px 20px; background:#fff; border-radius:400px; border:2px solid #fdaf14; box-sizing:border-box; box-shadow:23px 0 29px rgba(0,0,0,0.09)}
.intro_con02 .content_box .right .step_wrap .top .hr{width:2px; height:15px; background:#fdaf14; margin:0 auto 10px;}
.intro_con02 .content_box .right .step_wrap .top h4{font-size:18px; color:#fdaf14; letter-spacing:0em; font-weight:600;}
.intro_con02 .content_box .right .step_wrap .top ul{font-size:0; letter-spacing:-4px; margin:40px 0 0;}
.intro_con02 .content_box .right .step_wrap .top ul li{display:inline-block; vertical-align:top; width:160px; height:160px; border-radius:50%; border:1px solid #fdaf14; background:rgba(253,175,20,0.13); text-align:center; margin:0 -10px; box-sizing:border-box; position:relative;}
.intro_con02 .content_box .right .step_wrap .top ul li:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.intro_con02 .content_box .right .step_wrap .top ul li p{display:inline-block; vertical-align:middle; font-size:18px; color:#fdaf14; letter-spacing:-0.045em; font-weight:500;}
.intro_con02 .content_box .right .step_wrap .mid{padding:60px 0 120px; position:relative;}
.intro_con02 .content_box .right .step_wrap .mid:before{content:""; width:1px; height:60px; border-left:1px dashed #fdaf14; position:absolute; left:50%; top:0;}
.intro_con02 .content_box .right .step_wrap .mid:after{content:""; width:1px; height:120px; border-left:1px dashed #fdaf14; position:absolute; left:50%; bottom:0;}
.intro_con02 .content_box .right .step_wrap .mid ul{font-size:0; letter-spacing:-4px; text-align:center; border-bottom:1px dashed #fdaf14;}
.intro_con02 .content_box .right .step_wrap .mid ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 20px); margin:0 10px;}
.intro_con02 .content_box .right .step_wrap .mid ul li dl{min-height:190px; box-sizing:border-box; padding:20px 0; border-top:1px solid #fdaf14}
.intro_con02 .content_box .right .step_wrap .mid ul li dl dt{text-align:left;font-size:20px; color:#feb325; letter-spacing:-0.045em; font-weight:bold;}
.intro_con02 .content_box .right .step_wrap .mid ul li dl dd{padding:15px 0 0;}
.intro_con02 .content_box .right .step_wrap .mid ul li dl dd p{text-align:left; padding-left:10px; position:relative; font-size:16px; color:#888888; letter-spacing:-0.045em; font-weight:300; word-break:keep-all;}
.intro_con02 .content_box .right .step_wrap .mid ul li dl dd p:before{content:"-"; position:absolute; left:0; top:0;}
.intro_con02 .content_box .right .step_wrap .bot{position:relative;}
.intro_con02 .content_box .right .step_wrap .bot:before{content:""; border:1px solid #fdaf14; border-left:0; border-top:0; width:17px; height:17px; display:block; box-sizing:border-box; position:absolute; left:calc(50% - 8px); top:-68px; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.intro_con02 .content_box .right .step_wrap .bot:after{content:""; width:100%; height:1px; border-top:1px dashed #fdaf14; position:absolute; left:0; top:50%;}
.intro_con02 .content_box .right .step_wrap .bot ul{font-size:0; letter-spacing:-4px; text-align:center; position:relative; z-index:2;}
.intro_con02 .content_box .right .step_wrap .bot ul li{width:200px; height:200px; background:#fdaf14; position:relative; display:inline-block; vertical-align:top; padding:38px 0; box-sizing:border-box; margin:0 10px; border-radius:50%;}
.intro_con02 .content_box .right .step_wrap .bot ul li i{display:block; margin:0 auto;}
.intro_con02 .content_box .right .step_wrap .bot ul li p{font-size:20px; color:#fff; letter-spacing:-0.045em; font-weight:500;}

@media all and (max-width:1000px){
	.intro_con01 .content_box .right dl dd p br{display:none}
	.intro_con02 .content_box .right .step_wrap .top{border-radius:200px;}
	.intro_con02 .content_box .right .step_wrap .top ul{margin:20px 0 0;}
	.intro_con02 .content_box .right .step_wrap .top ul li{width:130px; height:130px;}
	.intro_con02 .content_box .right .step_wrap .mid ul li{width:100%; display:block; margin:0;}
	.intro_con02 .content_box .right .step_wrap .mid ul li dl{min-height:auto; padding:20px;}
	.intro_con02 .content_box .right .step_wrap .bot ul li{width:135px; height:135px; margin:0 5px; padding:20px 0;}
	.intro_con02 .content_box .right .step_wrap .bot ul li i{margin:0 auto 5px;}
	.intro_con02 .content_box .right .step_wrap .bot ul li i img{max-width:60px;}
}
@media all and (max-width:767px){
	.intro_con01 .content_box .right dl dt{display:block;}
	.intro_con01 .content_box .right dl dd{display:block; width:100%; padding:20px 10px 60px; box-sizing:border-box;}
}



/* 장비불러!앱 - 특화기능 */
.special_con01 .content_box .right > p{font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300;}
.special_con01 .content_box .right ul{font-size:0; letter-spacing:-4px;}
.special_con01 .content_box .right ul li{width:calc(33.333333% - 8px); display:inline-block; vertical-align:top; margin:40px 0; margin-right:12px; padding-left:20px; box-sizing:border-box; position:relative;}
.special_con01 .content_box .right ul li:before{content:""; width:100%; height:1px; background:#e4e4e4; position:absolute; left:0; top:15px;}
.special_con01 .content_box .right ul li .icon_box{width:60px; height:60px; background:#fff; border-radius:0 0 10px 10px; position:relative; text-align:center; box-shadow:5px 5px 8px rgba(0,0,0,0.08)}
.special_con01 .content_box .right ul li .icon_box img{display:inline-block; vertical-align:middle;}
.special_con01 .content_box .right ul li .icon_box:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.special_con01 .content_box .right ul li .icon_box:after{content:""; position:absolute; left:100%; top:0; border-top:7px solid transparent; border-right:5px solid transparent; border-bottom:8px solid#e4e4e4; border-left:5px solid #e4e4e4;}
.special_con01 .content_box .right ul li .text{padding:30px 0 0;}
.special_con01 .content_box .right ul li .text h5{font-size:20px; color:#fdaf14; letter-spacing:-0.045em; font-weight:500; line-height:1.1; margin:0 0 10px;}
.special_con01 .content_box .right ul li .text p{font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; line-height:28px; word-break:keep-all;}
.special_con01 .content_box .right ul li:nth-of-type(3n){margin-right:0;}
.special_con01 .content_box .right ul li:nth-of-type(3n-1) .text h5{color:#484b51;}
.special_con01 .content_box .right ul li:nth-of-type(3n) .text h5{color:#266ced;}

@media all and (max-width:767px){
	.special_con01 .content_box .right ul li{width:calc(50% - 5px); margin-right:10px; padding:0 20px;}
	.special_con01 .content_box .right ul li:nth-of-type(3n){margin-right:10px;}
	.special_con01 .content_box .right ul li:nth-of-type(2n){margin-right:0;}
}