@charset "UTF-8";
/* 인사말 */
/* .intro_greeting_wrap { background-color: #fff; border: 1px solid #eee; background-image: url("../images/intro/won_ceo_pic.jpg"); background-position: right bottom; background-repeat: no-repeat; line-height: 1.5; height: 638px; box-sizing: border-box; padding: 40px 35px; padding-right: 435px; } */
.intro_greeting_wrap { background-color: #fff; border: 1px solid #eee; background-image: url("../images/intro/20210113_pc.jpg"); background-position: right bottom; background-repeat: no-repeat; line-height: 1.5; height: 638px; box-sizing: border-box; padding: 40px 35px; padding-right: 435px; }
.intro_greeting_wrap .tt { font-size: 22px; font-weight: normal; color: #111; }
.intro_greeting_wrap .con { font-size: 16px; font-weight: 100; color: #666; margin-top: 18px; }
.intro_greeting_wrap .sign { font-size: 16px; font-weight: 100; color: #000; margin-top: 36px; }
.intro_greeting_wrap .sign em, .intro_greeting_wrap .sign img { display: inline-block; vertical-align: middle; }
.intro_greeting_wrap .sign img { margin-left: 10px; }

/* 기업연혁 */
.enterprise_history_wrap { background-color: #fff; border: 1px solid #eee; padding: 49px 211px; }
.enterprise_history_wrap .his_box_ul { position: relative; }
.enterprise_history_wrap .his_box_ul:after { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: 1px; height: 100%; background-color: #023793; }
.enterprise_history_wrap .his_box_ul .his_box_li { position: relative; margin-bottom: 80px; }
.enterprise_history_wrap .his_box_ul .his_box_li:after { z-index: 2; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: 9px; height: 9px; background-color: #023793; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.enterprise_history_wrap .his_box_ul .his_box_li:first-child:before { z-index: 2; box-sizing: border-box; position: absolute; top: -3px; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: 15px; height: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #023793; background-color: #fff; }
.enterprise_history_wrap .his_box_ul .his_box_li:last-child { margin-bottom: 0; }
.enterprise_history_wrap .his_box_ul .his_box_li:last-child:before { z-index: 2; box-sizing: border-box; position: absolute; top: -3px; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: 15px; height: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #023793; background-color: #fff; }
.enterprise_history_wrap .his_box_ul .his_box_li:last-child .enterprise_history_box { position: relative; }
.enterprise_history_wrap .his_box_ul .his_box_li:last-child .enterprise_history_box:before { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: 10px; height: 100%; background-color: #fff; z-index: 1; }
.enterprise_history_wrap .his_box_ul .his_box_li.reverse .pic { padding-left: 27px; padding-right: 0; float: right; }
.enterprise_history_wrap .his_box_ul .his_box_li.reverse .his_con { padding-right: 27px; padding-left: 0; float: left; text-align: right; }
.enterprise_history_wrap .his_box_ul .his_box_li.reverse .his_con ul { text-align: left; }
.enterprise_history_wrap .enterprise_history_box { *zoom: 1; }
.enterprise_history_wrap .enterprise_history_box:before, .enterprise_history_wrap .enterprise_history_box:after { content: ""; display: table; }
.enterprise_history_wrap .enterprise_history_box:after { clear: both; }
.enterprise_history_wrap .enterprise_history_box .pic, .enterprise_history_wrap .enterprise_history_box .his_con { width: 378px; box-sizing: border-box; }
.enterprise_history_wrap .enterprise_history_box .pic { float: left; padding-right: 27px; }
.enterprise_history_wrap .enterprise_history_box .his_con { float: right; padding-left: 27px; }
.enterprise_history_wrap .enterprise_history_box .his_con strong { display: block; font-size: 26px; font-weight: bold; color: #111; margin-bottom: 15px; }
.enterprise_history_wrap .enterprise_history_box .his_con ul li { font-size: 14px; line-height: 1.5; *zoom: 1; position: relative; margin-bottom: 15px; letter-spacing:-0.06em;}
.enterprise_history_wrap .enterprise_history_box .his_con ul li:before, .enterprise_history_wrap .enterprise_history_box .his_con ul li:after { content: ""; display: table; }
.enterprise_history_wrap .enterprise_history_box .his_con ul li:after { clear: both; }
.enterprise_history_wrap .enterprise_history_box .his_con ul li:last-child { margin-bottom: 0; }
.enterprise_history_wrap .enterprise_history_box .his_con ul li.not_em p { padding-left: 0; }
.enterprise_history_wrap .enterprise_history_box .his_con ul li.shot { text-align: right; }
.enterprise_history_wrap .enterprise_history_box .his_con ul li.shot em, .enterprise_history_wrap .enterprise_history_box .his_con ul li.shot p { display: inline-block; }
.enterprise_history_wrap .enterprise_history_box .his_con ul li.shot em { position: static; }
.enterprise_history_wrap .enterprise_history_box .his_con ul li.shot p { padding-left: 0; }
.enterprise_history_wrap .enterprise_history_box .his_con ul li em { position: absolute; top: 0; left: 0; font-weight: bold; color: #333; padding-right: 18px; }
.enterprise_history_wrap .enterprise_history_box .his_con ul li p { font-weight: 100; color: #666; white-space: nowrap; padding-left: 46px; }

/* 사업분야 */
.business_field_slide_wrap .field_slide_box { margin-top: 49px; /* swiper_slide */ /* slick_slide */ }
.business_field_slide_wrap .field_slide_box h4 { text-align: center; font-size: 22px; color: #111; font-weight: normal; }
.business_field_slide_wrap .field_slide_box .intro_department_slide { margin-top: 20px; }
.business_field_slide_wrap .field_slide_box .intro_department_slide .swiper-button-prev, .business_field_slide_wrap .field_slide_box .intro_department_slide .swiper-button-next { top: 50%; z-index: 1; width: 46px; height: 46px; background-color: #fff; background-repeat: no-repeat; background-position: center center; -webkit-transform: none; transform: none; background-size: auto; margin-top: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.business_field_slide_wrap .field_slide_box .intro_department_slide .swiper-button-prev { left: 50px; background: url("../images/intro/fie_slide_prev.png") 0 0 no-repeat; }
.business_field_slide_wrap .field_slide_box .intro_department_slide .swiper-button-next { right: 50px; background: url("../images/intro/fie_slide_next.png") 0 0 no-repeat; }
.business_field_slide_wrap .field_slide_box .fie_slide_ul { margin-top: 20px; width: 100%; height: 480px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.business_field_slide_wrap .field_slide_box .fie_slide_ul .slick-arrow { width: 46px; height: 46px; z-index: 1; }
.business_field_slide_wrap .field_slide_box .fie_slide_ul .slick-arrow.slick-prev { left: 50px; background: url("../images/intro/fie_slide_prev.png") 0 0 no-repeat; }
.business_field_slide_wrap .field_slide_box .fie_slide_ul .slick-arrow.slick-prev:before { display: none; }
.business_field_slide_wrap .field_slide_box .fie_slide_ul .slick-arrow.slick-next { right: 50px; background: url("../images/intro/fie_slide_next.png") 0 0 no-repeat; }
.business_field_slide_wrap .field_slide_box .fie_slide_ul .slick-arrow.slick-next:before { display: none; }
.business_field_slide_wrap .field_slide_box .fie_slide_ul .slick-arrow.slick-disabled { opacity: 0.5; }
.business_field_slide_wrap .field_slide_box .slide_table { width: 100%; height: 480px; display: table; }
.business_field_slide_wrap .field_slide_box .slide_table .slide_cell { display: table-cell; vertical-align: middle; color: #fff; line-height: 1.5; padding: 0 180px; }
.business_field_slide_wrap .field_slide_box .slide_table .slide_cell .sd_tt { font-size: 26px; font-weight: bold; }
.business_field_slide_wrap .field_slide_box .slide_table .slide_cell .sd_txt { font-size: 16px; font-weight: 100; margin-top: 15px; }
.business_field_slide_wrap .field_slide_box .intro_department_slide .swiper-pagination{bottom:25px;}
.business_field_slide_wrap .field_slide_box .intro_department_slide .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; opacity:1; background-color:#dddddd; margin:0 5px;}
.business_field_slide_wrap .field_slide_box .intro_department_slide .swiper-pagination .swiper-pagination-bullet-active{background-color:#2299e2;}


/* 홍보자료 리스트 */
.infor_sub_pg_all_box { margin-top: 30px; }
.infor_sub_pg_all_box .btns_wrapper { margin-top: 20px; }

.intro_board_list_wrap .int_pub_ul { *zoom: 1; margin: -10px; }
.intro_board_list_wrap .int_pub_ul:before, .intro_board_list_wrap .int_pub_ul:after { content: ""; display: table; }
.intro_board_list_wrap .int_pub_ul:after { clear: both; }
.intro_board_list_wrap .int_pub_ul .int_pub_li { float: left; padding: 10px; box-sizing: border-box; }
.intro_board_list_wrap .btns_more { margin-top: 20px; }

.intro_public_board_box { width: 380px; }
.intro_public_board_box .link_box { display: block; }
.intro_public_board_box .link_box .img img{width:380px; height:250px;}
.intro_public_board_box .con { background-color: #fff; border: 1px solid #eee; padding: 19px 16px; }
.intro_public_board_box .con strong { display: block; font-size: 16px; font-weight: bold; color: #1d1d21; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.intro_public_board_box .con span { font-size: 13px; font-weight: normal; color: #999; }

/* 홍보자료 상세 */
.detail_page_controll { border: 1px solid #eee; background-color: #fff; }
.detail_page_controll .detail_pg_cont_bar a { position: relative; display: block; *zoom: 1; padding: 23px 19px; padding-left: 63px; line-height: 1.1; }
.detail_page_controll .detail_pg_cont_bar a:before, .detail_page_controll .detail_pg_cont_bar a:after { content: ""; display: table; }
.detail_page_controll .detail_pg_cont_bar a:after { clear: both; }
.detail_page_controll .detail_pg_cont_bar a strong, .detail_page_controll .detail_pg_cont_bar a p, .detail_page_controll .detail_pg_cont_bar a span { display: block; }
.detail_page_controll .detail_pg_cont_bar a strong { float: left; font-size: 14px; font-weight: bold; color: #1d1d21; margin-right: 70px; }
.detail_page_controll .detail_pg_cont_bar a p, .detail_page_controll .detail_pg_cont_bar a span { font-size: 14px; font-weight: 100; color: #666; }
.detail_page_controll .detail_pg_cont_bar a p { float: none; width: auto; overflow: hidden; white-space: nowrap; padding-right: 105px; }
.detail_page_controll .detail_pg_cont_bar a span { position: absolute; top: 22px; right: 19px; }
.detail_page_controll .detail_pg_cont_bar a:hover p em { text-decoration: underline; }
.detail_page_controll .detail_pg_cont_bar.prev { border-bottom: 1px solid #eee; }
.detail_page_controll .detail_pg_cont_bar.prev a { background: url("../images/common/detail_pg_cont_up.png") 19px center no-repeat; }
.detail_page_controll .detail_pg_cont_bar.next a { background: url("../images/common/detail_pg_cont_down.png") 19px center no-repeat; }

/* 오시는길 */
.map_directions_wrap { background-color: #fff; border: 1px solid #eee; padding: 49px 30px; }
.map_directions_wrap .map_guide_box { *zoom: 1; }
.map_directions_wrap .map_guide_box:before, .map_directions_wrap .map_guide_box:after { content: ""; display: table; }
.map_directions_wrap .map_guide_box:after { clear: both; }
.map_directions_wrap .map_guide_box .map_zone_con { float: left; }
.map_directions_wrap .map_guide_box .map_zone_simple { float: right; margin-right: 50px; }
.map_directions_wrap .map_detail_box { margin-top: 46px; }
.map_directions_wrap .btns_wrapper { margin-top: 20px; }
.map_directions_wrap .building_add li { *zoom: 1; margin-bottom: 19px; }
.map_directions_wrap .building_add li:before, .map_directions_wrap .building_add li:after { content: ""; display: table; }
.map_directions_wrap .building_add li:after { clear: both; }
.map_directions_wrap .building_add li:last-child { margin-bottom: 0; }
.map_directions_wrap .building_add li strong { float: left; display: block; font-size: 24px; color: #1d1d21; font-weight: bold; margin-right: 24px; }
.map_directions_wrap .building_add li strong span { font-size: 18px; }
.map_directions_wrap .building_add li p { float: none; width: auto; overflow: hidden; font-size: 18px; color: #666; font-weight: normal; padding-top: 4px; }
.map_directions_wrap .building_detail_con { margin-top: 67px; }
.map_directions_wrap .building_detail_con li { *zoom: 1; margin-bottom: 17px; line-height:20px;}
.map_directions_wrap .building_detail_con li:before, .map_directions_wrap .building_detail_con li:after { content: ""; display: table; }
.map_directions_wrap .building_detail_con li:after { clear: both; }
.map_directions_wrap .building_detail_con li:last-child { margin-bottom: 0; }
.map_directions_wrap .building_detail_con li em { float: left; display: block; font-size: 18px; color: #111; font-weight: bold; width: 70px; }
.map_directions_wrap .building_detail_con li p { float: none; width: auto; overflow: hidden; font-size: 18px; color: #666; font-weight: normal; }
.map_directions_wrap .building_detail_con li p span { font-size: 16px; }