@charset "utf-8";
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 공통 */
.clearfix {overflow:auto;}
.clear {clear:both;display:inline;}
.blk {text-indent:-9999px;font-size:0;line-height:0;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.str_b {color:#424242;font-weight:bold;}
.strb_red {font-weight:bold;color:#fe5556;}
.strb_black {font-weight:bold;color:#333333;}


/* 타이틀 공통 */
h4 {font-size:1.5em;line-height:1.4em;letter-spacing:-0.05em;color:#333;} /* 컨텐츠 메인타이틀 */
h4 b{font-size:1.15em;line-height:1.4em;letter-spacing:-0.075em;color:#e95d00;}
h5 {background:url('/sh_page/img/h5_arr.png') 0 0 no-repeat;font-weight:bold;font-size:1.5em;padding-top:10px;color:#000;padding-bottom:10px;} /* 컨텐츠 중분류 타이틀 */
h6 {} /* 컨텐츠 소분류 타이틀 */


/* 테이블 공통 */
.tbl_basic {margin:-20px 0 10px;width:100%;}
.tbl_basic caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_basic thead th {padding:10px 0;border-top:2px solid #fe5556;border-bottom:1px solid #727272;border-right:1px solid #727272;background:#565656;color:#ffffff;font-size:0.95em;text-align:center;letter-spacing:-0.02em}
.tbl_basic thead th.last {border-right:none;}
.tbl_basic tbody th {padding:8px 0;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;background:#f8f8f8;text-align:center;}
.tbl_basic tbody th.last {border-right:none;}
.tbl_basic td {padding:5px 15px;border-bottom:1px solid #eaeaea;line-height:1.5em;word-break:break-all}
.tbl_basic .in_td {border-right:1px solid #eaeaea;} /* 오른쪽 라인 */
.tbl_basic .ct {text-align:center;} /* 센터정렬 */

/* 페이지 포인트 컬러 */
#pageCm .pg_color{color:#333}
#pageCm .pg_bdcolor:before{border-color:#333}
#pageCm .pg_bgcolor{background-color:#333}

/* 공통 */
#pageCm{padding-bottom:50px;position:relative;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'}
#pageCm .tit_area{margin-bottom:25px;color:#aaa;letter-spacing:-.8px;font-family:'notokr-light'}
#pageCm .tit_area span{display:inline-block;font-size:14px;letter-spacing:2px;text-transform:uppercase;font-family:'notokr-bold'}
#pageCm .tit_area.t_center span:after{display:block;content:"";width:1px;height:30px;margin:12px auto;background-color:#d1d1d1}
#pageCm .tit_area p{font-size:23px;line-height:1.4}
#pageCm .t_center{text-align:center}
#pageCm .c_black{color:#333}
#pageCm strong{font-weight:normal;font-family:'notokr-bold'}
#pageCm .stit_area{font-size:17px;line-height:1.6}
#pageCm .stit_area h4{padding-bottom:15px;font-size:29px;font-weight:normal;line-height:1.4;font-family:'notokr-regular'}
.tit_area img{display:block;margin:0 auto 22px}


/*공통*/
.p_page .tit{display:block;margin:20px auto 30px}
.p_page .tit_box{border-bottom:1px dotted #ddd}
.p_page .tit_box p{padding-bottom: 10px;font-size: 22px;color:#222;font-family: 'notokr-light';}
.p_page .tit_box p:before{display:inline-block;content:'';width:20px;height:20px;margin:2px 10px 0 0px;border-radius:5px;background:url(/sh_page/img/tit_before.png)no-repeat}
.p_page .tit_box p span{color:#222;font-family:'notokr-medium'}
.p_page .cont{margin:30px 0 45px 0;padding:0}
.p_page ul.ul_list li{position:relative;padding-left:21px;font-size:15px;line-height:26px;color:#666;font-family:'notokr-regular'}
.p_page ul.ul_list li:before{position:absolute;left:0;top:10px;content:'';width:6px;height:6px;border-radius:100px;background:#4c86ee}
.cont .cont_txt{margin-top:20px;padding:20px 30px;border:1px solid #ddd;text-align:left;font-size:16px;line-height:26px;color:#666;font-family:'notokr-regular'}
.tit_img{width:100%;height:150px;margin-bottom:50px;background:url(/sh_page/img/page_img.jpg)no-repeat}
.tit_img p{padding-top:50px;font-size:28px;text-align:center;font-family:'notokr-medium';color:#fff}

.p_page img:first-child{padding-top:0!important}
.p36 img,.p37 img{border-bottom:none!important}
.p_page img{border-bottom:1px dotted #888;padding:50px 0 30px} 
.p_page img:last-child{padding-bottom:0!important;border-bottom:none!important}

/* 대표 인사말 */
.p6{text-align:center}
.p6 .cont_area{padding-top:250px;background:url(/sh_page/img/p6_img.jpg) top center no-repeat}
.p6 .cont{padding-top:50px;width:90%;margin:0 auto;background-color:#fff}
.p6 .cont .st{padding-bottom:10px;font-size:22px;letter-spacing:-.8px;color:#333;font-family:'notokr-medium'}
.p6 .cont .sign{color:#333;font-family:'notokr-bold'}
.p6 .cont .sign span{padding-left:5px;font-size:26px;color:#333;font-family:'Nanum Pen Script'}

/* 회사 연혁 */
.p7 .tit_area span{padding-bottom:10px}
.p7 .tit_area p{font-size:24px}
.p7 .history{padding:15px 0 0 35px;margin-left:30px;border-left:1px dashed #e1e1e1}
.p7 .history dl{margin:0 0 35px 10px;padding-bottom:30px;border-bottom:1px dashed #e1e1e1}
.p7 .history dl dt{position:relative;padding-bottom:10px;font-size:17px;font-family:'notokr-bold'}
.p7 .history dl dt:before{content:"";display:block;position:absolute;left:-55px;top:6px;width:19px;height:19px;border:4px solid #ddd;border-radius:19px;background-color:#fff}
.p7 .history dl.last{border-bottom:none}
.p7 .history dl dd span{float:left;padding-right:20px;color:#333;font-family:'notokr-medium'}



/*아웃소싱*/
.p37 .cont .cont_txt{text-align:left}
.p37 .cont .cont_txt img{padding-top:20px}
.p37 .cont_02 img{display:block;margin:15px auto}
.p37 dl{padding:10px;border:1px solid #ddd;font-size:15px;font-family:'notokr-regular';color:#666}
.p37 dt{padding:10px;font-size:20px;font-family:'notokr-bold';color:#2f61bb}
.p37 dd{border-bottom:1px dotted #ddd;padding-bottom:10px;padding-left:11px}
.p37 dd:last-child{border-bottom:none}

/*컨택센터*/
.p39 .cont_03 ul{overflow:hidden}
.p39 .cont_03 li{float:left;width:200px;padding-bottom:15px;margin-right:6.3px;border:1px solid #ddd;text-align:center;font-size:14px;line-height:22px}
.p39 .cont_03 li:last-child{margin-right:0}
.p39 .cont_03 li span{display:block;width:100%;padding:8px 0;margin-bottom:15px;font-size:18px;font-family:'notokr-medium';color:#fff}
.li_01{background:#406ab3}
.li_02{background:#449ec0}
.li_03{background:#1c4483}
.li_04{background:#75aadb}

/*컨택센터*/
.p40 .cont_02 ul{overflow:hidden;margin-top:20px}
.p40 .cont_02 li{float:left;width:265px;height:400px;padding-bottom:15px;margin-right:6.3px;border:1px solid #ddd;text-align:left;font-size:14px;line-height:22px}
.p40 .cont_02 li:last-child{margin-right:0}
.p40 .cont_02 li .tit_s{display:block;width:100%;padding:8px 0;margin-bottom:15px;text-align:center;font-size:18px;font-family:'notokr-medium';color:#fff;background:#0f2a55}
.p40 .cont_02 li .txt_s{padding:15px}