@charset "UTF-8";

/* component */
.fold-list {border-top:1px solid #737373;}
.fold-list .item {border-bottom:1px solid #e3e3e3;}
.fold-list .item-title {position:relative; box-sizing:border-box; display:table; width:100%; padding:15px 0;}
.fold-list .item-title .thumb {display:table-cell; width:70px; padding:0 30px; text-align:center;}
.fold-list .item-title .thumb img {overflow:hidden; width:70px; height:70px; border-radius:50% 50%;}
.fold-list .item-title .thumb .name {display:block; margin-top:7px; text-align:center;}
.fold-list .item-title .tit {display:table-cell; padding-right:80px; font-size:22px; line-height:1.3; vertical-align:middle;}
.fold-list .item-title:after {content:''; position:absolute; right:22px; top:50%; display:block; width:40px; height:40px; margin-top:-20px; background:#d8d8d8 url(../images/recruit_story_list_bul.png) no-repeat 50% 0; transition:background-color 300ms;}
.fold-list .item-cont {display:none; border-top:1px solid #e3e3e3; background:#f7f7f7; line-height:1.5;}
.fold-list .item-open .item-title:after {background-color:#ee464d; background-position:50% 100%;}
.fold-list .item-open .item-cont {display:block;}

/* 연혁 */
.company-history .title {margin-bottom:45px; font-size:40px; font-family:'NotoSansL'; color:#ee464d; letter-spacing:-3px;}
.company-history .tab-type01 {margin-bottom:50px;}
.company-history .tab-type01 a {width:253px;}
.company-history .tab-type01 .on a {width:250px;}
.company-history .year1910 {background:url(../images/company_history_year1910_bg.png) no-repeat 770px 90px;}
.company-history .year1940 {background:url(../images/company_history_year1940_bg.png) no-repeat 768px 120px;}
.company-history .year1970 {background:url(../images/company_history_year1970_bg.png) no-repeat 780px 120px;}
.company-history .year2000 {background:url(../images/company_history_year2000_bg.png) no-repeat 780px 120px;}
.company-history .history-year {position:relative; width:110px; height:95px; margin-left:100px; line-height:95px; background:url(../images/company_history_year_tit_bg.png) no-repeat 0 50%; font-size:22px; text-align:center; color:#fff; z-index:1;}
.company-history ol {position:relative; margin-bottom:70px; padding:0 70px;}
.company-history ol:before {content:''; position:absolute; top:-30px; left:157px; bottom:-80px; display:block; border-left:1px solid #e3e3e3;}
.company-history ol:after {content:''; position:absolute; left:151px; bottom:-90px; display:block; width:12px; height:12px; border-radius:50%; background:#ee464d;}
.company-history ol li {margin-top:25px; color:#3f3f3f;}
.company-history li span {float:left; display:inline-block; width:80px; margin-right:20px; line-height:20px; text-align:center;}
.company-history li span .space,
.company-history li span .space-year {display:inline-block; position:relative; min-width:17px; height:20px; color:transparent; vertical-align:top;}
.company-history li span .space:before {content: '-'; color:#3f3f3f;}
.company-history li span .space +.space:before {content: '';}
.company-history li p {overflow:hidden; margin-bottom:2px; line-height:20px;}

/* 사회공헌 연혁 */
.society-history-intro {font-weight:bold; margin-bottom:30px; font-size:22px; line-height:1.5;}
.company-history.society-history .tab-type01 {margin-bottom:50px;}
.company-history.society-history .tab-type01 a {width:340px;}
.company-history.society-history .tab-type01 .on a {width:342px;}
.company-history.society-history .year2000 {background:url(../images/society_history_year2000_bg.png) no-repeat 750px 120px;}
.company-history.society-history .year1980 {padding-bottom:20px; background:url(../images/society_history_year1980_bg.png) no-repeat 780px 100%;}
.company-history.society-history .year1930 {background:url(../images/society_history_year1970_bg.png) no-repeat 780px 120px;}

/* 영향력 */
.company-power .intro-txt {font-weight:bold; font-size:22px; line-height:1.5; font-family:'NotoSansB';}
.company-power .con-title {margin:50px 0 35px;}
.company-power .con-title .fright {color:#666; font-size:13px;}
.company-power .figure-box {overflow:hidden;}
.company-power .figure-box .figure {float:left; margin:0 0 40px;}
.company-power .figure-box .figure h5 {margin-bottom:20px;font-size:18px; color:#3f3f3f; text-align:left;}
.company-power .figure-box.col2 {margin-left:-30px;}
.company-power .figure-box.col2 .figure {margin-left:30px;}

/* 사회공헌 */
.campaign-list {padding-bottom:100px;}
.campaign-list .title-box .titcopy {font-size:40px; line-height:1.15; font-family:'NotoSansL'; color:#ee464d; letter-spacing:-1px;}
.campaign-list .title-box .subcopy {font-size:22px; line-height:1.3; color:#3f3f3f;}
.campaign-list ul {overflow:hidden;}
.campaign-list li {float:left; width:33.33%; margin-top:50px; text-align:center;}
.campaign-list li:before {content:''; display:block; height:380px; background-repeat:no-repeat; background-position:50% 50%;}
.campaign-list .campaign1:before {background-image:url(../images/society_list_img1.png);}
.campaign-list .campaign2:before {background-image:url(../images/society_list_img2.png);}
.campaign-list .campaign3:before {background-image:url(../images/society_list_img3.png);}
.campaign-list .campaign4:before {background-image:url(../images/society_list_img4.png);}
.campaign-list .campaign5:before {background-image:url(../images/society_list_img5.png);}
.campaign-list .campaign6:before {background-image:url(../images/society_list_img6.png);}
.campaign-list .campaign4 {clear:both;}
.campaign-list h4 {font-size:22px;}
.campaign-list p {margin-top:25px; line-height:1.5; color:#3f3f3f; letter-spacing:-.5px;}

.society-list .item-title .tit {padding-left:37px;}
.society-list .item-title .tit:before {content:''; display:inline-block; width:6px; height:6px; margin:0 10px 0 -17px; background:#000; border-radius:50% 50%; vertical-align:6px;}
.society-list .society-content {overflow:hidden; padding:20px; line-height:1.7;}
.society-list .society-content .img {float:left; width:260px; /*height:152px;*/ margin-right:15px;}
.society-list .society-content .img img {max-width:100%;}
/*.society-list .society-content .img ~p {float:left;}*/

/* 사람들 */
.chosun-people .intro-txt {margin:0px 0 50px; font-weight:bold; font-size:22px; line-height:1.5;}
.people-intro-message {margin-bottom:40px;}
.people-intro-message p {line-height:1.5;}
.people-list {border-top:1px solid #737373;}
.people-list li {overflow:hidden; padding:30px 20px 35px; border-bottom:1px solid #e8e8e8;}
.people-list .thumb {float:left; margin-right:48px;}
.people-list .thumb img {display:block; width:180px; height:220px; background:#aaa;}
.people-list .thumb p {margin-top:7px; text-align:center;}
.people-list dl {overflow:hidden;}
.people-list dt {margin-bottom:10px; font-size:22px;}
.people-list dd {padding:2px 0; font-size:18px; line-height:1.3;}
.people-list .message {padding:15px 0 10px; font-size:15px; line-height:1.5;}
.people-list .message:before {content:''; display:block; width:32px; margin-bottom:20px; border-top:1px solid #333;}
.people-list li:nth-child(even) .thumb {float:right; margin-right:0; margin-left:40px;}

/* 인재채용 > 입사지원안내 > 인턴 */
.intern-guide .subdesc {line-height:1.3;}
.intern-guide .subdesc span {display:block; font-size:30px;}
.intern-guide .subdesc span em {margin:0 -15px;}
.intern-guide .subdesc span + p {margin-top:14px; line-height:22px;}
.intern-guide .info-list {margin:60px 0 80px; padding-top:95px; background:url(../images/recruit_intern_bg.png) no-repeat 50% 0; line-height:1.5;}
.intern-guide .info-list dt {margin-bottom:30px; font-size:30px;}
.intern-guide .info-list dd {color:#3f3f3f; white-space:pre-line;}
.intern-guide .info-list .info1 {margin-right:680px; text-align:right;}
.intern-guide .info-list .info2 {margin-top:-60px; margin-left:680px;}
.intern-guide .info-list .info3 {margin-top:-15px; margin-right:680px; text-align:right;}
.intern-guide .info-list .info4 {margin-top:-95px; margin-left:680px;}

/* 인재채용 > 선배들의 이야기 */
.story-list .story-content {padding:30px 60px; line-height:1.7; font-family:'NotoSansL';}