@charset "utf-8";

.header_wrap .gnb_nav .nav5 .depth1_link, #header.header_on .gnb_nav .nav5 .depth1_link{color:#ff7424;}
.introduce {background:url(/resources/images/introduce/introduce_bg.jpg) center 0 no-repeat;}

/* 공통 */
.sec_tit{font-size:20px; font-weight:bold; color:#242424;}
.sec_tit.bot{}
.sec_tit.bot:after{content:''; display:block; width:20px; height:2px; margin:20px 0 18px; background-color:#242424;}
.s_txt{font-size:24px; line-height:32px; color:#646464;}
.sec_txt{padding-top:24px; font-size:16px; color:#646464;}
.sec_txt2{font-size:16px; color:#646464;}

/* 경동 소개 - ceo 인사말 */
.ceo_greeting #contents {background:#f5f5f5;}
.ceo_greeting .sec1 {padding:0; height:460px; background:url(/resources/images/introduce/ceo_bg01.jpg) center 0 no-repeat; text-align:center;}
.ceo_greeting .sec1  p {padding-top:150px; font-size:48px; color:#242424; line-height:56px;}
.ceo_greeting .sec3 {padding-top:60px;}

/* 경동 소개 - 기업 이념 및 비전 */
.vision #contents {background:#f5f5f5;}
.vision .sec_tit{padding-bottom:35px; color:#ff7424;}
.vision .sec1{padding:0; height:400px; background:url(/resources/images/introduce/vision_bg01.jpg) center 0 no-repeat;}
.vision .sec1 .sec_tit{padding-bottom:23px;}
.vision .sec1 .inner_section{overflow:hidden;}
.vision .sec1 .left_text {float:left; padding:135px 0 0 20px;}
.vision .sec1 .left_text p {font-size:64px; line-height:72px; text-align:center;}
.vision .sec1 .txt_area{float:right; width:520px; padding-top:80px;}
.vision .sec2{padding-top:60px; background:url(/resources/images/introduce/vision_bg02.jpg) center 0 no-repeat;}
.vision .sec2 .s_txt{margin-bottom:49px; font-size:32px; line-height:40px;}
.vision .sec2 .tab_menu{overflow:hidden;}
.vision .tab_menu li{float:left; width:120px; height:280px; background:url(/resources/images/introduce/vision_tab.jpg) 0 0 no-repeat;}
.vision .tab_menu .li_v2{background-position:-120px 0;}
.vision .tab_menu .li_v3{background-position:-240px 0;}
.vision .tab_menu .li_v4{background-position:-360px 0;}
.vision .tab_menu .li_v5{background-position:-480px 0;}
.vision .tab_menu li a{display:block; width:120px; height:280px;}
.vision .tab_menu li.on{width:460px; height:280px; background:url(/resources/images/introduce/vision_tab_on.jpg) 0 0 no-repeat;}
.vision .tab_menu .li_v2.on{background-image:url(/resources/images/introduce/vision_tab02_on.jpg);}
.vision .tab_menu .li_v3.on{background-image:url(/resources/images/introduce/vision_tab03_on.jpg);}
.vision .tab_menu .li_v4.on{background-image:url(/resources/images/introduce/vision_tab04_on.jpg);}
.vision .tab_menu .li_v5.on{background-image:url(/resources/images/introduce/vision_tab05_on.jpg);}
.vision .tab_menu li.on a{display:block; width:460px; height:280px;}

/* 경동 소개 - 경동 관계사 */
.relative #contents {padding-bottom:0px;}
.relative .tab_area{width:100%; height:78px;}
.relative .tab_menu{width:940px; margin:0 auto; overflow:hidden; background:url(/resources/images/hr-system/hr_bar.gif) 0 bottom no-repeat;}
.relative .tab_menu:after{content:''; display:block; clear:both;}
.relative .tab_menu li{float:left; text-align:center;}
.relative .tab_menu li a{display:block; width:470px; padding:29px 0; font-size:20px; line-height:20px; color:#242424; font-weight:bold;}
.relative .tab_menu li.on a{color:#ff7424; border-bottom:4px solid #ff7424;}
.relative .tab_menu a:hover{color:#ff7424; border-bottom:4px solid #ff7424;}
.relative .sec1 {padding-top:73px; background:url(/resources/images/introduce/relative_bg.jpg) center 0 no-repeat;}
.relative .sec1 .inner_section{padding-top:40px;}
.relative .sec1 .sub_top {margin-bottom:80px; text-align:center;}
.relative .sec1 .sub_top .sub_tit {padding-bottom:8px; font-size:20px; color:#ff7424; font-weight:bold; background:url(/resources/images/common/sub_tit_bar.gif) center bottom no-repeat; }
.relative .sec1 .sub_top p {font-size:16px; color:#646464; line-height:24px;}
.relative .sec1 .sub_top p.text_tit {margin:15px 0; font-size:24px; color:#242424;}
.relative .sec1 .cont_area{position:relative; display:none;}
.relative .sec1 .cont_area.on{display:block;}
.relative .sec1 .sec_tit.bot{display:block; color:#242424;}
.relative .sec1 .txt_area{overflow:hidden; padding:38px 0 75px;}
.relative .sec1 .tit_area{float:left;}
.relative .sec1 .sec_txt{float:right; width:620px; padding-top:0;}
.relative .sec1 .tit_lst{font-size:16px; line-height:24px; color:#646464;}
.relative .sec1 .tit_lst dt{color:#242424; font-weight:bold;}
.relative .relative_lst{padding-bottom:80px; overflow:hidden;}
.relative .relative_lst li{float:left;width: 167px;margin-left: 21px;}
/*.relative .relative_lst li:first-child{margin-left:0;}*/
.relative .relative_lst li a{display:block;width: 175px;height:159px;padding:20px 0;border-top:1px solid #bcbcbc;}
.relative .relative_lst dl{height:160px; background:url(/resources/images/introduce/bu_plus.png) 150px bottom no-repeat;}
.relative .relative_lst dt{padding-bottom:24px; font-size:18px; font-weight:bold;}
.relative .relative_lst dd{font-size:15px; color:#646464;}
.relative .relative_lst li a:hover{padding-top:17px; border-top:4px solid #ff7424;}
.relative .relative_lst li a:hover dl{background-image:url(/resources/images/introduce/bu_plus_on.png);}
.relative .relative_lst li a:hover dt,.relative_lst li a:hover dd{color:#ff7424;}

/* 경동소개 - 찾아오시는 길 */
.location_lst{border-top:1px solid #999;}
.location_lst li{border-bottom:1px solid #e5e5e5;}
.location .map_view{display:block; visibility:hidden; position:absolute!important; top:-9999px; width:100%; height:380px;}
.location .map_view.on{display:block; visibility:visible; position:relative!important; top:0;}
.location_lst .txt_area{overflow:hidden; padding:40px 0;}
.location_lst .tit{display:block; padding-bottom:20px; font-size:22px; font-weight:bold; line-height:22px; color:#242424;}
.location_lst .txt{float:left;}
.location_lst .txt dl{margin-top:8px; font-size:16px; line-height:16px; color:#646464;}
.location_lst .txt dl:first-child{margin-top:0;}
.location_lst .txt dt, .location_lst .txt dd{display:inline-block;}
.location_lst .txt dd{padding-left:20px;}
.location .btn_view{float:right; display:inline-block; text-indent:-999999px; width:160px; height:42px; background:url(/resources/images/introduce/btn_view.png) 0 0 no-repeat;}
.location .btn_view.on{background:url(/resources/images/introduce/btn_view_on.png) 0 0 no-repeat;}

/* 경동소식 */