@charset "utf-8";

/* 스텝케어 소개 */
.intro_cont{width:1024px; margin:0 auto;}
.intro_cont p{font-size:17px; color:#8f8f8f; line-height:26px; font-family:'NanumBarunGothic'; display:block; margin-top:16px;}
.intro_cont b{margin-top:42px; display:block; font-size:26px; line-height:26px;}
.intro_cont b.one{margin-top:20px;} 
span.sub_tit{display:block;font-size:13px; color:#8f8f8f; line-height:13px; margin-top:10px;}
.intro_cont img.arrow{vertical-align:middle;display:block; margin:0 auto;margin-top:30px;}
.intro_cont.margin{margin-top:50px; margin-bottom:50px;}
.intro_cont .title_txt{width:100%; text-align:center;}
.intro_cont .title_txt p{font-size:24px; color:#000; line-height:35px; font-family:'NanumBarunGothic'; position:relative;}
.intro_cont .title_txt p:before{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; top:0; left:50%; margin-left:-20px;}
.intro_cont .title_txt p:after{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.intro_cont .title_txt h2{font-size:52px; color:#000; font-weight:bold; font-family:'NanumBarunGothic'; margin-top:0px;}

.intro_cont article{width:100%; margin:0 auto; padding-left:348px;box-sizing:border-box;}
.intro_cont article h3{font-size:26px; color:#3e3a39; font-family:'NanumBarunGothic';}
.intro_cont article p{font-size:16px; color:#727171; line-height:24px; font-family:'NanumBarunGothic';}
.intro_cont article p.mar_bot{margin-bottom:24px; padding-top:20px;}
.intro_cont .intro_txt01{background:url('/img/sub/intro_text_bg01.png') no-repeat 92px top; padding-bottom:10px;}
.intro_cont .intro_txt01 h3{margin-bottom:25px;}
.intro_cont .intro_txt02{background:url('/img/sub/intro_text_bg02.png') no-repeat left top; padding-top:14px; padding-bottom:55px;}
.intro_cont .intro_txt03{background:url('/img/sub/intro_text_bg03.png') no-repeat left top; padding-bottom:52px;}
.intro_cont .intro_txt04{padding:0; margin-top:34px; margin-bottom:124px;}
.intro_cont .intro_txt04 h3{font-size:26px; color:#3e3a39; font-weight:100; line-height:38px; padding:0 15px;text-align:center;}
.intro_cont .intro_txt04 .vision{margin-top:108px;}
.intro_cont .intro_txt04 .vision div{width:33.333%; float:left;}
.intro_cont .intro_txt04 .vision div p{font-size:19px; color:#221815; line-height:26px; font-family:'NanumBarunGothic';}
.intro_cont .intro_txt04 .vision div span{font-size:19px; color:#727171; line-height:26px; font-family:'NanumBarunGothic';}
.intro_cont .intro_txt04 .vision .left{text-align:right; padding-top:100px;}
.intro_cont .intro_txt04 .vision .center{text-align:center;}
.intro_cont .intro_txt04 .vision .right{text-align:left; padding-top:100px;}

.wide_cont{width:100%; background:#f8f8f8;}

/* 연혁 & 수상경력 */
.history_wrap{width:1024px; margin:0 auto;}
.history_wrap .title_txt{width:100%; text-align:center;}
.history_wrap .title_txt p{font-size:24px; color:#000; line-height:35px; font-family:'NanumBarunGothic'; position:relative;}
.history_wrap .title_txt p:before{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; top:0; left:50%; margin-left:-20px;}
.history_wrap .title_txt p:after{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.history_wrap .title_txt h2{font-size:52px; color:#000; font-weight:bold; font-family:'NanumBarunGothic'; margin-top:50px;}
.history_logo{position:relative;text-align:center;z-index:1;background-color:#FFF; margin:20px 0;}
.history_wrap .history{width:1000px; margin:0 auto 62px; background:url('/img/sub/history_bg.png') repeat-y center top; position:relative;
padding-bottom:32px; padding-top:45px;}
.history_wrap .history:after{content:"";display:block;clear:both;}
.history_wrap .history div{position:relative;width:50%; /* position:absolute; left:50%; margin-left:80px; */float:right;clear:both;box-sizing:border-box;padding-left:80px;margin-top:-62px;}
.history_wrap .history div.left{text-align:right; float:left;font-family:'NanumBarunGothic';padding-right:80px;padding-left:0;}
.history_wrap .history div h3{font-size:72px; color:#dbdada;}
.history_wrap .history div h3 s{font-size:20px; color:#727171; text-decoration:none;}
.history_wrap .history div p{font-size:18px; color:#000; line-height:36px; position:relative; padding-left:30px; letter-spacing:-1px; font-family:'NanumBarunGothic';}
.history_wrap .history div p strong{color:#000; display:block; position:absolute; top:0; left:0;}
.history_wrap .history div.left p{padding-right:30px;padding-left:0;}
.history_wrap .history div.left p strong{top:0; right:0;}
.history_wrap .history div h3:after{position:absolute;left:-7px;top:52px;width:61px;height:13px;background:#fff url('/img/sub/history_bg_right.png') no-repeat;content:"";display:block;}
.history_wrap .history div.left  h3:after{left:initial;right:-7px;background:#fff url('/img/sub/history_bg_left.png') no-repeat;}
.history_wrap .history div.h_2016,
.history_wrap .history div.h_2013{margin-top:0;}
/* .history_wrap .history div.h_2016{top:160px;}
.history_wrap .history div.h_2015{top:294px;}
.history_wrap .history div.h_2014{top:464px;}
.history_wrap .history div.h_2013{top:568px;}
.history_wrap .history div.h_2012{top:714px;}
.history_wrap .history div.h_2011{top:886px;}
.history_wrap .history div.h_2010{top:1052px;} */

.career{width:1000px; margin:25px auto 0;}
.career ul{width:1020px;}
.career ul li{width:235px;border:1px solid #c2c2c2; float:left; box-sizing:border-box; margin:0 20px 52px 0;}

.career ul li a{width:100%; display:block;}
.career ul li a .img_btn{width:100%;  position:relative; height:360px;}
.career ul li a .img_btn img{vertical-align:middle; position: absolute; top: 50%; transform: translateY(-50%); 
left:0; right:0; margin:0 auto;}
.career ul li a p{font-size:16px; color:#f7f8f8; text-align:center; height:50px; line-height:50px; background:#9fa0a0; font-family:'NanumBarunGothic';}

/* 경영전략 & 조직도 */
.business{width:1024px; margin:0 auto;}
.business .title_txt{width:100%; text-align:center;}
.business .title_txt p{font-size:24px; color:#000; line-height:35px; font-family:'NanumBarunGothic'; position:relative;}
.business .title_txt p:before{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; top:0; left:50%; margin-left:-20px;}
.business .title_txt p:after{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.business .title_txt h2{font-size:50px; color:#000; font-weight:bold; font-family:'NanumBarunGothic'; margin-top:50px;}

.business .business_list{width:1000px; margin:0 auto 100px;}
.business .business_list h3{font-size:26px; color:#3e3a39; font-weight:normal; text-align:center; font-family:'NanumBarunGothic'; margin:45px 0 25px;}
.business .business_list > p{font-size:16px; color:#727171; text-align:center; line-height:24px; letter-spacing:-1px;}
.business .business_list ul{width:100%; margin-top:68px;}
.business .business_list ul li{float:left; margin-right:69px; text-align:center;}
.business .business_list ul li.last{margin-right:0;}
.business .business_list ul li h4{font-size:19px; color:#000; line-height:22px; margin-top:15px; font-weight:600; margin-bottom:14px;}
.business .business_list ul li p{font-size:14px; color:#9fa0a0; line-height:22px;}

.business .chart{width:1000px; margin:0 auto 100px;}
.business .chart h3{font-size:26px; color:#3e3a39; font-weight:normal; text-align:center; font-family:'NanumBarunGothic'; margin:45px 0;}
.business .chart .thumb_area{width:100%;}
.business .chart .thumb_area .thumb_img{width:410px; height:424px;  float:left; margin-right:20px; box-sizing:border-box;}
.business .chart .thumb_area .thumb_img img{border:1px solid #ddd;}
.business .chart .thumb_area .thumb_img .ceoname{display:none;}
.business .chart .thumb_area .thumb_list{width:570px; float:left;}
.business .chart .thumb_area .thumb_list ul{width:582px;}
.business .chart .thumb_area .thumb_list ul li{width:104px; float:left; margin:0 12px 17px 0;}
.business .chart .thumb_area .thumb_list ul li .img_box{width:100%; height:102px;box-sizing:border-box; margin-bottom:14px;}
.business .chart .thumb_area .thumb_list ul li .img_box img{border:1px solid #ddd;}
.business .chart .thumb_area .thumb_list ul li h4{position:relative; margin-bottom:22px;}
.business .chart .thumb_area .thumb_list ul li h4:after{content:""; width:20px; height:4px; display:block; background:#f39800; position:absolute; bottom:-6px; left:0;}
.business .chart .thumb_area .thumb_list ul li h4 p{font-size:15px; color:#3e3a39; font-weight:normal; line-height:18px;}
.business .chart .thumb_area .thumb_list ul li h5{font-size:18px; color:#3e3a39;}
.business .chart .thumb_area .greeting_text{width:100%; float:left; margin-top:50px;}
.business .chart .thumb_area .greeting_text > p{font-size:19px; color:#000; line-height:32px; text-align:left;}
.business .chart .thumb_area .greeting_text > h3{font-size:38px; color:#000; line-height:55px; text-align:left; margin:0;}
.business .chart .thumb_area .greeting_text .color_text{width:100%; padding:10px 15px; box-sizing:border-box; background:#f8f8f8; font-size:14px; color:#333; line-height:18px;}

/* 취급 브랜드 */
.handling_brand{width:1024px; margin:0 auto; padding-bottom:50px;}
.handling_brand .title_txt{width:100%; text-align:center; margin-bottom:44px;}
.handling_brand .title_txt p{font-size:24px; color:#000; line-height:35px; font-family:'NanumBarunGothic'; position:relative;}
.handling_brand .title_txt p:before{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; top:0; left:50%; margin-left:-20px;}
.handling_brand .title_txt p:after{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.handling_brand .title_txt h2{font-size:52px; color:#000; font-weight:bold; font-family:'NanumBarunGothic'; margin-top:50px;}

.handling_brand .handling_brand_img{width:100%; text-align:center;}
.handling_brand .handling_brand_img h3{font-size:26px; color:#3e3a39; font-weight:normal; text-align:center; font-family:'NanumBarunGothic'; margin-bottom:60px;}

/* 찾아오시는 길 */
.direction{width:1024px; margin:0 auto; padding-bottom:50px;}
.direction .title_txt{width:100%; text-align:center; margin-bottom:50px;}
.direction .title_txt p{font-size:24px; color:#000; line-height:35px; font-family:'NanumBarunGothic'; position:relative;}
.direction .title_txt p:before{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; top:0; left:50%; margin-left:-20px;}
.direction .title_txt p:after{content:""; width:40px; height:2px; display:block; background:#707070; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.direction .title_txt h2{font-size:52px; color:#000; font-weight:bold; font-family:'NanumBarunGothic'; margin-top:50px;}

.direction .loc_info{width:1000px; margin:0 auto;}
.direction .loc_info h3{font-size:26px; color:#3e3a39; font-weight:normal; text-align:center; font-family:'NanumBarunGothic'; margin-bottom:60px;}
.direction .loc_info .address{width:100%; padding-bottom:10px; border-bottom:1px solid #000;}
.direction .loc_info .address img{float:left;}
.direction .loc_info .address address{width:748px; height:173px; float:left; padding-left:26px; box-sizing:border-box; position:relative;}
.direction .loc_info .address address p{font-size:14px; color:#333; line-height:22px;}
.direction .loc_info .address address a{width:122px; height:35px; border:1px solid #b8bbbd; display:block; box-sizing:border-box; font-size:13px; color:#b8bbbd; line-height:33px; padding-left:12px; background:url('/img/sub/map_close_arr.png') no-repeat 100px center; position:absolute; bottom:0; right:0;}

.direction .loc_info .map_box{width:100%;}

/* 사업영역 */
#sub_container .business .business_how{margin-top:72px;}
#sub_container .business .business_how h3.main_title{font-size:25px; color:#194472; display:block; text-align:center;}
#sub_container .business .business_how b.sub_title{font-size:18px; color:#686868; display:block; text-align:center; margin-top:10px;}
#sub_container .business .business_how img.arrow{display:block; margin:0 auto; margin-top:28px;}
#sub_container .business .business_how ul{overflow:hidden; width:950px; margin:0 auto; margin-top:26px; position:relative;}
#sub_container .business .business_how ul::after{background:url("../img/sub/business_how_img05.png")no-repeat center; content:"";
position:absolute; left:50%; top:50%; width:145px; height:145px; margin-left:-72.5px; margin-top:-72.5px;}
#sub_container .business .business_how ul li{float:left;width:469px; margin-right:12px; margin-bottom:10px; height:250px;
position:relative;}
#sub_container .business .business_how ul li:nth-of-type(even){margin-right:0;}
#sub_container .business .business_how ul li:first-of-type{background:url("../img/sub/business_how_img01.png")no-repeat center;}
#sub_container .business .business_how ul li:nth-of-type(2){background:url("../img/sub/business_how_img02.png")no-repeat center;}
#sub_container .business .business_how ul li:nth-of-type(3){background:url("../img/sub/business_how_img03.png")no-repeat center;}
#sub_container .business .business_how ul li:last-of-type{background:url("../img/sub/business_how_img04.png")no-repeat center;}
#sub_container .business .business_how ul li b.main_text{font-size:22px; font-weight:bold; color:#fff; display:block; 
position:absolute; left:50px; top:35px;}
#sub_container .business .business_how ul li p.sub_text{color:#c5d3de; display:block; font-size:13px; line-height:21px;
position:absolute; left:132px; top:133px;}
#sub_container .business .business_how ul li:nth-of-type(2) p.sub_text{color:#fff; left:158px; top:145px;}
#sub_container .business .business_how ul li.bottom b.main_text{left:50px; top:187px;}
#sub_container .business .business_how ul li.bottom p.sub_text{color:#fff; display:block; font-size:13px; line-height:21px;
position:absolute; left:132px; top:60px;}
#sub_container .business .business_how ul li:last-of-type p.sub_text{left:160px; top:70px}