@charset "utf-8";
/* 회사소개 */

.lct_map .inner{border:1px solid #0a4b8d;background:#0b57a3}
.lct_map .tel span{background:url(../../../resources/images/common/pc/ico_set.png) no-repeat -200px -380px}
.lct_map .btn{border-left:1px solid #3c79b5;border-right:1px solid #3c79b5}
.lct_map .btn a{background:url(../../../resources/images/HCM/pc/bg_layout_cg.gif) no-repeat}
.lct_map .btn.on a{background:url(../../../resources/images/HCM/pc/bg_layout_cg.gif) no-repeat 0 -30px}

.emp_02{color:#0b57a3 !important}
.paging strong{color:#0b57a3}

.pc-vNav-skin-default h2{color:#0b57a3;border-bottom:3px solid #0b57a3}
.pc-vNav-skin-default > ul > li.vNav-View > a{color:#0b57a3;background:url(../../../resources/images/HCM/pc/bg_lnb_on.gif) no-repeat 100% 50%}
.pc-vNav-skin-default > ul ul .vNav-currentPage{color:#0b57a3}
.pc-vNav-skin-default > ul ul li.vNav-View:after{background:#0b57a3}

.mg_step .on span{background:url(../../../resources/images/HCM/pc/bg_step.gif)}

.table_01{border-top:2px solid #3c7fc3}
.table_01 th{background:#f1f8fc}
.table_01.table_h thead th{border:1px solid #6699cc}

.table_03{border-top:2px solid #3c7fc3}
.table_03 th{border-bottom:1px solid #3c7fc3;background:#f1f8fc}

.detail_view{border-top:2px solid #3c7fc3}
.detail_view .tit{border-bottom:1px solid #3c7fc3;background:#f1f8fc}

.event_list{border-top:2px solid #3c7fc3}

.faq_list{border-top:2px solid #0b57a3}
.bul_q{background-position:-30px -60px}

.sub_tit2.bull:after{background-position:-20px -40px}
.sub_tit3.bull:after{background-position:-20px -320px}

.tab_depth > ul > li.active > a span{background:#0b57a3}
.tab_depth > ul ul .on a{color:#0b57a3}

.tab_list{border-bottom:1px solid #0b57a3}
.tab_list .on a{background:#0b57a3;border:1px solid #0b57a3;border-bottom:0}

.tab_full2 .on a > span{background:#0b57a3;border:1px solid #0b57a3}

.tab_anchor > ul > li.active > a span{background:#0b57a3;border:1px solid #0b57a3}
.tab_anchor > ul ul a:after{background-position:-20px -160px}

.tab_pop{border-bottom:1px solid #0b57a3}
.tab_pop .on span{background:#0b57a3;border:1px solid #0b57a3;border-bottom:0}

a.btn_l{background-position:0 -50px}
a.btn_l span{background-position:100% -50px}
a.btn_l.line{background-position:0 -350px;color:#0b57a3}
a.btn_l.line span{background-position:100% -350px}

a.btn_i02:after{background-position:-20px -240px}

a.btn_i04.btn_m,a.cp.btn_m{background-position:0 -50px}
a.btn_i04.btn_m span,a.cp.btn_m span{background-position:100% -50px}

.recruit{padding:25px 20px 7px}
.recruit > ul > li{margin:0 0 8px}
.recruit > ul > li > strong{background:url(../../../resources/images/HCM/pc/ico_dot.gif) no-repeat 4px 6px;padding:0 0 0 12px}

.rc_info{padding:35px 26px 27px 38px;border:1px solid #e5e5e5;border-bottom:none;background:url(../../../resources/images/HCM/pc/hcm05_004.jpg) no-repeat 100% 0}
.rc_info.bg2{background:url(../../../resources/images/HCM/pc/hcm05_004_2.jpg) no-repeat 100% 0}
.rc_info strong{display:inline-block;color:#303030;font-size:22px;line-height:36px;font-weight:bold}
.rc_info  h4{font-size:32px;line-height:40px;color:#0a376a;font-weight:bold;margin:10px 0 0 0}
.rc_info p{line-height:24px;color:#505050;font-size:15px;margin:12px 0 0 0}
.rc_info + .box_01{border:1px solid ##e5e5e5}

.yoon_info{padding:27px 26px 27px 38px;border:1px solid #e5e5e5;background:url(../../../resources/images/HCM/pc/hcm06_002.jpg) no-repeat 97% 50%}
.yoon_info strong{display:inline-block;color:#303030;font-size:22px;line-height:36px;font-weight:bold}
.yoon_info  h4{font-size:32px;line-height:40px;color:#0a376a;font-weight:bold;margin:10px 0 0 0}
.yoon_info p{line-height:22px;color:#505050;font-size:13px;margin:12px 0 0 0; letter-spacing:-0.2px;}
.yoon_info + .box_01{border:1px solid ##e5e5e5}

.yoon_info2{padding:20px;line-height:22px;border:1px solid #dadada;margin:10px 0;}
.yoon_2{padding-left:25px;background:url(../../../resources/images/HCM/pc/ico_blue.jpg) no-repeat 7px 6px;}
.yoon_3{font-weight:bold;font-size:16px;}


.yoon_box{margin:30px 0 0;border:3px solid #e5e5e5;padding:18px;background:url(../../../resources/images/HCM/pc/hcm06_001.jpg) no-repeat 3% 50%}
.yoon_box ul{display:table;width:70%;table-layout:fixed; margin-left:220px;}
.yoon_box ul:first-child{border-top:0}
.yoon_box li{display:table-cell;padding:5px 15px;vertical-align:middle;font-size:15px;font-weight:bold;}
.yoon_box li:first-child{padding-left:0}
.yoon_box a{color:#303030}
.yoon_box a:hover{text-decoration:underline;color:#0f7cc0}

.yoon_box2{margin:30px 0 0;border:1px solid #e5e5e5;border-bottom:none;padding:18px;background:url(../../../resources/images/HCS/pc/bg_cs02.jpg) no-repeat 97% 20%}
.yoon_box2 ul{display:table;width:76%;table-layout:fixed; margin-right:200px;}
.yoon_box2 li{display:table-cell;padding:5px 15px;vertical-align:middle;font-size:15px;line-height:25px;}


.pop_wrap.rc{padding:0;margin:0}
.pop_wrap.rc .pop_tit{background:#0b57a3 url(../../../resources/images/HCM/pc/bul_pop.png) no-repeat 26px 22px;padding:0 0 0 60px;height:62px;line-height:62px;font-size:27px;color:#fff;margin:0}
.pop_wrap.rc > div{padding:30px 0 30px;margin:0 30px}
.pop_wrap.rc .pop_close{background:url(../../../resources/images/HCM/pc/close_rc.png) no-repeat 50% 50%;right:8px;top:8px}
.pop_wrap.rc h2{color:#303030;font-size:22px;font-weight:bold;height:53px;line-height:53px;background:#f1f8fc;border-bottom:2px solid #0b57a3;padding:0 0 0 30px}
.pop_wrap.rc h3{color:#303030;font-size:17px;font-weight:bold;line-height:22px}
.pop_wrap.rc .text_box{color:#606060;padding:15px 20px 0}
.pop_wrap.rc .text_box:after{display:block;height:15px;position:relative;content:""}
.pop_wrap.rc .text_box strong{color:#606060}
.pop_wrap.rc h3 + .ol_list{margin:10px 0 0 0}
.pop_wrap.rc .general_box{background:#fff;font-size:17px;color:#202020;padding:21px 50px;margin:15px 0}
.pop_wrap.rc .general_box p{font-weight:bold}
.pop_wrap.rc .photo_img{background:#f8f8f8;border:1px solid #e5e5e5;display:block;width:115px;height:145px;text-align:center;color:#909090;font-size:15px;font-weight:bold;line-height:145px;margin:0 auto}
.pop_wrap.rc .btn_set{margin:30px 0 0 0}

.btn_s.cp{background:#0b57a3}
.scroll_box{margin:10px 0 0 0;overflow-y:scroll;border:1px solid #d9d9d9;padding:10px 0 0 15px;height:139px}
.scroll_box li{position:relative;background:#fff}
.scroll_box li label{display:block;overflow:hidden;line-height:24px}
.scroll_box li input[type="radio"]{position:absolute;left:3px;top:3px;z-index:-100;width:5px;height:5px}
.scroll_box li span{float:left;text-align:center;width:94px;margin:0 20px 0 0}
.scroll_box li p{float:left}
.scroll_box li label:hover{color:#0f7cc0;font-weight:bold;cursor:pointer}
.scroll_box li.on label{color:#0f7cc0;font-weight:bold}
.addr_choice{border:1px solid #d9d9d9;background:#f8f8f8;padding:15px 20px 20px}
.no_data2{padding:17px 0 10px 13px;position:relative}
.no_data2:after{ position: absolute;left: 4px;top: 28px;width: 3px;height: 3px;background: #999;content: ""}

.result_box{padding:35px 0;background:#fafafa;border:1px solid #ddd;text-align:center;color:#737373}
.result_box strong{font-size:17px;color:#202020;line-height:30px;display:inline-block;margin:0 0 6px}
strong.sub_tit2{display:inline-block}
.pass{background:#fbfbfb url(../../../resources/images/HCM/pc/hcm05_025.jpg) no-repeat 0 0;border:1px solid #ddd;padding:42px 30px 0 206px;height:136px}
.pass strong{display:inline-block;line-height:41px;font-size:32px;color:#202020;margin:0 0 4px 0}
.result_info{background:#fafafa;border:1px solid #dedede;padding:15px 19px;overflow:hidden}
.result_info strong{display:inline-block;color:#303030;font-size:17px;margin:0 0 7px 0}
.result_info .date{text-align:right;line-height:22px;margin:25px 0 0 0}

.cm_info{border:1px solid #d9d9d9;position:relative;overflow:hidden;margin:10px 0 0 0}
.cm_info:after{content:"";width:218px;height:218px;background:url(../../../resources/images/HCM/pc/hcm05_006_04.png) no-repeat;position:absolute;top:50%;left:50%;margin:-109px 0 0 -104px;z-index:100}
.cm_info li{width:50%;float:left;position:relative;padding:31px 0 52px;height:94px;z-index:-10}
.cm_info li strong{display:block;height:22px;line-height:22px;padding:9px 0 6px;font-size:17px}
.cm_info li span{display:block;margin:0 auto}
.cm_info li.bg01{background:#f8fcff}
.cm_info li.bg04{background:#f8fcff}
.cm_info li.bg01 span{background:url(../../../resources/images/HCM/pc/bg_cm_01.jpg) no-repeat 0 0;padding:0 0 0 115px;height:94px;width:175px}
.cm_info li.bg02 span{background:url(../../../resources/images/HCM/pc/bg_cm_02.jpg) no-repeat 100% 0;padding:0 115px 0 0;height:94px;width:175px;text-align:right}
.cm_info li.bg03 span{background:url(../../../resources/images/HCM/pc/bg_cm_03.jpg) no-repeat 0 0;padding:0 0 0 115px;height:94px;width:175px}
.cm_info li.bg04 span{background:url(../../../resources/images/HCM/pc/bg_cm_04.jpg) no-repeat 100% 0;padding:0 115px 0 0;height:94px;width:175px;text-align:right}
.cm_info li.bg01:after{content:"";background:url(../../../resources/images/HCM/pc/cm_dot.png) repeat-x 0 100%;width:100%;height:2px;position:absolute;left:9px;bottom:-1px}
.cm_info li.bg02:after{content:"";background:url(../../../resources/images/HCM/pc/cm_dot_v.png) repeat-y 0 0;width:2px;height:100%;position:absolute;left:-1px;top:7px}
.cm_info li.bg03:after{content:"";background:url(../../../resources/images/HCM/pc/cm_dot_v.png) repeat-y 100% 0;width:2px;height:100%;position:absolute;bottom:7px;right:-1px;z-index:50}
.cm_info li.bg04:after{content:"";background:url(../../../resources/images/HCM/pc/cm_dot.png) repeat-x 0 0;width:100%;height:2px;position:absolute;right:9px;top:-1px}

.mg_greeting{position:relative; padding:50px 0 0 18px;}
.mg_greeting > img{}
.mg_greeting > div{position:relative;z-index:10}
.mg_greeting strong{display:block;font-size:24px;color:#0b57a3;line-height:34px;margin:0 0 10px}
.mg_greeting p{margin:25px 0 0;padding:14px 118px 6px 0;display:inline-block;background:url(../../../resources/images/HCM/pc/hcm02_001_02.gif) no-repeat 100% 0;font-size:15px;color:#303030;font-weight:bold}

.mg_history{margin:30px 0 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.mg_history > div{padding:0 0 28px}
.mg_history h4{padding:26px 30px 0;background:url(../../../resources/images/common/pc/line_dot.gif) repeat-x;font-size:22px;line-height:32px;color:#0b57a3;margin:0 0 12px}
.mg_history > div:first-child h4{background:none}
.mg_history ul{margin:0 0 0 30px;position:relative;line-height:22px;font-size:15px}
.mg_history ul:after{content:"";width:2px;height:100%;background:#d9d9d9;position:absolute;top:0;left:7px}
.mg_history li{padding:0 0 0 118px;margin:22px 0 0;position:relative;z-index:10}
.mg_history li:first-child{margin:0}
.mg_history li:after{content:"";width:16px;height:22px;background:url(../../../resources/images/HCM/pc/ico_bull.gif) no-repeat;position:absolute;left:0;top:0}
.mg_history li strong{font-size:17px;color:#404040;position:absolute;left:38px;top:0}
.mg_history .bg1{background:url(../../../resources/images/HCM/pc/hcm02_002.jpg) no-repeat 100% 100%;padding-top:30px}
.mg_history .bg2{background:url(../../../resources/images/HCM/pc/hcm02_002_02.jpg) no-repeat 100% 40%;padding-right:220px}

.mg_vision{margin:30px 0 0;border-bottom:1px solid #d9d9d9}
.mg_vision dt{border:1px solid #d9d9d9;background:#fff;position:relative;z-index:10;margin:0 0 -1px}
.mg_vision dd{background:url(../../../resources/images/common/pc/line_dot.gif) repeat-x;padding:45px 0 45px 145px;line-height:22px;position:relative;font-size:15px}
.mg_vision dd strong{color:#404040}
.mg_vision dd p{font-weight:bold}
.mg_vision .bg1 p{color:#017c96}
.mg_vision .bg2 p{color:#5a748f}
.mg_vision .bg3 p{color:#0b57a3}
.mg_vision dd:after{content:"";width:90px;height:90px;background-image:url(../../../resources/images/HCM/pc/hcm02_003_02.jpg);position:absolute;left:35px;top:50%;margin-top:-45px;background-repeat:no-repeat}
.mg_vision dd.bg2:after{background-position:0 -100px}
.mg_vision dd.bg3:after{background-position:0 -200px}

.mg_4s{margin:30px 0 0;position:relative;border:1px solid #d9d9d9}
.mg_4s h4{position:absolute;left:50%;top:74px;width:226px;height:220px;margin-left:-113px;text-indent:-9999px;overflow:hidden;background:url(../../../resources/images/HCM/pc/hcm02_004.png) no-repeat;z-index:10}
.mg_4s:after{content:"";width:auto;height:2px;background:url(../../../resources/images/HCM/pc/cm_dot.png) repeat-x;position:absolute;left:30px;top:50%;right:30px;margin-top:-1px}
.mg_4s ul{position:relative;overflow:hidden}
.mg_4s ul:after{content:"";width:2px;height:auto;background:url(../../../resources/images/HCM/pc/cm_dot_v.png) repeat-y;position:absolute;left:50%;top:8px;bottom:8px;margin-left:-1px}
.mg_4s li{float:left;width:50%;background:#f9fcfe}
.mg_4s li div{width:332px;margin:0 auto;padding:40px 0 0;height:138px;line-height:22px}
.mg_4s li+li{background:#fff}
.mg_4s li+li,.mg_4s li+li+li+li{text-align:right}
.mg_4s li+li+li{text-align:left;background:#fff}
.mg_4s li+li+li+li{background:#f9fcfe}
.mg_4s li p{height:33px;line-height:30px;font-size:17px;color:#303030}
.mg_4s li strong{display:inline-block;color:#0b57a3;font-size:20px;padding:0 18px 0 0;position:relative;vertical-align:top}
.mg_4s li strong:after{content:"";width:2px;height:15px;background:#d9d9d9;position:absolute;right:8px;top:9px}

.mg_map{border:1px solid #d9d9d9}

.mg_map_info{margin:30px 0 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.mg_map_info li{padding:15px 0 15px 137px;background:url(../../../resources/images/common/pc/line_dot.gif) repeat-x;position:relative;line-height:22px}
.mg_map_info li:first-child{background:none}
.mg_map_info li strong{position:absolute;left:58px;top:15px;font-size:15px;color:#303030}
.mg_map_info li:after{content:"";width:25px;height:25px;background-repeat:no-repeat;position:absolute;left:23px;top:13px;background-image:url(../../../resources/images/HCM/pc/hcm02_006.jpg)}
.mg_map_info li.bg2:after{background-position:0 -30px}
.mg_map_info li.bg3:after{background-position:0 -60px}
.mg_map_info li.bg4:after{background-position:0 -90px}

.sns_info{background:url(../../../resources/images/HCM/pc/hcm03_001.jpg) no-repeat 30px center;border:1px solid #d9d9d9;position: relative;}
.sns_info h4{font-size:20px;color:#303030;font-weight:bold;line-height:32px;padding:48px 0 6px 160px}
.sns_info p{padding:0 0 50px 160px}
.sns_info ul{overflow:hidden;position: absolute; right:30px; top:60px}
.sns_info li{float:left;text-align:center;position:relative; margin-left:10px}
.sns_info .sns01 a{background: #fafafa url(../../../resources/images/HCM/pc/btn_main_sns.png) no-repeat 17px 15px; border-radius:50%; width:38px;height:38px; padding:17px;display:inline-block;text-indent:-9999px;}
.sns_info .sns02 a{background: #fafafa url(../../../resources/images/HCM/pc/btn_main_sns.png) no-repeat 17px -43px; border-radius:50%; width:38px;height:38px; padding:17px;display:inline-block;text-indent:-9999px;}
.sns_info .sns03 a{background: #fafafa url(../../../resources/images/HCM/pc/btn_main_sns.png) no-repeat 17px -101px; border-radius:50%; width:38px;height:38px; padding:17px;display:inline-block;text-indent:-9999px;}
.sns_info .sns04 a{background: #fafafa url(../../../resources/images/HCM/pc/btn_main_sns.png) no-repeat 17px -159px; border-radius:50%; width:38px;height:38px; padding:17px;display:inline-block;text-indent:-9999px;}

.sns_content{width:845px;margin:0 auto;overflow:hidden}
.blog_area{width:422px;float:left;margin:45px 0 0 0;position:relative}
.blog_area:after{content:"";background:url(../../../resources/images/HCM/pc/line_03.gif) no-repeat;width:9px;height:15px;position:absolute;bottom:0;right:10px}
.blog_area h4{border:1px solid #d9d9d9;border-top:2px solid #ff6b95;width:388px;height:47px;text-align:center;line-height:47px;font-size:17px;color:#404040;font-weight:bold;position:relative}
.blog_area h4 span{background:url(../../../resources/images/HCM/pc/ico_blog.jpg) no-repeat 0 50%;display:inline-block;height:47px;padding:0 0 0 32px}
.blog_area h4:after{content:"";background:url(../../../resources/images/HCM/pc/line_01.gif) no-repeat;width:18px;height:39px;position:absolute;top:21px;right:-19px}
.blog_area ul{position:relative;width:400px}
.blog_area ul:after{content:"";width:1px;height:100%;background:#d9d9d9;position:absolute;top:0;right:-8px}
.blog_area li{margin:10px 0 0 0;border:1px solid #d9d9d9;width:388px;position:relative;height:195px}
.blog_area li:after{content:"";background:url(../../../resources/images/HCM/pc/ico_pink.jpg) no-repeat;width:11px;height:11px;position:absolute;top:7px;right:-24px;z-index:10}
.blog_area li h5{position:relative;font-weight:bold;font-size:15px;color:#303030;padding:11px 0 6px 19px;line-height:32px;border-bottom:1px solid #dfdfdf}
.blog_area li h5 span{overflow:hidden;display:block;height:32px}
.blog_area li h5:after{content:"";background:url(../../../resources/images/HCM/pc/bg_hcm03_001.gif) no-repeat;position:absolute;top:7px;right:-8px;width:8px;height:11px}
.blog_area li .img_wrap{display:block;width:98px;height:98px;border:1px solid #d9d9d9;position:absolute;top:70px;left:20px;overflow:hidden}
.blog_area li .img_wrap img{display:block;width:98px;height:98px}
.blog_area li p{margin:20px 0 0 140px;line-height:18px;color:#404040;width:225px;height:72px;overflow:hidden}
.blog_area li .date{width:225px;font-size:11px;line-height:18px;display:block;margin:14px 0 0 140px;position:relative}
.blog_area li .date:after{background:url(../../../resources/images/common/pc/line_dot.gif) repeat-x 0 100%;width:100%;height:1px;position:absolute;top:-7px;left:0;content:""}
.youtube_area{width:422px;float:left;margin-top: 20px;position:relative;}
.youtube_area h4{border:1px solid #d9d9d9;border-top: 2px solid #d4262d;width:407px;height:60px;text-align:center;line-height:60px;font-size:17px;color:#404040;font-weight:bold;position:relative;}
.youtube_area h4 span{background: url(../../../resources/images/HCM/pc/btn_main_sns.png) no-repeat 0px 11px;display:inline-block;height: 60px;padding: 0 0 0 52px;}
.youtube_area ul{position:relative;width:400px}
.youtube_area li{margin:10px 0 0 0;border:1px solid #d9d9d9;width: 405px;position:relative;height:227px;}
.youtube_area li h5{position:relative;font-weight:bold;font-size:15px;color:#303030;padding:11px 0 6px 19px;line-height:32px;border-bottom:1px solid #dfdfdf}
.youtube_area li h5 span{overflow:hidden;display:block;height:32px}
.youtube_area li .img_wrap{display:block;width:98px;height:98px;border:1px solid #d9d9d9;position:absolute;top:70px;left:20px;overflow:hidden}
.youtube_area li .img_wrap img{display:block;width:98px;height:98px}
.youtube_area li p{margin:20px 0 0 140px;line-height:18px;color:#404040;width:225px;height:72px;overflow:hidden}
.youtube_area li .date{width:225px;font-size:11px;line-height:18px;display:block;margin:14px 0 0 140px;position:relative}
.youtube_area li .date:after{background:url(../../../resources/images/common/pc/line_dot.gif) repeat-x 0 100%;width:100%;height:1px;position:absolute;top:-7px;left:0;content:""}
.youtube_area .scroll_iframe{height:705px !important;background:#fafafa;border:1px solid #d9d9d9;width:388px;position:relative;margin:10px 0 0 0;}
.youtube_area .scroll_iframe > div{overflow-y:scroll;height:100%;background:#fafafa}
.youtube_area .scroll_iframe iframe{border:none;background:transparent;background:#fafafa}
.facebook_area{width:422px;float:right;margin-top: 20px;position:relative;}
.facebook_area h4{border:1px solid #d9d9d9;border-top: 2px solid #3b5b9a;width:407px;height:60px;text-align:center;line-height:60px;font-size:17px;color:#404040;font-weight:bold;position:relative;float:right;}
.facebook_area h4 span{background: url(../../../resources/images/HCM/pc/btn_main_sns.png) no-repeat 0px -47px;display:inline-block;height: 60px;padding: 0 0 0 52px;}
.facebook_area .scroll_iframe{float:right;height:705px !important;background:#fafafa;border:1px solid #d9d9d9;width:388px;position:relative;margin:10px 0 0 0;}
.facebook_area .scroll_iframe > div{overflow-y:scroll;height:100%;background:#fafafa}
.facebook_area .scroll_iframe iframe{border:none;background:transparent;background:#fafafa}
.sns_more{clear:both;text-align:center;position:relative}
.sns_more:after{width:100%;height:1px;content:"";position:absolute;top:34px;left:0;background:#d9d9d9;z-index:-10}
.sns_more a{display:inline-block;background:#fafafa;width:78px;height:27px;border:1px solid #d9d9d9;line-height:27px;margin:20px 0 0 0}
.sns_more a span{width:34px;padding:0 14px 0 0;background:url(../../../resources/images/HCM/pc/ico_plus.gif) no-repeat 100% 5px}

.line_box{background:url(../../../resources/images/HCM/pc/bg_boxline.gif)}
.simbol_info{margin:10px 0 0 0;overflow:hidden}
.simbol_info li{width:25%;float:left}
.simbol_info li img{display:block;border:1px solid #d9d9d9;width:194px;margin:0 auto}
.simbol_info li p{line-height:22px;width:194px;margin:5px auto 30px}
.img_box > .line_box{margin:9px;border:1px solid #eef3f6;background:url(../../../resources/images/hcm/pc/line_box2.gif);position:relative}
.img_box > .line_box:after{content:"";width:14px;height:204px;background:url(../../../resources/images/hcm/pc/hcm03_003_02.jpg) no-repeat;position:absolute;top:-9px;right:-16px}
.img_box.bg_line:after{width:100%;height:4px;background:url(../../../resources/images/hcm/pc/hcm03_003_03.jpg) repeat-x;content:"";position:absolute;left:0;bottom:-4px}
.bi_info{text-align:center;margin:40px 0 0 0}
.bi_info .tit{font-size:22px;line-height:34px;color:#202020}
.bi_info p{margin:30px 0 0 0;line-height:26px;font-size:15px}
.bi_info strong{color:#202020}
.slogun{overflow:hidden;padding:30px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin:80px 0 0 0}
.slogun li{float:left;width:50%;position:relative}
.slogun strong{;width:123px;padding:0 0 0 22px;position:absolute;top:0;left:0} 
.slogun .img_box{margin:0 0 0 145px}
.slogun + .text_01{margin:15px 0 0}

.character_story{position:relative;margin:30px 0 0;padding:0 0 0 286px}
.character_story > img{display:block;border:1px solid #d9d9d9;position:absolute;top:0;left:0}
.character_story > ul{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;height:345px}
.character_story > ul strong{font-size:17px;color:#0b57a3;position:absolute;top:18px;left:23px}
.character_story > ul > li{line-height:22px;background:url(../../../resources/images/common/pc/line_dot.gif) repeat-x 0 0;padding:20px 0 16px 96px;position:relative}
.character_story > ul > li:first-child{background:none}
.character_list{margin:40px 0 0 0}
.character_list li{float:left;text-align:center;width:50%}
.character_list li div{margin:0 0 0 14px}
.character_list li:first-child div{margin:0 14px 0 0}
.character_list li > div > span{border:1px solid #d9d9d9;display:block}
.character_list img{display:block;margin:0 auto}
.character_list p{margin:12px 0;line-height:22px;font-size:15px;font-weight:bold;color:#303030}

.mafazine_info{margin:30px 0 0 0;border:1px solid #d9d9d9;background:url(../../../resources/images/HCM/pc/hcm03_010.jpg) no-repeat;padding:39px 0 0 0}
.mafazine_info h4{line-height:34px;color:#303030;font-size:22px;padding:0 0 0 224px}
.mafazine_info > p{margin:8px 20px 0 224px;height:87px}
.mafazine_info .qr_code{background:#fafafa;border-top:1px solid #d9d9d9;padding:27px 28px 23px;line-height:22px;position:relative}
.mafazine_info .qr_img{border:3px solid #0f7cc0;position:absolute;top:24px;right:30px}
.mafazine_list{position:relative;margin:70px 0 0 0;border-top:2px solid #3c7fc3;border-bottom:1px solid #adadad}
.mafazine_list .dsr{position:absolute;right:0;top:-35px}
.mafazine_list ul{overflow:hidden;background:url(../../../resources/images/common/pc/line_dot.gif) repeat-x 0 0;padding:30px 0 20px;margin:10px 0 0 0}
.mafazine_list p + ul{background:none;margin:0}
.mafazine_list li{float:left;width:25%;text-align:center}
.mafazine_list .img_wrap{display:block;width:178px;height:218px;border:1px solid #d9d9d9;margin:0 auto}
.mafazine_list .img_wrap img{width:178px;height:218px}
.mafazine_list strong{width:178px;color:#303030;font-size:15px;margin:15px auto 10px;display:block;line-hgiht:22px}
.mafazine_list .date{margin:0 auto 8px;display:block;width:178px;line-height:22px}

.info01{background:url(../../../resources/images/HCM/pc/hcm04_001.jpg) no-repeat;height:232px;position:relative;padding:0 0 0 274px}
.info01:after{content:"";background:url(../../../resources/images/common/pc/line_dot.gif) repeat-x;width:100%;height:1px;position:absolute;left:0;bottom:0}
.info01 h4{font-size:22px;color:#303030;line-height:34px;margin:20px 0 0 0;font-weight:bold}
.info01 h5{font-weight:bold;font-size:17px;color:#0b57a3;line-height:42px}
.info02{background:url(../../../resources/images/HCM/pc/hcm04_001_02.jpg) no-repeat 100% 100%;height:178px;padding:0 0 0 19px}
.info02 h5{font-weight:bold;font-size:17px;color:#0b57a3;line-height:42px;margin:28px 0 0 0}

.characters{margin:23px 0 0;width:100%}
.characters .tiles{position:relative}
.characters .tiles > li{border:1px solid #d9d9d9;transition:0.3s}
.characters .tiles > li img{display:block;width:201px}
.characters .tiles li a{position:relative;display:block}
.characters .tiles li .ov{display:none}
.characters .tiles li a:hover .ov, .characters .tiles li a:focus .ov{display:block}
.characters .tiles li a:hover:after, .characters .tiles li a:focus:after{display:none}
.characters .tiles li a:after{content:"";position:absolute;right:0;bottom:0;background:url(../../../resources/images/HCM/pc/ico_over.gif) no-repeat;width:18px;height:18px}
.characters .tiles li .ov{background:url(../../../resources/images/HCM/pc/hcm03_005.png) repeat;width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;color:#fff}
.characters .tiles li .tit{font-size:17px;line-height:22px;padding:0 35px}
.characters .tiles li .zoom{margin:38px 0 0 0;background:url(../../../resources/images/HCM/pc/ico_zoom.png) no-repeat 50% 0;display:block;padding:29px 0 0 0;line-height:22px;font-size:13px}
.characters .table_cell{display:table;height:100%}
.characters .table_cell > span{display:table-cell;vertical-align:middle}

.main_promotion{height:390px;background:url(../../../resources/images/HCM/pc/main_promotion.jpg) no-repeat 100% 0}
.main_promotion .tit{padding:45px 0 0;line-height:30px;font-size:22px;color:#0b57a3}
.main_promotion .text1{margin:7px 0 0;line-height:45px;font-size:40px;color:#0a376a;font-weight:bold}
.main_promotion .text2{margin:16px 0 0;line-height:24px;font-size:16px;color:#202020}
.main_promotion .btn{margin:46px 0 0;width:300px}
.main_promotion .btn li{float:left;margin:0 5px 5px 0}
.main_promotion .btn a{display:inline-block;height:30px;padding:0 0 0 10px;background:url(../../../resources/images/HCM/pc/btn_main.gif) no-repeat;color:#0b57a3}
.main_promotion .btn a span{display:inline-block;vertical-align:top;line-height:30px;padding:0 23px 0 0;background:url(../../../resources/images/HCM/pc/btn_main.gif) no-repeat 100% 0;min-width:85px}

.main_con1,.main_con2{float:left;width:360px;height:399px}
.main_con2{margin:0 0 0 10px}

.main_notice{border:1px solid #dfdfdf;height:123px;position:relative}
.main_notice .tit,.main_con3 .tit{padding:0 20px;line-height:36px;font-size:16px;color:#202020;border-bottom:1px solid #dfdfdf}
.main_notice .more,.main_joy .more,.main_video .more,.main_con3 .more{position:absolute;right:10px;top:3px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url(../../../resources/images/HCM/pc/btn_more.png) no-repeat}
.main_notice ul{margin:0 20px;line-height:60px}
.main_notice li{padding:0 0 0 10px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.main_notice li:after{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1px;background:#909090}
.main_notice li span{position:absolute;left:10px;top:40px;line-height:20px;color:#888}

.vid_notice{border:1px solid #dfdfdf;height:123px;position:relative}
.vid_notice .tit,.main_con3 .tit{padding:0 20px;line-height:36px;font-size:16px;color:#202020;border-bottom:1px solid #dfdfdf}
.vid_notice .more,.main_joy .more,.main_video .more,.main_con3 .more,.socialActive .more{position:absolute;right:10px;top:3px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url(../../../resources/images/HCM/pc/btn_more.png) no-repeat}
.vid_notice ul{margin:0 20px;line-height:60px}
.vid_notice li{padding:0 0 0 10px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.vid_notice li:after{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1px;background:#909090}
.vid_notice li span{position:absolute;left:10px;top:40px;line-height:20px;color:#888}

.main_social{margin:7px 0 0;border:1px solid #dfdfdf;height: 124px;overflow:hidden;}
.main_social .tit{line-height:27px;margin:14px 20px 0;font-size:18px;color:#202020}
.main_social ul{margin: 20px 24px 0;display:table;table-layout:fixed;width:310px;}
.main_social li{display:table-cell}
.main_social li a{display:block;width: 38px;height: 38px;margin:0 auto;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;background-image: url(../../../resources/images/HCM/pc/btn_main_sns.png);}
.main_social .bg2{background-position:0 -58px}
.main_social .bg3{background-position:0 -116px}
.main_social .bg4{background-position:0 -174px}

.main_joy{margin:7px 0 0;border:1px solid #dfdfdf;height:124px;overflow:hidden;line-height:20px;padding:0 20px;background:url(../../../resources/images/HCM/pc/bg_main_joy.png) no-repeat 100% 4px;position:relative}
.main_joy .tit{line-height:27px;margin:14px 0 7px;font-size:18px;color:#202020}
.main_joy .btn_ss{margin:16px 0 0}

.main_video{margin:7px 0 0;border:1px solid #dfdfdf;height:257px;overflow:hidden;position:relative}
.main_video .tit{line-height:27px;margin:14px 20px 0;font-size:18px;color:#202020}
.main_video ul{margin:13px 0 0}
.main_video ul a{display:block;width:278px;height:184px;position:relative;margin:0 auto}
.main_video ul a img{width:278px;height:184px}
.main_video ul a:after{content:"";position:absolute;left:50%;top:50%;width:53px;height:53px;margin:-27px 0 0 -27px;background:url(../../../resources/images/HCM/pc/ico_video.png) no-repeat}

.socialActive{margin:7px 0 0;border:1px solid #dfdfdf;height:257px;overflow:hidden;position:relative}
.socialActive .tit{line-height:27px;margin:14px 20px 0;font-size:18px;color:#202020}
.socialActive ul{margin:13px 0 0}
.socialActive ul a{display:block;width:236px;height:150px;position:relative;margin:0 auto}
.socialActive ul a img{width:236px;height:150px}
.socialActive ul a:after{content:"";position:absolute;left:50%;top:50%;width:53px;height:53px;margin:-27px 0 0 -27px}

.main_con3{float:right;width:358px;border:1px solid #dfdfdf;height:389px;position:relative}
.main_con3 ul{margin:26px 20px 0}
.main_con3 a{display:block;line-height:20px}
.main_con3 a img{display:block;margin:0 auto;width:236px;height:172px}
.main_con3 a strong{margin:29px 0 0;font-size:15px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.main_con3 a span{display:block;max-height:60px;overflow:hidden;margin:11px 0 0}

.main_con4{clear:both;border:1px solid #dfdfdf;background:#f0f3fa;height:133px;position:relative}
.main_con4 .tit{position:absolute;left:20px;top:0;padding:27px 0 0;height:106px;width:250px;background:url(../../../resources/images/HCM/pc/bg_main_con4_3.jpg) no-repeat 100% 100%;line-height:24px;font-size:20px}
.main_con4 .tit span{color:#0b57a3}
.main_con4 ul{float:right}
.main_con4 li{float:left;padding:15px 0 0 26px;height:118px;width:247px;position:relative;background:url(../../../resources/images/HCM/pc/bg_main_con4.gif) no-repeat;line-height:20px}
.main_con4 li h4{line-height:25px;font-size:18px;color:#202020;margin:0 0 3px}
.main_con4 li .btn_ss{margin:11px 0 0}
.main_con4 li:after{content:"";position:absolute;right:20px;top:32px;width:69px;height:69px;background-repeat:no-repeat;background-image:url(../../../resources/images/HCM/pc/bg_main_con4_2.gif)}
.main_con4 .bg2:after{background-position:0 -70px}
.main_con4 .bg3:after{background-position:0 -140px}

.pop_wrap.rc .recruit_box{border:6px solid #f2f2f2;background:url(../../../resources/images/HCM/pc/hcm05_008.jpg) no-repeat 100% 0;padding:25px 0 28px 30px}
.pop_wrap.rc .recruit_box h3{font-weight:bold;font-size:26px;color:#0a376a;line-height:34px}
.pop_wrap.rc .recruit_box h3 span{display:block;color:#0871bd}
.recruit_box p{line-height:22px;margin:11px 0 0 0}