@charset "utf-8";

/* 공업사소개 */
#intro {text-align:center;font-size:16px;letter-spacing:-0.04em;color:#333}
#intro > p {padding-bottom:32px;line-height:30px;}
#intro > p span {font-weight:600;color:#437bc7}
#intro > p.intro_p {position:relative;padding-top:32px}
#intro > p.intro_p:before {display:block;content:'';position:absolute;top:0;left:0;right:0;width:19px;height:14px;margin:auto;background:url(/sh_page/img/intro_p.png) no-repeat}
#intro .intro_tit {display:inline-block;margin-bottom:30px;padding:10px 120px;font-style:italic;font-weight:600;font-size:16px;letter-spacing:-0.04em;color:#fff;background-color:#205092}
#intro .intro_icon_box {width:100%;margin-bottom:32px;padding:30px 0;box-sizing:border-box;background:url(/sh_page/img/intro_plus.png) center no-repeat #e9f5fc}
#intro .intro_icon_box ul {overflow:hidden;text-align:center}
#intro .intro_icon_box ul li {display:inline-block;padding:0 50px}
#intro .intro_icon_box ul li.icon {font-weight:600;font-size:16px}
#intro .intro_icon_box ul li.icon span {display:inline-block;width:124px;height:124px;margin-bottom:15px;border-radius:10em;border:1px solid #205092;text-align:center;line-height:124px;background-color:#fff}

/* 이용가이드 */
#rep_guide {font-size:16px;letter-spacing:-0.04em;color:#333}
#rep_guide #rep_box {margin-bottom:100px}
#rep_guide .rep_box1 .box_tit {position:relative;padding-top:35px;font-weight:600;font-size:23px;text-align:center}
#rep_guide .rep_box1 .box_tit:before {display:block;content:'';position:absolute;top:0;left:0;right:0;width:19px;height:14px;margin:auto;background:url(/sh_page/img/intro_p.png) no-repeat}
#rep_guide .rep_box1 ul {overflow:hidden;margin-top:28px;text-align:center}
#rep_guide .rep_box1 ul li {display:inline-block;position:relative;z-index:0;width:182px;height:183px;margin:23px 10px 0;padding-top:42px;box-sizing:border-box;border:2px solid #ccc;vertical-align:middle}
#rep_guide .rep_box1 ul li:last-child {border:2px solid #e10000}
#rep_guide .rep_box1 ul li .step {box-sizing:content-box;position:absolute;top:-23px;left:0;right:0;z-index:1;width:80px;height:29px;margin:auto;border-radius:5em;border:6px solid #fff;font-size:11px;font-style:italic;letter-spacing:0;line-height:29px;color:#fff;background-color:#323232}
#rep_guide .rep_box1 ul li .icon {height:71px}
#rep_guide .rep_box1 ul li .kor {padding-top:12px;font-weight:600;font-size:17px}

#rep_guide .rep_box2 {overflow:hidden;width:100%;padding:30px 0;box-sizing:border-box;background:url(/sh_page/img/rep_box_bg.png) 7% 22px no-repeat #f1f1f1}
#rep_guide .rep_box2 .text_warp {padding:17px 0 0 444px}
#rep_guide .rep_box2 .c_1 {color:#f37200}
#rep_guide .rep_box2 .c_2 {font-weight:600;color:#e10000}
#rep_guide .rep_box2 .box_tit {font-weight:600;font-size:18px;line-height:29px}
#rep_guide .rep_box2 .box_txt {padding:15px 0 25px 0;font-size:15px;line-height:25px}
#rep_guide .rep_box2 .box_btn {display:inline-block;width:252px;height:55px;border-radius:3px;font-weight:600;text-align:center;font-size:16px;line-height:55px;background-color:#e10000;color:#fff;transition:ease-in-out .2s}
#rep_guide .rep_box2 .box_btn img {margin-left:5px}
#rep_guide .rep_box2 .box_btn:hover {background-color:#fb2020}
#rep_guide .rep_box2 .box_btn:hover img {margin-left:12px}

#rep_guide .rep_box3 {text-align:center}
#rep_guide .rep_box3 .box_tit {position:relative;padding-top:35px}
#rep_guide .rep_box3 .box_tit:before {display:block;content:'';position:absolute;top:0;left:0;right:0;width:19px;height:14px;margin:auto;background:url(/sh_page/img/intro_p.png) no-repeat}
#rep_guide .rep_box3 .box_txt {padding:15px 0 25px 0;font-size:17px;line-height:26px}