@charset "utf-8";
/* PHC */
/* 텍스트 공통 */
.cnt_area { display:block; overflow:hidden; }
.cnt_area > header { display:none; }
.cnt_box { text-align:center; }
.common_box { overflow:hidden; }
.common_inner { position:relative; display:block; width:auto; max-width:1200px; height:100%; margin:0 auto; padding:70px 0; box-sizing:border-box; overflow:hidden; }
.pc_block {color:#fff; }

/* 목록 정의 */
.list_basic { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.list_basic > li { display:block; box-sizing:border-box; overflow:hidden; }
.list_basic > li img { max-width:100%; }

.list_basic .col_2 { float:left; width:46%; margin-right:4%; }
.list_basic .col_2:nth-child(2n+2) { margin-right:0; }
.list_basic .col_2:nth-child(2n+1) { clear:both; }
.list_basic .col_3 { float:left; width:31.33%; margin-right:3%; }
.list_basic .col_3:nth-child(3n+3) { margin-right:0; }
.list_basic .col_3:nth-child(3n+1) { clear:both; }
.list_basic .col_4 { float:left; width:23.5%; margin-right:2%; }
.list_basic .col_4:nth-child(4n+4) { margin-right:0; }
.list_basic .col_4:nth-child(4n+1) { clear:both; }
.list_basic .col_5 { float:left; width:19.2%; margin-right:1%; }
.list_basic .col_5:nth-child(5n+5) { margin-right:0; }
.list_basic .col_5:nth-child(5n+1) { clear:both; }

.list_basic .point { margin-bottom:16px; padding-left:12px; line-height:1.8; background:url("/eng/images/sub/icon_point_black.png") no-repeat left 12px; }
.list_basic .point:nth-last-child(1) { margin-bottom:0; }

.list_basic .point2 { position:relative; margin-bottom:16px; padding-left:100px; line-height:1.8; }
.list_basic .point2 .head { position:absolute; left:0; top:0; padding-left:15px; background:url("/eng/images/sub/icon_point_black.png") no-repeat left 12px; }
.list_basic .point2:nth-last-child(1) { margin-bottom:0; }

/* 회사소개 : 회장 & 사장 인사말 */
.greeting_area { overflow:hidden; }
.greeting_area .gr_box1 { position:relative; width:100%; height:0; margin:0; padding-bottom:25%; background:url("/eng/images/sub1/gr1_bg.jpg") no-repeat center top; background-size:cover; }
.greeting_area .gr_box1 .gr_txt_group { position:absolute; left:50%; top:50%; width:auto; max-width:700px; margin-left:-600px; transform:translateY(-50%); word-break:keep-all; }
.greeting_area .gr_box1 .gr_txt_group .txt1 { margin-bottom:14px; font-size:1.125em; color:#909090; font-weight:400; letter-spacing:-0.02em; text-transform:uppercase; }
.greeting_area .gr_box1 .gr_txt_group .txt2 { margin-bottom:40px; font-size:1.875em; color:#404040; font-weight:500; letter-spacing:-0.02em; line-height:1.5; }
.greeting_area .gr_box1 .gr_txt_group .txt3 { font-size:0.9375em; color:#505050; }
.greeting_area .gr_box1 .gr_txt_group .txt3 .sign { margin-left:10px; font-style:normal; font-size:146%; font-weight:400; letter-spacing:0.6em; }
.greeting_area .gr_box1 .gr_txt_group .txt3 .sign_img { display:inline-block; }
.greeting_area .gr_box1 .ceo { position:absolute; right:50%; top:10%; margin-right:-600px; z-index:10; }

/* 회사소개 : 경영이념 */
.philosophy_area { overflow:hidden; }
.philosophy_area .ps1_head { position:relative; height:469px; margin:0 auto; background:#fff url('/eng/images/sub1/ps1_img1_1.jpg') no-repeat center top; background-size:cover; overflow:hidden; }
.philosophy_area .ps1_head .ps_txt_group { position:absolute; left:50%; top:50%; width:auto; text-align:center; transform:translateX(-50%) translateY(-70%); word-break:keep-all; }
.philosophy_area .ps1_head .ps_txt_group .txt1 { margin-bottom:14px; font-size:1.125em; color:#fff; font-weight:400; letter-spacing:-0.02em; }
.philosophy_area .ps1_head .ps_txt_group .txt2 { font-size:1.875em; color:#fff; font-weight:500; letter-spacing:-0.02em; line-height:1.5; }

.philosophy_area .ps1_body { position:relative; max-width:1200px; margin:-120px auto 0; padding:0 0 100px; overflow:hidden; }
.philosophy_area .ps1_body > ul { list-style:none; margin:0; padding:0; overflow:hidden; }
.philosophy_area .ps1_body > ul:after { display:block; content:''; clear:both; }
.philosophy_area .ps1_body > ul > li { display:block; float:left; width:33.33%; padding:0 2%; text-align:center; box-sizing:border-box; }
.philosophy_area .ps1_body .circle { display:block; width:70%; height:0; margin:0 auto 40px; padding-bottom:70%; background:#fff; border-radius:50%; box-shadow:0 2px 1px rgba(0,0,0,0.2); }
.philosophy_area .ps1_body .circle_1 { background:#fff url('/eng/images/sub1/ps1_img2_1.png') no-repeat center center; }
.philosophy_area .ps1_body .circle_2 { background:#fff url('/eng/images/sub1/ps1_img2_2.png') no-repeat center center; }
.philosophy_area .ps1_body .circle_3 { background:#fff url('/eng/images/sub1/ps1_img2_3.png') no-repeat center center; }
.philosophy_area .ps1_body h2 { margin-bottom:20px; font-size:1.5em; color:#404040; font-weight:500; }
.philosophy_area .ps1_body p { line-height:1.8; word-break:keep-all; }

.philosophy_area .ps2_head { position:relative; width:100%; height:469px; margin:0 auto; background:#fff url('/eng/images/sub1/ps2_img1_1.jpg') no-repeat center center; background-size:cover; overflow:hidden; }
.philosophy_area .ps2_head > .ps_diagram { position:absolute; left:50%; top:50%; width:1182px; height:262px; font-size:0; transform:translateX(-50%) translateY(-50%); background:url('/eng/images/sub1/ps2_img1_2.png') no-repeat center center; }

.philosophy_area .ps2_body { position:relative; max-width:1200px; margin:0 auto; padding:10px 0; overflow:hidden; }
.philosophy_area .ps2_body > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.philosophy_area .ps2_body > ul > li { display:block; float:left; width:50%; padding:50px 20px 50px 90px; border-bottom:1px dotted #d6d6d6; box-sizing:border-box; overflow:hidden; }
.philosophy_area .ps2_body > ul > li:nth-child(1) { background:url('/eng/images/sub1/ps2_img2_1.jpg') no-repeat left 30%; }
.philosophy_area .ps2_body > ul > li:nth-child(2) { background:url('/eng/images/sub1/ps2_img2_2.jpg') no-repeat left 30%; }
.philosophy_area .ps2_body > ul > li:nth-child(3) { background:url('/eng/images/sub1/ps2_img2_3.jpg') no-repeat left 30%; }
.philosophy_area .ps2_body > ul > li:nth-child(4) { background:url('/eng/images/sub1/ps2_img2_4.jpg') no-repeat left 30%; }
.philosophy_area .ps2_body > ul > li:nth-last-child(2) { border-bottom:0; }
.philosophy_area .ps2_body > ul > li:nth-last-child(1) { border-bottom:0; }
.philosophy_area .ps2_body > ul > li > h2 { margin-bottom:15px; font-size:1.5em; color:#404040; font-weight:500; word-break:keep-all; }
.philosophy_area .ps2_body > ul > li > p { line-height:1.8; letter-spacing:-0.02em; word-break:keep-all; }

.philosophy_area .ps3_head { position:relative; height:469px; margin:0 auto; background:#fff url('/eng/images/sub1/ps3_img1_1.jpg') no-repeat center center; background-size:cover; overflow:hidden; }
.philosophy_area .ps3_head .ps_txt_group { position:absolute; left:50%; top:50%; width:auto; max-width:540px; margin-left:-600px; transform:translateY(-50%); word-break:keep-all; }
.philosophy_area .ps3_head .ps_txt_group .txt1 { margin-bottom:14px; font-size:30px; color:#fff; font-weight:500; }
.philosophy_area .ps3_head .ps_txt_group .txt2 { font-size:18px; color:#fff; font-weight:400; line-height:1.5; }

.philosophy_area .ps3_body { position:relative; width:auto; max-width:1200px; margin:0 auto; padding:70px 0; overflow:hidden; }
.philosophy_area .ps3_body h2 { position:relative; margin-bottom:20px; font-size:1.5em; color:#404040; font-weight:500; line-height:1.5; word-break:keep-all; }
.philosophy_area .ps3_body h2:before { position:absolute; left:0; top:-10px; width:22px; height:2px; background:#f04e23; content:""; }
.philosophy_area .ps3_body table { position:relative; width:100%; border-collapse:collapse; border-spacing:0; }
.philosophy_area .ps3_body table:before { position:absolute; left:0; top:0; width:100%; height:2px; background:#333; content:''; z-index:1; }
.philosophy_area .ps3_body table th, .philosophy_area .ps3_body table td { padding:15px 0; text-align:center; border:1px solid #dbdbdb; border-top:0; border-right:0; word-break:keep-all; vertical-align:middle; }
.philosophy_area .ps3_body table th { padding:20px 0; }
.philosophy_area .ps3_body table thead tr th:nth-child(1) { border-left:0; }
.philosophy_area .ps3_body table tbody tr td:nth-child(1) { border-left:0; }

.philosophy_area .ps4_head { position:relative; height:469px; margin:0 auto; background:#ebebeb; overflow:hidden; }
.philosophy_area .ps4_head .ps_txt_group { position:absolute; left:50%; top:50%; width:auto; max-width:540px; margin-left:-600px; transform:translateY(-50%); word-break:keep-all; }
.philosophy_area .ps4_head .ps_txt_group .txt1 { margin-bottom:28px; font-size:1.875em; color:#404040; font-weight:500; }
.philosophy_area .ps4_head .ps_txt_group .txt2 { margin-bottom:47px; font-size:1.125em; color:#606060; line-height:1.5; }
.philosophy_area .ps4_head .ps_txt_group .txt2:nth-last-child(1) { margin-bottom:0;}
.philosophy_area .ps4_head .ps_txt_group .color_1 { font-style:normal; color:#f04e23; border-bottom:1px solid #f04e23; }
.philosophy_area .ps4_head .ps_txt_group .color_2 { font-style:normal; color:#f09223; border-bottom:1px solid #f09223; }
.philosophy_area .ps4_head > img { position:absolute; right:50%; top:0; margin-right:-1000px; }

.philosophy_area .ps4_body { position:relative; margin:0 auto; padding:80px 0; overflow:hidden; }
.philosophy_area .ps4_body .listup { display:block; list-style:none; max-width:1200px; margin:0 auto; padding:0; overflow:hidden; }
.philosophy_area .ps4_body .listup > li { float:left; width:25%; padding:0 2%; text-align:center; box-sizing:border-box; overflow:hidden; }
.philosophy_area .ps4_body .listup .icon { display:inline-block; width:80%; margin:0 auto; }
.philosophy_area .ps4_body .listup .icon > img { max-width:100%; }
.philosophy_area .ps4_body .listup .title { padding:24px 0; }
.philosophy_area .ps4_body .listup .title > em { font-size:1.5em; color:#bcbdc0; }
.philosophy_area .ps4_body .listup .txt { line-height:1.8; word-break:keep-all; }

.philosophy_area .ps4_body2 { display:block; height:464px; background:url('/eng/images/sub1/ps4_img3_1.jpg') no-repeat center top; background-size:cover; }
.philosophy_area .ps4_body2 .box_inner { position:relative; display:block; list-style:none; max-width:1200px; height:100%; margin:0 auto; padding:0; overflow:hidden; }

.philosophy_area .ps4_body2 .txt_box1 { position:absolute; display:block; left:0; top:50%; width:45%; margin:0; padding:0; transform:translateY(-50%); overflow:hidden; }
.philosophy_area .ps4_body2 .txt_box1 > dt { margin:0; padding:0 0 20px; font-size:30px; color:#fff; font-weight:500; overflow:hidden; }
.philosophy_area .ps4_body2 .txt_box1 > dd { margin:0; padding:0; overflow:hidden; }
.philosophy_area .ps4_body2 .txt_box1 > dd p { font-size:18px; color:#fff; line-height:1.8; word-break:keep-all; }

.philosophy_area .ps4_body2 .txt_box2 { position:absolute; display:block; right:0; top:50%; width:40%; margin:0; padding:0; transform:translateY(-50%); overflow:hidden; }
.philosophy_area .ps4_body2 .txt_box2 > dt { margin:0; padding:0 0 20px; font-size:30px; color:#fff; font-weight:500; text-align:center; overflow:hidden; }
.philosophy_area .ps4_body2 .txt_box2 > dd { margin:0; padding:0; overflow:hidden; }
.philosophy_area .ps4_body2 .txt_box2 > dd > ul { overflow:hidden; }
.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li { float:left; width:32%; height:auto; margin-right:2%; overflow:hidden; }
.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li:nth-last-child(1) { margin-right:0; }
.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li > a { display:block; width:100%; height:auto; padding:15px 0; font-size:18px; color:#fff; font-weight:400; text-align:center; background:#f04e23; border-radius:3px; cursor:default; }
.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li > p { padding:15px 0; color:#fff; font-weight:400; text-align:center; }

.greeting_area .gr_box2 { position:relative; width:auto; max-width:1200px; margin:0 auto; padding:60px 0 100px; overflow:hidden; }
.greeting_area .gr_box2 p { font-weight:300; line-height:1.8; word-break:keep-all; }
.greeting_area .gr_box2 > ul { list-style:none; margin:0; padding:0; overflow:hidden; }
.greeting_area .gr_box2 > ul > li { position:relative; display:block; float:left; width:50%; margin-bottom:40px; padding-right:3%; box-sizing:border-box; overflow:hidden; }
.greeting_area .gr_box2 > ul > li:nth-last-child(1) { padding-left:3%; padding-right:0; }
.greeting_area .gr_box2 > ul > li.all { clear:both; margin-right:50%; }
.greeting_area .gr_box2 > ul > li h2 { margin-bottom:20px; font-size:1.5em; color:#404040; font-weight:500; line-height:1.5; letter-spacing:-0.02em; word-break:keep-all; }
.greeting_area .gr_box2 > ul > li h2:before { position:absolute; left:0; top:-10px; width:40px; height:3px; background:#5a514e; content:""; }
.greeting_area .gr_box2 > ul > li p { color:#606060; font-weight:400; line-height:1.8; word-break:keep-all; }
.greeting_area .gr_box2 > ul > li em.orange { font-style:normal; color:#f04e23; font-weight:500; vertical-align:baseline; }
.greeting_area .gr_box2 .gret_txt { font-weight:400; }

/* 회사소개 : 역사관 */
.history_area { background:url('/eng/images/sub1/hs_img2_1.gif') no-repeat center bottom; background-size:contain; overflow:hidden; }

.history_area .hs_box1 { position:relative; display:none; width:100%; height:300px; margin:0 auto; overflow:hidden; }
.history_area .hs_box1 .hs_txt_group { position:absolute; left:50%; top:50%; width:auto; max-width:540px; text-align:center; transform:translateX(-50%) translateY(-70%); word-break:keep-all; }
.history_area .hs_bg4 .hs_txt_group { padding-top:35px;  }
.history_area .hs_box1 .hs_txt_group .txt1 { margin-bottom:20px; font-size:1.875em; color:#fff; font-weight:500; letter-spacing:-0.02em; }
.history_area .hs_box1 .hs_txt_group .txt2 { font-size:1.125em; color:#fff; font-weight:400; letter-spacing:-0.02em; line-height:1.8; }

.history_area .hs_bg1 { display:block; background:#fff url('/img/hs_img1_5.jpg') no-repeat center center; background-size:cover; }
.history_area .hs_bg2 { background:#fff url('/eng/images/sub1/hs_img1_4.jpg') no-repeat center center; background-size:cover; }
.history_area .hs_bg3 { background:#fff url('/eng/images/sub1/hs_img1_3.jpg') no-repeat center center; background-size:cover; }
.history_area .hs_bg4 { background:#fff url('/eng/images/sub1/hs_img1_2.jpg') no-repeat center center; background-size:cover; }
/* add 210901 */
.history_area .hs_bg5 { background:#fff url('/eng/images/sub1/hs_img1_1.jpg') no-repeat center center; background-size:cover; }

.history_area .tab_menu { position:relative; width:auto; max-width:1200px; margin:-60px auto -20px; padding:0 0 100px; overflow:hidden; }
.history_area .tab_menu > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.history_area .tab_menu > ul:after { display:block; content:''; clear:both; }
.history_area .tab_menu > ul > li { float:left; width:19.6%; margin:0 0.2%; text-align:center; overflow:hidden; }
.history_area .tab_menu > ul > li a { display:block; width:100%; height:100%; padding:30px 0; background:#fff; box-sizing:border-box; overflow:hidden; }
.history_area .tab_menu > ul > li .txt1 { display:block; margin-bottom:10px; font-size:1.25em; color:#404040; font-weight:400; letter-spacing:-0.02em; }
.history_area .tab_menu > ul > li .txt2 { display:block; font-size:1em; color:#909090; font-weight:400; letter-spacing:-0.02em; }
.history_area .tab_menu > ul > li.current a { background:#f04e23; }
.history_area .tab_menu > ul > li.current span { color:#fff; }

.history_area .hs_view { position:relative; display:none; width:auto; max-width:1200px; margin:0 auto; padding-bottom:120px; text-align:center; overflow:hidden; }
.history_area #hs_view1 { display:block; }

.history_area .year { position:relative; overflow:hidden; }
.history_area .year:before { position:absolute; left:50%; top:0; width:1px; height:100%; background:#d5d5d5; content:""; z-index:1; }
.history_area .year:after { position:absolute; left:50%; bottom:0; width:10px; height:10px; margin-left:-4px; background:url("/eng/images/sub/icon_diamond.png") no-repeat center center; content:""; z-index:2; overflow:hidden; }
.history_area .year > dt { clear:both; position:relative; padding:50px 0; font-size:1.5625em; color:#f04e23; font-weight:500; background:url("/eng/images/sub1/hs_img2_year.png") no-repeat center center; background-size:contain; z-index:2; }
.history_area .year > dd { position:relative; margin:100px 0 50px; z-index:2; }

.history_area .month { position:relative; }
.history_area .month > li { clear:both; position:relative; float:left; width:50%; margin-top:-4%; font-size:1.125em; color:#606060; font-weight:400; }
.history_area .month > li:before { position:absolute; right:0; width:14px; height:14px; margin-right:-7px; margin-top:-7px; background:#fff; border:3px solid #d5d5d5; border-radius:50%; box-sizing:border-box; content:""; }
.history_area .month > li .month_box { position:relative; margin-right:30px; padding:30px; background:#ebebeb; border:1px solid #dcdcdc; box-sizing:border-box; }
.history_area .month > li .month_box:before { position:absolute; right:0; top:-1px; width:25px; height:25px; margin-right:-25px; background:url('/eng/images/sub1/history_blt02.png') no-repeat left top; content:""; }
.history_area .month > li .month_box > time { display:block; margin-bottom:10px; color:#404040; font-weight:400; text-align:right; }
.history_area .month > li .month_box > p { margin-bottom:10px; text-align:right; line-height:1.5; word-break:keep-all; }
.history_area .month > li .month_box > p:nth-last-child(1) { margin-bottom:0; }

.history_area .month > li:nth-child(odd) { float:right; }
.history_area .month > li:nth-child(odd):before { left:0; margin-right:0; margin-left:-7px; }
.history_area .month > li:nth-child(odd) .month_box { margin:0 0 0 30px; }
.history_area .month > li:nth-child(odd) .month_box:before { left:0; right:auto; top:-1px; margin-right:0; margin-left:-21px; background:url('/eng/images/sub1/history_blt01.png') no-repeat left top; content:""; }
.history_area .month > li:nth-child(odd) .month_box > time { text-align:left; }
.history_area .month > li:nth-child(odd) .month_box > p { text-align:left; }

/* 회사소개 : 오시는 길 */
.location_area { width:auto; max-width:1200px; margin:0 auto; overflow:hidden; }
.location_area h2 { position:relative; margin-bottom:10px; padding:20px 0; font-size:1.75em; color:#404040; font-weight:400; }
.location_area h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }
.location_area .common_inner { padding:0 0 70px 0; }

.location_area .map_box { position:relative; width:85%; height:0; margin:0 auto; padding-bottom:45%; overflow:hidden; }
.location_area .map_box > img { position:absolute; left:0; top:0; width:100%; height:auto; }

.trafic_box { margin-bottom:50px; overflow:hidden; }
.trafic_box:nth-last-child(1) { margin-bottom:0; }
.trafic_box .trafic_inner > li { padding:50px 0; border-bottom:1px dotted #dbdbdb; }
.trafic_box .trafic_inner > li:nth-child(1) { padding-top:0; }
.trafic_box .trafic_inner > li:nth-last-child(1) { padding-bottom:0; border-bottom:0; }

.trafic_box .trafic_guide { position:relative; }
.trafic_box .trafic_guide .abs_middle { position:absolute; left:100px; top:50%; transform:translateY(-50%); }
.trafic_box .trafic_guide .method_1 > li { display:inline-block; line-height:1.8; overflow:hidden; }
.trafic_box .trafic_guide .method_1 > li:after { display:inline-block; width:10px; height:10px; margin:0 5px; background:url('/eng/images/sub/icon_arrow.gif') no-repeat center center; content:""; }
.trafic_box .trafic_guide .method_1 > li:nth-last-child(1):after { display:none; }
.trafic_box .trafic_guide .method_2 > li { padding-left:15px; line-height:1.8; background:url('/eng/images/sub/icon_point_black.png') no-repeat left 50%; }

/* 연구개발 : 특허/산학연연구개발 */
.rd_box1 { position:relative; width:100%; min-width:1200px; height:0; margin:0 auto; padding-bottom:21.3%; background:url('../images/sub3/rd_big_bg.jpg') no-repeat center top; overflow:hidden; }
.rd_box1 .rd_txt_group { position:absolute; left:50%; top:50%; width:560px; text-align:center; word-break:keep-all; transform:translateX(-50%) translateY(-90%); }
.rd_box1 .rd_txt_group .txt1 { margin-bottom:14px; font-size:1.125em; color:#909090; font-weight:400; letter-spacing:-0.02em; text-transform:uppercase; }
.rd_box1 .rd_txt_group .txt2 { font-size:1.875em; color:#404040; font-weight:500; letter-spacing:-0.02em; line-height:1.5; }

.rd_img_box { position:relative; display:block; margin:-100px auto 50px; text-align:center; overflow:hidden; }
.rd_img_box ul { display:inline-block; list-style:none; margin:0 auto; padding:0; overflow:hidden; }
.rd_img_box ul > li { display:inline-block; text-align:center; overflow:hidden; }
.rd_img_box ul > li > img { width:100%; max-width:100%; margin:0 auto; }

.rd_box2 { position:relative; display:block; width:auto; max-width:1200px; margin:0 auto 50px; border:1px solid #dbdbdb; box-sizing:border-box; overflow:hidden; }
.rd_box2 > img { vertical-align:top; }
.rd_box2 .cnt_box { position:absolute; left:53%; top:50%; width:45%; text-align:left; transform:translateY(-50%); box-sizing:border-box; }
.rd_box2 .rd_list { list-style:none; margin:0 5% 0 0; padding:0; overflow:hidden; }
.rd_box2 .rd_list li { margin-bottom:10px; line-height:1.5; word-break:keep-all; }
.rd_box2 .rd_list li:nth-last-child(1) { margin-bottom:0; }
.rd_box2 .rd_list li.icon_point { padding-left:14px; background:url('../images/sub3/blet.gif') no-repeat left 11px; }
.rd_box2 .rd_list li span { display:block; }
.rd_box2 .rd_list strong { font-size:1.25em; font-weight:500; color:#404040; }

/* CI */
.ci_area { overflow:hidden; }
.ci_area .ci_box1 { height:466px; background:url('/eng/images/sub1/ci_bg_1.gif') no-repeat center top; overflow:hidden; }
.ci_area .ci_box2 { height:280px; background:url('/eng/images/sub1/ci_bg_2.gif') repeat-x left top; overflow:hidden; }

.ci_area .ci_body { display:block; width:auto; max-width:1200px; margin:0 auto; padding:60px 0; overflow:hidden; }

.ci_area .ci_inner { position:relative; display:block; width:auto; max-width:1200px; height:100%; margin:0 auto; box-sizing:border-box; overflow:hidden; }
.ci_area .ci_inner:after { display:block; }
.ci_area .ci_inner > .ci_inner_left { position:relative; float:left; width:50%; height:100%; box-sizing:border-box; overflow:hidden; }
.ci_area .ci_inner > .ci_inner_right { position:relative; float:right; width:50%; height:100%; padding-left:60px; padding-top:120px; box-sizing:border-box; }
.ci_area .ci_inner > .ci_inner_right .pd { margin-top:30px; }
.ci_area .abs_img { position:absolute; left:50%; top:50%; width:auto; max-width:100%; transform:translateX(-50%) translateY(-50%); }

.ci_area h2 { position:relative; padding:17px 0; font-size:28px; color:#404040; font-weight:400; }
.ci_area h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }
.ci_area .h2_color_white { color:#fff; }
.ci_area .h2_color_white:before { background:#fff; }

.ci_area .listup_1 { list-style:none; overflow:hidden; }
.ci_area .listup_1 > li { margin-bottom:16px; padding-left:13px; color:#fff; line-height:1.7; background:url('/eng/images/sub/icon_point_white.png') no-repeat left 11px; }
.ci_area .listup_1 > li:nth-last-child(1) { margin-bottom:0; }

.ci_area .summary { margin-bottom:16px; color:#fff; line-height:1.8; word-break:keep-all; }

.ci_area .listup_2 { list-style:none; overflow:hidden; }
.ci_area .listup_2 > li { margin-bottom:16px; padding-left:13px; line-height:1.8; background:url('/eng/images/sub/icon_point_black.png') no-repeat left 11px; }
.ci_area .listup_2 > li:nth-last-child(1) { margin-bottom:0; }

.ci_area .img_listup_1 { list-style:none; margin-top:30px; overflow:hidden; }
.ci_area .img_listup_1 > li { text-align:center; box-sizing:border-box; overflow:hidden; }
.ci_area .img_listup_1 > li img { width:100%; }
.ci_area .img_listup_1 .col_2 { float:left; width:47.5% !important; margin-right:2.5%; border:1px solid #dbdbdb; }
.ci_area .img_listup_1 .col_2:nth-last-child(1) { margin-right:0; }
.ci_area .img_listup_1 .col_3 { float:left; width:31.33%; margin-right:2%; }
.ci_area .img_listup_1 .col_3:nth-last-child(1) { margin-right:0; }

.ci_area .img_listup_2 { position:absolute; list-style:none; left:50%; top:50%; width:100%; margin:0; text-align:center; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); overflow:hidden; }
.ci_area .img_listup_2 > li { position:relative; display:inline-block; height:100%; margin:0 2%; text-align:center; vertical-align:middle; box-sizing:border-box; overflow:hidden; }
.ci_area .img_listup_2 > li > img { max-width:100%; }

.ci_area .img_listup_3 { position:absolute; list-style:none; left:50%; top:50%; width:100%; margin:0; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); overflow:hidden; }
.ci_area .img_listup_3 > li { position:relative; display:block; margin-bottom:47px; box-sizing:border-box; overflow:hidden; }
.ci_area .img_listup_3 > li:nth-last-child(1) { margin-bottom:0; }
.ci_area .img_listup_3 img { max-width:100%; }

.ci_area .img_zone { text-align:center; border:1px solid #dbdbdb; box-sizing:border-box; overflow:hidden; }
.ci_area .img_zone > img { max-width:100%; margin:0 auto; vertical-align:top; }
.ci_area .dwl_zone { overflow:hidden; }
.ci_area .dwl_zone > a { position:relative; display:block; padding:18px 0; color:#fff; font-weight:500; text-align:center; background:#d5d5d5 url('/eng/images/sub1/ci_bg_3.gif') no-repeat left bottom; overflow:hidden; }
.ci_area .dwl_zone > a:after { position:absolute; right:5%; top:50%; width:17px; height:19px; background:url('/eng/images/sub/icon_zoom.png') no-repeat center center; transform:translateY(-50%); content:''; z-index:1; }

.ci_area .download_box { position:absolute; left:60px; bottom:60px; list-style:none; overflow:hidden; }
.ci_area .download_box:after { display:block; content:''; clear:both; }
.ci_area .download_box > li { float:left; margin-right:5px; overflow:hidden; }
.ci_area .download_box > li > a { position:relative; display:block; width:172px; height:50px; background:#fff; border:1px solid #4d4d4d; box-sizing:border-box; overflow:hidden; }
.ci_area .download_box > li > a > span { position:absolute; display:inline-block; left:50%; top:50%; padding-left:30px; color:#4d4d4d; font-weight:500; white-space:nowrap; background:url('/eng/images/sub/icon_download.png') no-repeat left 50%; transform:translateX(-50%) translateY(-50%); box-sizing:border-box; overflow:hidden; }

/* HIPH 평화정공 : 인사제도 */
.rec_img_box_3 { position:relative; height:469px; background:#ebebeb; overflow:hidden; }
.rec_img_box_3 > img { position:absolute; left:50%; }
.rec_img_box_3 > .abs_middle { position:absolute; left:50%; top:50%; width:573px; margin-left:-600px; box-sizing:border-box; transform:translateY(-50%); z-index:1; }
.rec_img_box_3 > .abs_middle > .small_txt { margin-bottom:20px; font-size:18px; color:#909090; font-weight:300; }
.rec_img_box_3 > .abs_middle > .big_txt { font-size:30px; color:#404040; font-weight:400; line-height:1.5; word-break:keep-all; }

.rec_img_box_4 { position:relative; height:469px; background:#ebebeb; overflow:hidden; }
.rec_img_box_4 > img { position:absolute; left:50%; transform:translateX(-50%); }
.rec_img_box_4 > .abs_middle { position:absolute; left:50%; top:50%; width:573px; margin-left:-600px; box-sizing:border-box; transform:translateY(-50%); z-index:1; }
.rec_img_box_4 > .abs_middle > .big_txt { margin-bottom:20px; font-size:30px; color:#fff; font-weight:400; }
.rec_img_box_4 > .abs_middle > .small_txt { font-size:18px; color:#fff; line-height:1.5; word-break:keep-all; }

.recruit_area .cnt_box_3 { position:relative; width:auto; max-width:1200px; margin:0 auto; padding-top:50px; overflow:hidden; }
.recruit_area .cnt_box_3 > dl { margin:0 0 50px; padding:0 0 50px; border-bottom:1px dotted #dbdbdb; overflow:hidden; }
.recruit_area .cnt_box_3 > dl > dt { clear:both; position:relative; float:left; width:20%; min-height:64px; box-sizing:border-box; overflow:hidden; }
.recruit_area .cnt_box_3 > dl > dt > span { position:absolute; left:85px; top:50%; font-size:1.5em; color:#404040; font-weight:400; transform:translateY(-50%); }
.recruit_area .cnt_box_3 > dl > dd { float:left; width:80%; min-height:64px; padding-top:25px; box-sizing:border-box; overflow:hidden; }

.recruit_area dt.title_1_1 { background:url('/eng/images/sub6/s6_3_1_img_1.jpg') no-repeat left top; }
.recruit_area dt.title_1_2 { background:url('/eng/images/sub6/s6_3_1_img_2.jpg') no-repeat left top; }
.recruit_area dt.title_1_3 { background:url('/eng/images/sub6/s6_3_1_img_3.jpg') no-repeat left top; }
.recruit_area dt.title_1_4 { background:url('/eng/images/sub6/s6_3_1_img_4.jpg') no-repeat left top; }

.recruit_area dt.title_2_1 { background:url('/eng/images/sub6/s6_3_2_img_1.jpg') no-repeat left top; }
.recruit_area dt.title_2_2 { background:url('/eng/images/sub6/s6_3_2_img_2.jpg') no-repeat left top; }
.recruit_area dt.title_2_3 { background:url('/eng/images/sub6/s6_3_2_img_3.jpg') no-repeat left top; }
.recruit_area dt.title_2_4 { background:url('/eng/images/sub6/s6_3_2_img_4.jpg') no-repeat left top; }

.recruit_area dt.title_3_1 { background:url('/eng/images/sub6/s6_3_3_img_1.jpg') no-repeat left top; }
.recruit_area dt.title_3_2 { background:url('/eng/images/sub6/s6_3_3_img_2.jpg') no-repeat left top; }
.recruit_area dt.title_3_3 { background:url('/eng/images/sub6/s6_3_3_img_3.jpg') no-repeat left top; }
.recruit_area dt.title_3_4 { background:url('/eng/images/sub6/s6_3_3_img_4.jpg') no-repeat left top; }

.recruit_area .cnt_box_3 .list1 { margin-bottom:25px; }
.recruit_area .cnt_box_3 .list1 > li { display:inline-block; margin-right:20px; padding-right:20px; border-right:1px solid #dbdbdb; vertical-align:middle; }
.recruit_area .cnt_box_3 .list1 > li:nth-last-child(1) { margin-right:0; padding-right:0; border:0; }
.recruit_area .cnt_box_3 .title { margin-bottom:20px; font-size:18px; color:#404040; font-weight:400; }

.recruit_area .cnt_box_3 .list2 { }
.recruit_area .cnt_box_3 .list2 > li { position:relative; margin-bottom:10px; color:#606060; line-height:1; }
.recruit_area .cnt_box_3 .list2 > li:nth-last-child(1) { margin-bottom:0; }
.recruit_area .cnt_box_3 .list2 > li .head{ display:inline-block; width:70px; margin-right:20px; padding:7px 13px; color:#fff; text-align:center; background:#4d4d4d; border-radius:3px; }
.recruit_area .cnt_box_3 .list2 > li .l2_year { position:absolute; top:0; right: -20px; }
.recruit_area .cnt_box_3 .list2 > li:nth-child(5) .l2_year { top:6px; }

.recruit_area .cnt_box_3 .list3 { }
.recruit_area .cnt_box_3 .list3 > li { position:relative; display:inline-block; padding:7px 20px; text-align:center; background:#4d4d4d; border-radius:3px; }
.recruit_area .cnt_box_3 .list3 > li > span { display:inline-block; margin-right:10px; padding-right:10px; color:#fff !important; background:url('/eng/images/sub6/list3_bg.gif') no-repeat right 50%; }
.recruit_area .cnt_box_3 .list3 > li > span:nth-last-child(1) { margin-right:0; padding-right:0; background-image:none; }
.recruit_area .cnt_box_3 .list3 > li { width:400px; height:35px }
.recruit_area .cnt_box_3 .list3 > li:nth-child(2) {margin-left:33px; line-height:32px}
.recruit_area .cnt_box_3 .list3 > li:nth-child(2):before { position:absolute; display:block; left:0; margin-left:-30px; top:50%; width:28px; height:20px; background:url('/eng/images/sub6/list3_bg_arrow.gif') no-repeat left 50%; transform:translateY(-50%); content:''; }
.recruit_area .cnt_box_3 .list3 > li:nth-last-child(1) { background:#f09223; }
.recruit_area .cnt_box_3 .list3 > li:nth-last-child(1) > span { background:url('/eng/images/sub6/list3_bg2.gif') no-repeat right 50%; }

.recruit_area .cnt_box_3 .list4 { margin-bottom:15px; }
.recruit_area .cnt_box_3 .list4 > li { margin-bottom:10px; padding-left:15px; line-height:1.6; background:url('/eng/images/sub/icon_point_black.png') no-repeat left 10px; }

.recruit_area .cnt_box_3 .list5 { box-sizing:border-box; overflow:hidden; }
.recruit_area .cnt_box_3 .list5 > li { position:relative; display:block; width:100%; margin-bottom:10px; padding-left:15px; padding-right:15px; background:url('/eng/images/sub/icon_point_black.png') no-repeat left 10px; box-sizing:border-box; }
.recruit_area .cnt_box_3 .list5 > li .head { display:inline-block; width:70px; margin-right:5px; padding:7px 13px; color:#fff; text-align:center; background:#4d4d4d; border-radius:3px; vertical-align:baseline; }
.recruit_area .cnt_box_3 .list5 > li p { }

.recruit_area .cnt_box_3 table { position:relative; width:100%; border-collapse:collapse; border-spacing:0; }
.recruit_area .cnt_box_3 table:before { position:absolute; left:0; top:0; width:100%; height:2px; background:#404040; content:''; }
.recruit_area .cnt_box_3 table th, .recruit_area .cnt_box_3 table td { padding:17px 17px; text-align:left; border:1px solid #dbdbdb; border-right:0; border-top:0; vertical-align:middle; }
.recruit_area .cnt_box_3 table th { padding-left:20px; color:#404040; font-weight:400; }
.recruit_area .cnt_box_3 table thead tr th { text-align:center; background:#f9f9f9; }
.recruit_area .cnt_box_3 table thead tr th:nth-child(1) { border-left:0; }
.recruit_area .cnt_box_3 table tbody tr th:nth-child(1) { border-left:0; }
.recruit_area .cnt_box_3 table tbody tr td:nth-child(1) { border-left:0; }

.recruit_area .cnt_box_3 .add_table {  }
.recruit_area .cnt_box_3 .add_table .check { background-color:#f04e23; color:#fff; }
.recruit_area .cnt_box_3 .add_table th { text-align:center; }
.recruit_area .cnt_box_3 .add_table td { text-align:center; }
.recruit_area .cnt_box_3 .add_table td .a3 { text-align:center; }
.recruit_area .cnt_box_3 .add_table td .a3 .left { display:block; float:left; width:95px; line-height:30px; text-align:center; background-color:#a6a6a6; color:#fff }
.recruit_area .cnt_box_3 .add_table td .a3 .right { display:block; float:right; }

.recruit_area .tab_menu { position:relative; width:auto; max-width:1200px; margin:0 auto 35px; padding:0; overflow:hidden; }
.recruit_area .tab_menu > ul { display:block; list-style:none; margin:0; padding:0; border:1px solid #dbdbdb; overflow:hidden; }
.recruit_area .tab_menu > ul:after { display:block; content:''; clear:both; }
.recruit_area .tab_menu > ul > li { float:left; width:33.33%; text-align:center; border-right:1px solid #dbdbdb; box-sizing:border-box; overflow:hidden; }
.recruit_area .tab_menu > ul > li:nth-last-child(1) { border-right:0; }
.recruit_area .tab_menu > ul > li a { display:block; width:100%; height:100%; padding:19px 0; font-size:18px; color:#404040; text-align:center; background:#fff; box-sizing:border-box; overflow:hidden; }
.recruit_area .tab_menu > ul > li.current a { color:#fff; background:#4d4d4d; }
.recruit_area .view_box { display:none; }
.recruit_area #view1 { display:block; }

.recruit_area .cnt_box_4 { position:relative; overflow:hidden; }
.recruit_area .cnt_box_4 > ul { list-style:none; margin:0; padding:0; overflow:hidden; }
.recruit_area .cnt_box_4 > ul > li { position:relative; height:469px; box-sizing:border-box; overflow:hidden; }
.recruit_area .cnt_box_4 .abs_middle { position:absolute; top:50%; width:600px; padding:0; box-sizing:border-box; transform:translateY(-50%); overflow:hidden; }
.recruit_area .cnt_box_4 .abs_middle .listup { margin:0; padding:0; overflow:hidden; }
.recruit_area .cnt_box_4 .abs_middle .listup > li { margin-bottom:20px; padding-left:15px; background:url('/eng/images/sub/icon_point_black.png') no-repeat left 50%; }

.recruit_area .cnt_box_4 > ul > li:nth-child(1) { background:#ebebeb; }
.recruit_area .cnt_box_4 > ul > li:nth-child(1) > img { position:absolute; left:50%; top:0; }
.recruit_area .cnt_box_4 > ul > li:nth-child(1) .abs_middle { right:50%; }
.recruit_area .cnt_box_4 > ul > li:nth-child(2) { background:#ffffff; }
.recruit_area .cnt_box_4 > ul > li:nth-child(2) > img { position:absolute; right:50%; top:0; }
.recruit_area .cnt_box_4 > ul > li:nth-child(2) .abs_middle { left:50%; padding-left:50px; }
.recruit_area .cnt_box_4 > ul > li:nth-child(3) { background:#ffffff; }
.recruit_area .cnt_box_4 > ul > li:nth-child(3) > img { position:absolute; left:50%; top:0; }
.recruit_area .cnt_box_4 > ul > li:nth-child(3) .abs_middle { right:50%; }
.recruit_area .cnt_box_4 > ul > li:nth-child(4) { background:#ebebeb; }
.recruit_area .cnt_box_4 > ul > li:nth-child(4) > img { position:absolute; right:50%; top:0; }
.recruit_area .cnt_box_4 > ul > li:nth-child(4) .abs_middle { left:50%; padding-left:50px; }

.recruit_area .cnt_box_5 { position:relative; width:auto; max-width:1200px; margin:0 auto; padding-top:50px; overflow:hidden; }
.recruit_area .cnt_box_5 > dl { margin:0 0 50px; padding:0 0 50px; border-bottom:1px dotted #dbdbdb; overflow:hidden; }
.recruit_area .cnt_box_5 > dl > dt { clear:both; position:relative; float:left; width:25%; min-height:64px; box-sizing:border-box; overflow:hidden; }
.recruit_area .cnt_box_5 > dl > dt > span { position:absolute; left:85px; top:50%; font-size:24px; color:#404040; font-weight:400; transform:translateY(-50%); }
.recruit_area .cnt_box_5 > dl > dd { float:left; width:75%; min-height:64px; padding-top:20px; box-sizing:border-box; overflow:hidden; }
.recruit_area .cnt_box_5 > dl > dd.dd_clear { float:none; width:100%; }

.recruit_area .cnt_box_5 ul { list-style:none; margin:0; padding:0; box-sizing:border-box; overflow:hidden; }
.recruit_area .cnt_box_5 li { list-style:none; margin:0; padding:0; box-sizing:border-box; overflow:hidden; }

.recruit_area .cnt_box_5 .list1 { margin-bottom:15px; }
.recruit_area .cnt_box_5 .list1 > li { margin-bottom:10px; padding-left:15px; line-height:1.6; background:url('/eng/images/sub/icon_point_black.png') no-repeat left 10px; }

.recruit_area .cnt_box_5 .list2 { margin-bottom:15px; }
.recruit_area .cnt_box_5 .list2 > li { float:left; width:50%; margin-bottom:10px; padding-left:15px; padding-right:15px; line-height:1.6; background:url('/eng/images/sub/icon_point_black.png') no-repeat left 10px; }

.recruit_area .cnt_box_5 .list3 { margin-bottom:15px; }
.recruit_area .cnt_box_5 .list3 > li { margin-bottom:10px; padding-left:15px; line-height:1.6; }
.recruit_area .cnt_box_5 .list3 > li .head { display:inline-block; width:150px; margin-right:30px; padding:7px 13px; color:#fff; text-align:center; background:#4d4d4d; border-radius:3px; vertical-align:baseline; }
.recruit_area .cnt_box_5 .list3 > li .info_txt { width:75%; display:inline-block; }


/* 회사소개 : 글로벌 네트워크 */
.map_area { position:relative; display:block; border-bottom:1px solid #dbdbdb; overflow:hidden; }
.map_area h2 { position:relative; margin-bottom:10px; padding:20px 0; font-size:28px; color:#404040; font-weight:400; }
.map_area h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }
.map_area .map_box { position:relative; overflow:hidden; }
.map_area .map_box > img { max-width:100%; }

.map_point_type_1 { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_1 .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_1 .line { position:absolute; left:0; top:0; width:1px; height:142px; background:#666; transform-origin:0 0; transform:rotate(225deg); content:""; }
.map_point_type_1 a { position:absolute; left:100px; top:-128px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.map_point_type_1_half { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_1_half .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_1_half .line { position:absolute; left:0; top:0; width:1px; height:47px; background:#666; transform-origin:0 0; transform:rotate(225deg); content:""; }
.map_point_type_1_half a { position:absolute; left:33px; top:-62px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.map_point_type_2 { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_2 .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_2 .line { position:absolute; left:0; top:0; width:1px; height:142px; background:#666; transform-origin:0 0; transform:rotate(315deg); content:""; }
.map_point_type_2 a { position:absolute; left:100px; top:100px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.map_point_type_2_half { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_2_half .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_2_half .line { position:absolute; left:0; top:0; width:1px; height:47px; background:#666; transform-origin:0 0; transform:rotate(315deg); content:""; }
.map_point_type_2_half a { position:absolute; left:33px; top:33px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.map_point_type_3 { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_3 .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_3 .line { position:absolute; left:0; top:0; width:1px; height:142px; background:#666; transform-origin:0 0; transform:rotate(45deg); content:""; }
.map_point_type_3 a { position:absolute; right:108px; top:100px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.map_point_type_3_half { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_3_half .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_3_half .line { position:absolute; left:0; top:0; width:1px; height:47px; background:#666; transform-origin:0 0; transform:rotate(45deg); content:""; }
.map_point_type_3_half a { position:absolute; right:42px; top:33px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.map_point_type_3_half2 { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_3_half2 .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_3_half2 .line { position:absolute; left:0; top:0; width:1px; height:84px; background:#666; transform-origin:0 0; transform:rotate(45deg); content:""; }
.map_point_type_3_half2 a { position:absolute; right:42px; top:33px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.map_point_type_4 { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_4 .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_4 .line { position:absolute; left:0; top:0; width:1px; height:142px; background:#666; transform-origin:0 0; transform:rotate(135deg); content:""; }
.map_point_type_4 a { position:absolute; right:108px; top:-128px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.map_point_type_4_half { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_4_half .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_4_half .line { position:absolute; left:0; top:0; width:1px; height:47px; background:#666; transform-origin:0 0; transform:rotate(135deg); content:""; }
.map_point_type_4_half a { position:absolute; right:36px; top:-54px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.map_point_type_4_half2 { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_4_half2 .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_4_half2 .line { position:absolute; left:0; top:0; width:1px; height:80px; background:#666; transform-origin:0 0; transform:rotate(135deg); content:""; }
.map_point_type_4_half2 a { position:absolute; right:64px; top:-82px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.map_point_type_5 { position:absolute; display:block; width:10px; height:10px; margin:0; padding:0; box-sizing:border-box; }
.map_point_type_5 .circle { position:relative; display:block; width:6px; height:6px; margin:-3px 0 0 -3px; background:#666; border-radius:50%; z-index:3; }
.map_point_type_5 .line { position:absolute; left:0; top:0; width:1px; height:120px; background:#666; transform-origin:0 0; transform:rotate(180deg); content:""; }
.map_point_type_5 a { position:absolute; left:-50px; top:-140px; height:30px; line-height:26px; margin:0; padding:0 8px; color:#333; text-align:right; white-space:nowrap; background:#fff; border:1px solid #666; border-radius:3px; box-sizing:border-box; }

.mp_color_1 > a { color:#237ff0; border:1px solid #237ff0; }
.mp_color_1 > .circle { background:#237ff0; }

.mp_color_2 > a { color:#f09223; border:1px solid #ee962d; }
.mp_color_2 > .circle { background:#f09223; }

.mp_color_3 > a { color:#fff; background:#f09223; border:1px solid #f09223; }
.mp_color_3 > .circle { background:#f09223; }

.mp_color_4 > a { color:#fff; background:#2d8f59; border:1px solid #2d8f59; }
.mp_color_4 > .circle { background:#2d8f59; }

.mp_color_5 > a { color:#fff; background:#237ff0; border:1px solid #237ff0; }
.mp_color_5 > .circle { background:#237ff0; }

.mp_color_6 > a { color:#fff; background:#333; border:1px solid #333; }
.mp_color_6 > .circle { background:#333; }

.mp_color_7 > a { color:#fff; background:#333; border:1px solid #333; }
.mp_color_7 > .circle { background:#333; }

.point_on .circle {
	animation:point_ani 1s infinite;
}

.recruit_area .rec_tab { position:relative; display:block; width:auto; max-width:1200px; margin:-70px auto 70px; padding-bottom:10px; overflow:hidden; z-index:10; }
.recruit_area .rec_tab > li { float:left; width:17.6%; margin-right:3%; text-align:center; background:#fff; border:1px solid #e5e5e5; box-shadow:0px 1px 4px rgba(0,0,0,0.1); box-sizing:border-box; overflow:hidden; }
.recruit_area .rec_tab > li:nth-last-child(1) { margin-right:0; }
.recruit_area .rec_tab > li > a { position:relative; display:block; width:100%; height:0; padding-bottom:65%; box-sizing:border-box; overflow:hidden; }
.recruit_area .rec_tab > li > a > span { position:absolute; display:block; left:0; right:0; top:65%; width:100%; font-size:1.5em; color:#404040; font-weight:400; }
.recruit_area .rec_tab > li > a > img { margin-bottom:10px; }
.recruit_area .rec_tab > li:nth-child(1) > a { background:#fff url('/eng/images/sub6/s6_2_img_1.png') no-repeat center 25%; }
.recruit_area .rec_tab > li:nth-child(2) > a { background:url('/eng/images/sub6/s6_2_img_2.png') no-repeat center 25%; }
.recruit_area .rec_tab > li:nth-child(3) > a { background:url('/eng/images/sub6/s6_2_img_3.png') no-repeat center 25%; }
.recruit_area .rec_tab > li:nth-child(4) > a { background:url('/eng/images/sub6/s6_2_img_4.png') no-repeat center 25%; }
.recruit_area .rec_tab > li:nth-child(5) > a { background:url('/eng/images/sub6/s6_2_img_5.png') no-repeat center 25%; }

.recruit_area .rec_tab > li:hover { border:1px solid #f09223; }
.recruit_area .rec_tab > li:nth-child(1):hover > a { background:#f09223 url('/eng/images/sub6/s6_2_img_1_over.png') no-repeat center 25%; }
.recruit_area .rec_tab > li:nth-child(2):hover > a { background:#f09223 url('/eng/images/sub6/s6_2_img_2_over.png') no-repeat center 25%; }
.recruit_area .rec_tab > li:nth-child(3):hover > a { background:#f09223 url('/eng/images/sub6/s6_2_img_3_over.png') no-repeat center 25%; }
.recruit_area .rec_tab > li:nth-child(4):hover > a { background:#f09223 url('/eng/images/sub6/s6_2_img_4_over.png') no-repeat center 25%; }
.recruit_area .rec_tab > li:nth-child(5):hover > a { background:#f09223 url('/eng/images/sub6/s6_2_img_5_over.png') no-repeat center 25%; }
.recruit_area .rec_tab > li:hover > a > span { color:#fff; }

.recruit_area .rec_tab > li.current { border:1px solid #f09223; }
.recruit_area .rec_tab > li.current:nth-child(1) > a { background:#f09223 url('/eng/images/sub6/s6_2_img_1_over.png') no-repeat center 25%; }
.recruit_area .rec_tab > li.current:nth-child(2) > a { background:#f09223 url('/eng/images/sub6/s6_2_img_2_over.png') no-repeat center 25%; }
.recruit_area .rec_tab > li.current:nth-child(3) > a { background:#f09223 url('/eng/images/sub6/s6_2_img_3_over.png') no-repeat center 25%; }
.recruit_area .rec_tab > li.current:nth-child(4) > a { background:#f09223 url('/eng/images/sub6/s6_2_img_4_over.png') no-repeat center 25%; }
.recruit_area .rec_tab > li.current:nth-child(5) > a { background:#f09223 url('/eng/images/sub6/s6_2_img_5_over.png') no-repeat center 25%; }
.recruit_area .rec_tab > li.current > a > span { color:#fff; }

.product_photo .other_product_list { position:absolute; list-style:none; left:50%; top:50%; width:100%; margin:0; padding:0; text-align:center; transform:translateX(-50%) translateY(-50%); overflow:hidden; }
.product_photo .other_product_list > li { position:relative; display:inline-block; margin-bottom:20px; text-align:center; box-sizing:border-box; overflow:hidden; }
.product_photo .other_product_list > li.col_3 { width:33%; }
.product_photo .other_product_list > li.col_2 { width:45%; margin-bottom:0; }
.product_photo .other_product_list > li > img { display:block; margin:0 auto; }
.product_photo .btn_other { position:relative; display:inline-block; margin:20px auto 0; padding:10px 16px; color:#fff; text-align:center; background:#444; border-radius:4px; vertical-align:middle; z-index:2; }

/* 포인트를 기준으로 가지가 아래방향으로 위치하는 형태 */
.btn_prd_dn_1 { position:absolute; left:0; top:50%; width:16px; height:16px; background:#fff; border:4px solid #f04e23; border-radius:50%; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); z-index:1; }
.btn_prd_dn_1:after { position:absolute; left:50%; top:calc(50% + 8px); width:1px; height:calc(100px - 24px); background:#f04e23; content:""; z-index:0; }
.btn_prd_dn_1 > ul { position:absolute; list-style:none; right:0; bottom:-100px; padding:0 30px 0 0; }
.btn_prd_dn_1 > ul > li { position:relative; display:block; margin-bottom:6px; padding:6px 10px; background:#444; border:1px solid #fff; border-radius:3px; z-index:2; }
.btn_prd_dn_1 > ul > li:after { position:absolute; right:-27px; top:50%; width:28px; height:1px; background:red; content:""; }
.btn_prd_dn_1 > ul > li span { font-size:0.875em; color:#fff; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.btn_prd_dn_2 { position:absolute; left:0; top:50%; width:16px; height:16px; background:#fff; border:4px solid #f04e23; border-radius:50%; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); z-index:1; }
.btn_prd_dn_2:after { position:absolute; left:50%; top:calc(50% + 8px); width:1px; height:calc(200px - 24px); background:#f04e23; content:""; z-index:0; }
.btn_prd_dn_2 > ul { position:absolute; list-style:none; right:0; bottom:-200px; padding:0 30px 0 0; }
.btn_prd_dn_2 > ul > li { position:relative; display:block; margin-bottom:6px; padding:6px 10px; background:#444; border:1px solid #fff; border-radius:3px; z-index:2; }
.btn_prd_dn_2 > ul > li:after { position:absolute; right:-27px; top:50%; width:28px; height:1px; background:red; content:""; }
.btn_prd_dn_2 > ul > li span { font-size:0.875em; color:#fff; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.btn_prd_dn_3 { position:absolute; left:0; top:50%; width:16px; height:16px; background:#fff; border:4px solid #f04e23; border-radius:50%; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); z-index:1; }
.btn_prd_dn_3:after { position:absolute; left:50%; top:calc(50% + 8px); width:1px; height:calc(300px - 24px); background:#f04e23; content:""; z-index:0; }
.btn_prd_dn_3 > ul { position:absolute; list-style:none; right:0; bottom:-300px; padding:0 30px 0 0; }
.btn_prd_dn_3 > ul > li { position:relative; display:block; margin-bottom:6px; padding:6px 10px; background:#444; border:1px solid #fff; border-radius:3px; z-index:2; }
.btn_prd_dn_3 > ul > li:after { position:absolute; right:-27px; top:50%; width:28px; height:1px; background:red; content:""; }
.btn_prd_dn_3 > ul > li span { font-size:0.875em; color:#fff; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/* 포인트를 기준으로 가지가 윗방향으로 위치하는 형태 */
.btn_prd_up_1 { position:absolute; left:0; top:50%; width:16px; height:16px; background:#fff; border:4px solid #f04e23; border-radius:50%; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); z-index:1; }
.btn_prd_up_1:after { position:absolute; left:50%; bottom:calc(50% + 8px); width:1px; height:calc(150px - 19px); background:#f04e23; content:""; z-index:0; }
.btn_prd_up_1 > ul { position:absolute; list-style:none; left:0; top:-150px; padding:0 0 0 30px; }
.btn_prd_up_1 > ul > li { position:relative; display:block; margin-bottom:6px; padding:6px 10px; background:#444; border:1px solid #fff; border-radius:3px; z-index:2; }
.btn_prd_up_1 > ul > li:before { position:absolute; left:-27px; top:50%; width:28px; height:1px; background:red; content:""; }
.btn_prd_up_1 > ul > li span { font-size:0.875em; color:#fff; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.btn_prd_up_2 { position:absolute; left:0; top:50%; width:16px; height:16px; background:#fff; border:4px solid #f04e23; border-radius:50%; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); z-index:1; }
.btn_prd_up_2:after { position:absolute; left:50%; bottom:calc(50% + 8px); width:1px; height:calc(200px - 19px); background:#f04e23; content:""; z-index:0; }
.btn_prd_up_2 > ul { position:absolute; list-style:none; left:0; top:-200px; padding:0 0 0 30px; }
.btn_prd_up_2 > ul > li { position:relative; display:block; margin-bottom:6px; padding:6px 10px; background:#444; border:1px solid #fff; border-radius:3px; z-index:2; }
.btn_prd_up_2 > ul > li:before { position:absolute; left:-27px; top:50%; width:28px; height:1px; background:red; content:""; }
.btn_prd_up_2 > ul > li span { font-size:0.875em; color:#fff; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.btn_prd_up_3 { position:absolute; left:0; top:50%; width:16px; height:16px; background:#fff; border:4px solid #f04e23; border-radius:50%; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); z-index:1; }
.btn_prd_up_3:after { position:absolute; left:50%; bottom:calc(50% + 8px); width:1px; height:calc(300px - 19px); background:#f04e23; content:""; z-index:0; }
.btn_prd_up_3 > ul { position:absolute; list-style:none; left:0; top:-300px; padding:0 0 0 30px; }
.btn_prd_up_3 > ul > li { position:relative; display:block; margin-bottom:6px; padding:6px 10px; background:#444; border:1px solid #fff; border-radius:3px; z-index:2; }
.btn_prd_up_3 > ul > li:before { position:absolute; left:-27px; top:50%; width:28px; height:1px; background:red; content:""; }
.btn_prd_up_3 > ul > li span { font-size:0.875em; color:#fff; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.btn_prd_etc { position:absolute; left:0; top:50%; width:16px; height:16px; background:#fff; border:4px solid #f04e23; border-radius:50%; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); z-index:1; }
.btn_prd_etc:after { position:absolute; right:8px; top:50%; width:216px; height:1px; background:#f04e23; content:""; z-index:0; }

.product_box { position:relative; width:auto; max-width:1200px; margin:80px auto 100px; padding:0; }
.product_box > header { overflow:hidden; }
.product_box > header > h1 { position:relative; padding:15px 0; font-size:28px; color:#404040; font-weight:400; letter-spacing:-0.02em; }
.product_box > header > h1:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }

.p_list_up { display:block; overflow:hidden; }
.p_list_up:after { display:block; content:''; clear:both; }
.p_list_up > li { float:left; width:20%; box-sizing:border-box; overflow:hidden; }
.p_list_up > li .p_box { width:100%; height:auto; }
.p_list_up > li .p_box > figure { margin-bottom:20px; text-align:center; border:0px solid #dbdbdb; box-sizing:border-box; overflow:hidden; }
.p_list_up > li .p_box > figure img { width:100%; vertical-align:top; }
.p_list_up > li .p_box > .title { color:#606060; text-align:center; }

.control_box { position:absolute; right:0; top:10px; display:inline-block; overflow:hidden; }
.control_box > li { float:left; width:39px; height:39px; margin-left:3px; background:#4d4d4d; overflow:hidden; }
.control_box > li > a { position:relative; display:block; width:100%; height:100%; overflow:hidden; }
.control_box > li > a > span { position:absolute; left:-9999px; top:-9999px; }
.control_box > li:nth-child(1) > a:after { position:absolute; left:50%; top:50%; font-family:"FontAwesome"; color:#fff; content:'\f104'; transform:translateX(-50%) translateY(-50%); }
.control_box > li:nth-child(2) > a:after { position:absolute; left:50%; top:50%; font-family:"FontAwesome"; color:#fff; content:'\f105'; transform:translateX(-50%) translateY(-50%); }


/* 연구개발 */

/* IR센터 */

/* 신용평가 */
.finance_area { overflow:hidden; }
.finance_area h2 { position:relative; margin-bottom:10px; padding:20px 0; font-size:1.75em; color:#404040; font-weight:400; }
.finance_area h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }

.fn_img_box { position:relative; width:100%; min-width:1200px; height:469px; margin:0 auto; background:#fff url('/img/s4_1_bg_1.jpg') no-repeat center top; overflow:hidden; }
.fn_img_txt_box { position:absolute; left:50%; top:50%; width:37%; margin-left:-600px; transform:translateY(-50%); overflow:hidden; }
.fn_img_txt_box .b_txt { margin-bottom:28px; font-size:1.875em; color:#404040; font-weight:400; }
.fn_img_txt_box .s_txt { font-size:1.125em; color:#606060; line-height:1.8; word-break:keep-all; }
.fn_img_txt_box .s_txt span { display:block; }

.fn_cnt_box { display:block; width:auto; max-width:1200px; margin:70px auto; padding:0; overflow:hidden; }
.fn_cnt_box table { position:relative; width:100%; border-collapse:collapse; border-spacing:0; }
.fn_cnt_box table:before { position:absolute; left:0; top:0; width:100%; height:2px; background:#404040; content:''; }
.fn_cnt_box table th, .fn_cnt_box table td { padding:17px 17px; color:#606060; text-align:center; border:1px solid #dbdbdb; border-right:0; border-top:0; vertical-align:middle; }
.fn_cnt_box table th { color:#404040; font-weight:400; }
.fn_cnt_box table thead tr th:nth-child(1) { border-left:0; }
.fn_cnt_box table tbody tr td:nth-child(1) { border-left:0; }
.fn_cnt_box .p_guide { margin-top:30px; padding-bottom:5px; color:#909090; text-align:right; }

/* 재무정보 */
.fn_img_box3 { position:relative; width:100%; max-width:1200px; height:auto; margin:0 auto 50px; padding:0; box-sizing:border-box; overflow:hidden; }
.fn_img_box3 .p_guide { margin-top:20px; color:#909090; text-align:center; }

.fn_img_box3 .fn_unit { display:inline-block; list-style:none; width:auto; margin:0; padding:20px 30px; background:rgba(256,256,256,0.3); overflow:hidden; }
.fn_img_box3 .fn_unit > li { margin-bottom:15px; color:#606060; }
.fn_img_box3 .fn_unit > li:nth-last-child(1) { margin-bottom:0; }
.fn_img_box3 .fn_unit > li > .circle { display:inline-block; width:15px; height:15px; border-radius:50%; vertical-align:middle; box-sizing:border-box; overflow:hidden; }
.fn_img_box3 .fn_unit > li > .c_orange { background:#f09223; }
.fn_img_box3 .fn_unit > li > .c_red { background:#ed5823; }

.fn_img_box3 .imgs_box { position:relative; width:90%; margin:30px auto 0; padding:80px 30px 30px; background:#f9f9f9; border:1px solid #ddd; box-sizing:border-box; box-shadow:0 2px 4px rgba(0,0,0,0.1); }
.fn_img_box3 .imgs_box > .unit { position:absolute; right:3%; top:7%; }
.fn_img_box3 .imgs_box > img { max-width:100%; }

/* 회사소개 : 글로벌 네트워크 */
.office_area { position:relative; overflow:hidden; }
.office_area h2 { position:relative; margin-bottom:10px; padding:20px 0; font-size:28px; color:#404040; font-weight:400; }
.office_area h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }

.office_box { position:relative; display:table; width:100%; border-collapse:collapse; border-spacing:0; overflow:hidden; }
.office_box > div { display:table-cell; vertical-align:top; box-sizing:border-box; overflow:hidden; }
.office_box > div:nth-child(1) { width:22.75%; }
.office_box > div:nth-child(2) { width:4%; }
.office_box > div:nth-child(3) { width:73.25%; }

.office_box1 { position:relative; display:table; width:100%; border-collapse:collapse; border-spacing:0; overflow:hidden; }
.office_box1 > div { display:table-cell; vertical-align:top; box-sizing:border-box; overflow:hidden; }
.office_box1 > div:nth-child(1) { width:22.75%; }
.office_box1 > div:nth-child(2) { width:4%; }
.office_box1 > div:nth-child(3) { width:73.25%; }

.office_photo { border:1px solid #dbdbdb; overflow:hidden; }
.office_photo > img { max-width:100%; vertical-align:top; }

.office_info { overflow:hidden; }
.office_info > li { position:relative; margin-bottom:20px; padding-left:160px; line-height:1.5; letter-spacing:-0.04em;}
.office_info > li:nth-last-child(1) { margin-bottom:0; }
.office_info > li .head { position:absolute; top:2px; left:0; width:140px; padding-left:10px; color:#404040; font-weight:400; background:url('/eng/images/sub/icon_point_black.png') no-repeat left 50%; box-sizing:border-box; line-height:1.2}
.office_info > li.multi { padding-left:0; }
.office_info > li.multi > .head { position:relative; }
.office_info > li.year {padding-left:140px;}
.office_info > li.year .head {width:auto;}


/* 홍보센터 ***********************************************************************************************************************/
.pm_area { overflow:hidden; }

/* 디지털 브로셔 */
.pm_img_box { position:relative; width:100%; min-width:1200px; height:466px; margin:0 auto; background:#fff url('/eng/images/sub5/s5_2_bg_1.jpg') no-repeat center top; overflow:hidden; }
.pm_img_box > img { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); }
.pm_cnt_box { position:relative; display:block; width:auto; max-width:1200px; margin:80px auto; text-align:center; box-sizing:border-box; overflow:hidden; }
.pm_cnt_box .b_txt { margin-bottom:20px; font-size:1.75em; color:#404040; font-weight:400; line-height:1.5; word-break:keep-all; }
.pm_cnt_box .s_txt { margin-bottom:50px; line-height:1.5; word-break:keep-all; }
.pm_cnt_box .btn_box { overflow:hidden; }
.pm_cnt_box .btn_box > a { position:relative; display:inline-block; width:190px; height:50px; color:#4d4d4d; text-align:center; border:1px solid #4d4d4d; box-sizing:border-box; overflow:hidden; }
.pm_cnt_box .btn_box > a > span { position:absolute; display:inline-block; left:50%; top:50%; padding-left:30px; color:#4d4d4d; font-weight:500; white-space:nowrap; background:url('/eng/images/sub/icon_download.png') no-repeat left 50%; transform:translateX(-50%) translateY(-50%); box-sizing:border-box; overflow:hidden; }

/* 지속가능경영 */
.pm4_img_box { position:relative; min-width:1200px; height:676px; margin:0; padding:0; background:#ebebeb url('/eng/images/sub5/s5_4_bg_1.jpg') no-repeat center top; }
.pm4_img_txt_box { position:absolute; left:50%; top:15%; width:38%; text-align:center; transform:translateX(-50%); overflow:hidden; }
.pm4_img_txt_box .b_txt { margin-bottom:28px; font-size:1.875em; color:#404040; font-weight:400; line-height:1.5; word-break:keep-all; }
.pm4_img_txt_box .b_txt .color_orange { color:#f04e23; }
.pm4_img_txt_box .s_txt { width:75%; margin:0 auto; font-size:1.125em; color:#606060; line-height:1.8; word-break:keep-all; }
.pm4_img_txt_box .s_txt > b { color:#404040; font-weight:400; }

.pm4_txt_box1 { position:relative; display:block; width:auto; max-width:1200px; margin:-300px auto; padding:0 0 300px; overflow:hidden; z-index:2; }
.pm4_txt_box1 .list_fr { list-style:none; margin:0; padding:0; overflow:hidden; }
.pm4_txt_box1 .list_fr > li { position:relative; float:left; width:48.5%; margin-right:3%; margin-bottom:40px; padding:40px; background:#fff; border:1px solid #f1f1f1; box-shadow:0 2px 2px rgba(0,0,0,0.3); box-sizing:border-box; overflow:hidden; }
.pm4_txt_box1 .list_fr > li > h2 { margin-bottom:23px; padding:5px 0 5px 35px; font-size:24px; color:#404040; font-weight:400; }
.pm4_txt_box1 .list_fr > li:nth-child(1) > h2 { background:url('/eng/images/sub5/s5_2_icon_1.png') no-repeat left 50%; }
.pm4_txt_box1 .list_fr > li:nth-child(2) > h2 { background:url('/eng/images/sub5/s5_2_icon_2.png') no-repeat left 50%; }
.pm4_txt_box1 .list_fr > li:nth-child(3) > h2 { background:url('/eng/images/sub5/s5_2_icon_3.png') no-repeat left 50%; }
.pm4_txt_box1 .list_fr > li:nth-child(4) > h2 { background:url('/eng/images/sub5/s5_2_icon_4.png') no-repeat left 50%; }
.pm4_txt_box1 .list_fr > li:nth-child(5) > h2 { background:url('/eng/images/sub5/s5_2_icon_5.png') no-repeat left 50%; }
.pm4_txt_box1 .list_fr > li:nth-child(6) > h2 { background:url('/eng/images/sub5/s5_2_icon_6.png') no-repeat left 50%; }
.pm4_txt_box1 .list_fr > li:nth-child(2n+2) { margin-right:0; }
.pm4_txt_box1 .list_fr > li:nth-child(2n+1) { clear:both; }
.pm4_txt_box1 .list_fr > li.styler {color:#fff; background: #4d4d4d;}
.pm4_txt_box1 .list_fr > li.styler h2 , .pm4_txt_box1 .list_fr > li.styler li {color:#fff;}
.over_visible_ul > li > ul > li {overflow:visible !important;}
.pm4_txt_box1 .listup > li { float:left; width:50%; margin-bottom:16px; padding-left:15px; background:url('/eng/images/sub/icon_point_black.png') no-repeat left 50%; box-sizing:border-box; overflow:hidden; }
.pm4_txt_box1 .list_size_pv li { width:45%; }
.pm4_txt_box1 .list_size_pv .pv_left { margin-right:10% }
.pm4_txt_box1 .list_size_pv .pv_right { }
.pm4_txt_box1 .listup > li:nth-child(2n+1) { clear:both; }
.pm4_txt_box1 .listup > li:nth-last-child(1) { margin-bottom:0; }

.pm4_txt_box1 .list_fr > li.style { background:#4d4d4d; }
.pm4_txt_box1 .list_fr > li.style > h2 { color:#fff; }
.pm4_txt_box1 .list_fr > li.style > .listup > li { color:#fff; background:url('/eng/images/sub/icon_point_white.png') no-repeat left 50%; }


/* 평화큰나무복지재단 */
.pm4_img_box2 { position:relative; min-width:1200px; height:469px; margin:0; padding:0; background:#ebebeb url('/eng/images/sub5/s5_4_bg_2.jpg') no-repeat center top; }
.pm4_img_txt_box2 { position:absolute; left:50%; top:50%; width:32%; margin-left:-600px; transform:translateY(-50%); overflow:hidden; }
.pm4_img_txt_box2 .b_txt { margin-bottom:28px; font-size:30px; color:#fff; font-weight:400; }
.pm4_img_txt_box2 .s_txt { font-size:18px; color:#fff; line-height:1.8; word-break:keep-all; }

.pm4_txt_box2 { position:relative; display:block; width:auto; max-width:1200px; margin:70px auto; padding:0; overflow:hidden; }
.pm4_txt_box2 > h2 { position:relative; margin-bottom:30px; padding-top:16px; font-size:28px; color:#404040; font-weight:400; }
.pm4_txt_box2 > h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }

.pm4_txt_box2 > .list_fr > li { float:left; width:31.66%; margin-right:2.5%; }
.pm4_txt_box2 > .list_fr > li:nth-last-child(1) { margin-right:0; }
.pm4_txt_box2 > .list_fr > li > h3 { margin:30px 0; font-size:24px; color:#404040; font-weight:400; text-align:center; overflow:hidden; }

.pm4_txt_box2 .listup > li { margin-bottom:16px; padding-left:15px; line-height:1.8; word-break:keep-all; background:url('/eng/images/sub/icon_point_black.png') no-repeat left 11px; box-sizing:border-box; overflow:hidden; }
.pm4_txt_box2 .listup > li:nth-last-child(1) { margin-bottom:0; }

/* IR센터 */
.info_area { display:block; }
.info_area .img img { display:block; }

.rule_area { display:block; padding:60px 0 120px; background:#ebebeb; }
.rule_area .rule_inner { display:block; max-width:1200px; margin:0 auto; padding:35px 40px; background:#fff; box-sizing:border-box; }
.rule_box { display:block; margin:0 0 35px; }
.rule_box .title { display:block; margin:0 0 25px; font-size:1.25em; font-weight:500; color:#333; }
.rule_box .s_title { display:block; margin:0 0 8px; font-size:0.93em; color:#606060; }
.rule_box .text { display:block; line-height:1.8; font-size:0.93em; color:#606060; }
.rule_box .text span { display:block; }
.rule_box > .rule_list { display:block; margin:0; padding:0; list-style:none; overflow:hidden; }
.rule_box > .rule_list > li { display:block; margin:0 0 35px; }
.rule_box .rule_sbox { display:block; margin:35px 0 0; padding:0; list-style:none; overflow:hidden; }
.rule_box .rule_sbox li { display:block; line-height:1.3; margin:0 0 10px; font-size:0.93em; color:#606060; }
.rule_box .rule_sbox li:last-child { margin:0; }

.map_guide_frame { position:relative; display:block; border-bottom:1px solid #dbdbdb; overflow:hidden; }
.map_guide { position:relative; width:auto; max-width:1200px; height:72px; margin:0 auto; overflow:hidden; }
.map_guide > .text { position:absolute; left:0; top:50%; padding:30px 0 30px 37px; color:#404040; background:url('/eng/images/sub/icon_guide.gif') no-repeat left 50%; transform:translateY(-50%); }
.map_guide > .icon_guide { position:absolute; display:inline-block; right:0; top:50%; transform:translateY(-50%); }
.map_guide > .icon_guide > li { float:left; padding:0 30px; background:url('/eng/images/sub/icon_line.gif') no-repeat left 50%; }
.map_guide > .icon_guide > li > span { position:relative; display:inline-block; padding-left:15px; color:#606060; vertical-align:baseline; }
.map_guide > .icon_guide > li:nth-child(1) { padding-left:0; background:none; }
.map_guide > .icon_guide > li:nth-child(2) { }
.map_guide > .icon_guide > li:nth-child(3) { padding-right:0; }

.map_guide > .icon_guide > li.orange > span { background:url('/eng/images/sub1/s6_icon_orange.png') no-repeat left 50%; }
.map_guide > .icon_guide > li.green > span { background:url('/eng/images/sub1/s6_icon_green.png') no-repeat left 50%; }
.map_guide > .icon_guide > li.blue > span { background:url('/eng/images/sub1/s6_icon_blue.png') no-repeat left 50%; }
.map_guide > .icon_guide > li.dark > span { background:url('/eng/images/sub1/s6_icon_dark.png') no-repeat left 50%; }

.thumb_list { margin:10px 0 0; padding:0; box-sizing:border-box; overflow:hidden; }
.thumb_list > li { float:left; float:left; width:19.2%; margin-right:1%; margin-bottom:6px; border:1px solid #dbdbdb; box-sizing:border-box; overflow:hidden; }
.thumb_list > li > img { max-width:100%; }
.thumb_list > li:nth-child(5n+5) { margin-right:0; }
.thumb_list > li:nth-child(5n+1) { clear:both; }

/* 회사소개 : 주요고객 */
.ptn_area { overflow:hidden; }
.ptn_area h2 { position:relative; margin-bottom:10px; padding:20px 0; font-size:1.75em; color:#404040; font-weight:400; }
.ptn_area h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }
.ptn_area > .common_box:nth-child(even) { background:#ebebeb; }
.ptn > li { border:1px solid #dbdbdb; margin-bottom:20px; }

/* 제품소개 */
.product_area { background:#cdced0; box-sizing:border-box;}
.product_photo { position:relative; width:1200px; height:695px; margin:0 auto; box-sizing:border-box; }
.product_photo > img { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); }
.product_bg1 { background:#cdced0 url("/eng/images/sub2/sample_car.jpg") no-repeat center center; background-size:cover; }
.product_bg2 { background:#cdced0 url("/eng/images/sub2/other_product_bg.jpg") no-repeat center center; background-size:cover; }

.recruit_area .cnt_box_2 { position:relative; width:auto; max-width:1200px; margin:0 auto ; overflow:hidden; }
.recruit_area .cnt_box_2 > dl > dt { margin-bottom:18px; font-size:1.125em; color:#404040; font-weight:400; }
.recruit_area .cnt_box_2 > dl > dd { margin-bottom:60px; }
.recruit_area .cnt_box_2 > dl > dd > ul { }
.recruit_area .cnt_box_2 > dl > dd > ul > li { margin-bottom:16px; padding-left:12px; line-height:1.5; background:url("/eng/images/sub/icon_point_black.png") no-repeat left 9px; }
.recruit_area .cnt_box_2 > dl > dd > ul > li:nth-last-child(1) { margin-bottom:0; }
.recruit_area .cnt_box_2 > dl > dd > ul > li > strong { color:#303030; }
.recruit_area .cnt_box_2 > dl > dd > ul > li > p { margin-top:5px; word-break:keep-all; }
.recruit_area .cnt_box_2 > dl > dd > ul > li > ul { list-style:none; margin:5px 0 0; padding:0; overflow:hidden; }
.recruit_area .cnt_box_2 > dl > dd > ul > li > ul > li { word-break:keep-all; }
.recruit_area .cnt_box_2 > dl > dd > ul > li > ul > li:before { margin-right:5px; content:"\-"; }

/* 이용 가이드 */
.user_guide { display:none; width:100% !important; padding:30px 10px !important; box-sizing:border-box; overflow:hidden; }
.user_guide > header { display:none; }
.user_guide > h2 { position:relative; margin:15px !important; padding:18px 0 0 !important; font-size:18px !important; color:#404040; font-weight:400; }
.user_guide > h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }
.user_guide > ul { list-style:none; margin-bottom:50px; overflow:hidden; }
.user_guide > ul > li { margin-bottom:10px; line-height:1.5; }
.user_guide > ul > li:nth-last-child(1) { margin-bottom:0; }
.user_guide > ul > li:before { margin-right:5px; content:'\ -'; }
.user_guide > ul:nth-last-child(1) { margin-bottom:0; }

/* 가족사항 , 경력사항 + 아이콘 위치 */
.btn_add {position:absolute;top:24px;right:35px;width:28px;height:28px;border:solid 1px #ddd;line-height:24px;text-align:center;box-sizing:border-box;}
.btn_del {position:absolute;top:24px;right:0;width:28px;height:28px;border:solid 1px #ddd;line-height:24px;text-align:center;box-sizing:border-box;}
.btn_add2 {top:26px;right:100px;}
.btn_del2 {top:26px;right:65px;}

/* IR센터 ***************************************************************************************************************************************************************************************/
.rd_area { overflow:hidden; }

/* 연구개발 : 연구소소개 */
.rd_box_area { display:block; max-width:1200px; margin:0 auto; overflow:hidden; }
.rd_box { display:block; float:left; width:29.33%; margin:0 2% 65px; }
.rd_box:nth-child(3n+1) { clear:both; }
.rd_box .img { display:block; border:1px solid #dbdbdb; }
.rd_box .img img { display:block; width:100%; }
.rd_box .title { display:block; padding:26px 0; font-size:1.5em; font-weight:500; color:#404040; text-align:center; }
.rd_box > ul { display:block; margin:0; padding:0; list-style:none; overflow:hidden; }
.rd_box > ul > li { position:relative; margin-bottom:10px; padding-left:90px; line-height:1.5; box-sizing:border-box; }
.rd_box > ul > li > span { position:absolute; display:block; left:0; top:0; font-weight:500; }

/* 연구개발 : 연구프로세스/지원 */
.rd_area .pr_box1 { position:relative; width:100%; min-width:1200px; height:0; margin:0 auto; padding-bottom:23.45%; background:#fff url('/eng/images/sub3/rd_big_bg2.jpg') no-repeat center center; background-size:cover; overflow:hidden; }
.rd_area .pr_box1 .pr_txt_group { position:absolute; left:50%; top:50%; width:auto; max-width:610px; text-align:center; transform:translateX(-50%) translateY(-70%); wopr-break:keep-all; }
.rd_area .pr_box1 .pr_txt_group .txt1 { margin-bottom:20px; font-size:1.875em; color:#fff; font-weight:500; letter-spacing:-0.02em; word-break:keep-all; }
.rd_area .pr_box1 .pr_txt_group .txt2 { font-size:1.125em; color:#fff; font-weight:400; letter-spacing:-0.02em; line-height:1.6; word-break:keep-all; }

.rd_area .tab_menu { position:relative; width:auto; max-width:970px; margin:-60px auto -20px; padding:0 0 80px; overflow:hidden; }
.rd_area .tab_menu > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.rd_area .tab_menu > ul:after { display:block; content:''; clear:both; }
.rd_area .tab_menu > ul > li { float:right; width:24.6%; margin:0 0.2%; text-align:center; box-sizing:border-box; overflow:hidden;border-radius:10px; }
.rd_area .tab_menu > ul > li a { display:block; width:100%; height:100px; padding:40px 0; background:#fff; box-sizing:border-box; overflow:hidden; }
.rd_area .tab_menu > ul > li .txt1 { display:block; font-size:1.25em; color:#404040; font-weight:400; letter-spacing:-0.02em; }
.rd_area .tab_menu > ul > li .txt2 { display:block; font-size:1em; color:#909090; font-weight:400; letter-spacing:-0.02em; }
.rd_area .tab_menu > ul > li.current a { background:whitesmoke; }
.rd_area .tab_menu > ul > li.current span { color:black; }


.rd_area .pr_view { position:relative; display:none; width:auto; max-width:1200px; margin:0 auto; /*padding-bottom:120px;*/ text-align:center; overflow:hidden; }
.rd_area #pr_view1 { display:block; }
.rd_area .pr_box { position:relative; width:100%; box-sizing:border-box; overflow:hidden; }

.banner_box { position:relative; display:block; border:1px solid #dbdbdb; overflow:hidden; }
.banner_box .slide_box { position:relative; display:block; width:50%; }
.banner_box .slide_box .bx-wrapper { margin:0; }
.banner_box .cnt_box { position:absolute; left:52%; top:50%; width:46%; margin-right:5%; text-align:left; box-sizing:border-box; transform:translateY(-50%); }

.banner_box .m_banner { width:100%; height:100%; }
.banner_box .m_banner li { position:relative; }
.banner_box .b_arrow_left { position:absolute; left:20px; top:50%; margin-top:-22px; display:block; }
.banner_box .b_arrow_right { position:absolute; right:20px; top:50%; margin-top:-22px; display:block; }

.banner_box .title { display:block; line-height:1.6; margin:20px 0 5px; font-size:1.25em; font-weight:500; color:#404040; }
.banner_box .text1 { display:block; line-height:1.6; margin:0; word-break:keep-all; }
.banner_box .text2 { display:block; line-height:1.6; margin:0; word-break:keep-all; }
.rec_img_box { position:relative; height:469px; margin:0 auto; overflow:hidden; }
.rec_img_box_1 { background:url('/eng/images/sub6/sub_visual_1.jpg') no-repeat center top; background-size:cover; }
.rec_img_box_2 { background:url('/eng/images/sub6/sub_visual_2.jpg') no-repeat center top; background-size:cover; }

.rec_img_box > .abs_middle { position:absolute; left:50%; top:50%; padding:50px; text-align:center; background:rgba(77,77,77,0.8); box-sizing:border-box; transform:translateX(-50%) translateY(-50%); z-index:1; }
.rec_img_box > .abs_middle:after { position:absolute; right:10px; top:-11px; width:5px; height:23px; background:#f04e23; content:''; }
.rec_img_box > .abs_middle > .small_txt { margin-bottom:20px; font-size:1.125em; color:#fff; font-weight:300; }
.rec_img_box > .abs_middle > .big_txt { font-size:1.75em; color:#fff; font-weight:400; line-height:1.5; word-break:keep-all; }

.recruit_area .cnt_box_1 { position:relative; width:auto; max-width:1200px; margin:0 auto; padding:140px 0 110px; text-align:center; box-sizing:border-box; overflow:hidden; }
.recruit_area .cnt_box_1 > img { max-width:100%; margin:0 auto; }
.recruit_area .cnt_box_1 .pos_1 { position:absolute; left:50%; top:8%; line-height:1.8; transform:translateX(-50%); box-sizing:border-box; }
.recruit_area .cnt_box_1 .pos_2 { position:absolute; right:50%; top:50%; width:25%; margin-right:-600px; line-height:1.8; text-align:right; word-break:keep-all; transform:translateY(-50%); box-sizing:border-box; }
.recruit_area .cnt_box_1 .pos_3 { position:absolute; left:50%; bottom:4%; line-height:1.8; transform:translateX(-50%); box-sizing:border-box; }
.recruit_area .cnt_box_1 .pos_4 { position:absolute; left:50%; top:50%; width:25%; margin-left:-600px; line-height:1.8; text-align:left; word-break:keep-all; transform:translateY(-50%); box-sizing:border-box; }
.recruit_area .cnt_box_1 .title_label { display:none; }

/* 채용정보 ***********************************************************************************************************************/
.recruit_area { overflow:hidden; }
.recruit_area h2 { position:relative; margin-bottom:10px; padding:20px 0; font-size:1.75em; color:#404040; font-weight:400; }
.recruit_area h2:before { position:absolute; left:0; top:0; width:22px; height:2px; background:#f04e23; content:''; }

/** common end **/

/** Media Query **/
/* max-width 1200px */
@media all and (max-width:1200px){
	.greeting_area .gr_box2 { max-width:100%; padding:60px; }
	.greeting_area .gr_box2 > ul > li { float:left; width:50%; margin-bottom:40px; padding-right:3%; }
	.greeting_area .gr_box2 > ul > li:nth-last-child(1) { padding-left:3%; padding-right:0; }
	.greeting_area .gr_box2 > ul > li.all { clear:both; margin-right:50%; }
	.greeting_area .gr_box2 > ul > li h2 { margin-bottom:20px; font-size:1.5em; }
	.greeting_area .gr_box2 > ul > li h2:before { position:absolute; left:0; top:-10px; width:40px; height:3px; background:#5a514e; content:""; }
	
	.greeting_area .gr_box1 { }
	.greeting_area .gr_box1 .gr_txt_group { left:3%; max-width:50%; margin-left:0; }
	.greeting_area .gr_box1 .gr_txt_group .txt1 { font-size:1em; }
	.greeting_area .gr_box1 .gr_txt_group .txt2 { margin-bottom:10px; font-size:1.5em; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 { font-size:0.9375em; color:#505050; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 .sign { margin-left:10px; font-size:130%; }
	.greeting_area .gr_box1 .ceo { position:absolute; right:2%; top:10%; width:45%; margin-right:0; overflow:hidden; z-index:10; }
	.greeting_area .gr_box1 .ceo > img { max-width:100%; }
	.rd_box1 { min-width:100%; padding-bottom:40%; background-size:cover; }
}
/* 1200 end */
/* max-width 1024px start */
@media all and (max-width:1024px){
	.greeting_area .gr_box2 > ul > li { float:none; width:100%; padding-right:0; }
	.greeting_area .gr_box2 > ul > li:nth-last-child(1) { margin-bottom:0; padding-left:0; }
	.greeting_area .gr_box2 > ul > li h2 { margin-bottom:10px; font-size:1.4em; }
	.philosophy_area .ps1_head { height:0; padding-bottom:40%; }
	.philosophy_area .ps1_head .ps_txt_group { left:0; top:50%; width:auto; max-width:100%; margin:0 10%; text-align:center; transform:translateY(-70%); }
	.philosophy_area .ps1_head .ps_txt_group .txt1 { margin-bottom:14px; font-size:1.125em; color:#fff; font-weight:400; letter-spacing:-0.02em; }
	.philosophy_area .ps1_head .ps_txt_group .txt2 { font-size:1.175em; }

	.philosophy_area .ps1_body { max-width:100%; margin-top:-10%; padding-bottom:10%; }
	.philosophy_area .ps1_body .circle { display:block; width:70%; height:0; margin:0 auto 40px; padding-bottom:70%; background:#fff; border-radius:50%; box-shadow:0 2px 1px rgba(0,0,0,0.2); }
	.philosophy_area .ps1_body .circle_1 { background:#fff url('/eng/images/sub1/ps1_img2_1.png') no-repeat center center; background-size:60% auto; }
	.philosophy_area .ps1_body .circle_2 { background:#fff url('/eng/images/sub1/ps1_img2_2.png') no-repeat center center; background-size:60% auto; }
	.philosophy_area .ps1_body .circle_3 { background:#fff url('/eng/images/sub1/ps1_img2_3.png') no-repeat center center; background-size:60% auto; }
	.philosophy_area .ps1_body h2 { margin-bottom:20px; font-size:1.1em; }
	.philosophy_area .ps1_body p { font-size:0.875em; }

	.philosophy_area .ps2_head { height:0; padding-bottom:40%; }
	.philosophy_area .ps2_head > .ps_diagram { left:0; top:50%; width:100%; height:0; padding-bottom:40%; transform:translateY(-50%); background-size:90% auto;}

	.philosophy_area .ps2_body { max-width:100%; padding:0 2%; box-sizing:border-box; }
	.philosophy_area .ps2_body > ul > li { width:50%; padding:50px 20px 50px 90px; }
	.philosophy_area .ps2_body > ul > li:nth-child(1) { }
	.philosophy_area .ps2_body > ul > li:nth-child(2) { }
	.philosophy_area .ps2_body > ul > li:nth-child(3) { }
	.philosophy_area .ps2_body > ul > li:nth-child(4) { }
	.philosophy_area .ps2_body > ul > li > h2 { margin-bottom:15px; font-size:1.5em; }
	.philosophy_area .ps2_body > ul > li > p { }
	.philosophy_area .ps2_body > ul > li:nth-last-child(2) { border-bottom:1px solid #ddd; }

	.philosophy_area .ps3_head { height:0; padding-bottom:40%; }
	.philosophy_area .ps3_head .ps_txt_group { left:3%; max-width:50%; margin-left:0; }
	.philosophy_area .ps3_head .ps_txt_group .txt1 { font-size:2em; }
	.philosophy_area .ps3_head .ps_txt_group .txt2 { font-size:1.125em; }

	.philosophy_area .ps3_body { max-width:100%; padding:70px 2%; box-sizing:border-box; }
	.philosophy_area .ps3_body h2 { font-size:1.5em; }
	.philosophy_area .ps3_body table th, .philosophy_area .ps3_body table td { padding:15px 0; text-align:center; border:1px solid #dbdbdb; border-top:0; border-right:0; }

	.philosophy_area .ps4_head { height:0; padding-bottom:40%; }
	.philosophy_area .mp_0124 {height:100px;}
	.philosophy_area .ps4_head .ps_txt_group { left:0; width:50%; max-width:50%; margin-left:0; padding:20px; box-sizing:border-box; }
	.philosophy_area .ps4_head .ps_txt_group .txt1 { margin-bottom:10px; font-size:1.875em; }
	.philosophy_area .ps4_head .ps_txt_group .txt2 { margin-bottom:20px; font-size:1.125em; }
	.philosophy_area .ps4_head > img { position:absolute; right:0; top:0; margin-right:-50%; }
	.philosophy_area .mp_0124 > img { height:100% }

	.philosophy_area .ps4_body .listup { max-width:100%; }

	.philosophy_area .ps4_body2 { height:464px; }
	.philosophy_area .ps4_body2 .box_inner { max-width:100%; }
	.philosophy_area .ps4_body2 .txt_box1 { left:2%; }
	.philosophy_area .ps4_body2 .txt_box1 > dt { font-size:1.875em; }
	.philosophy_area .ps4_body2 .txt_box1 > dd p { font-size:1.125em; }

	.philosophy_area .ps4_body2 .txt_box2 { right:2%; }
	.philosophy_area .ps4_body2 .txt_box2 > dt { font-size:1.875em; }
	.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li > a { font-size:1.125em; }
	
	.common_inner { max-width:100%; padding:60px; }
	
	.history_area { background:none; background:url('/eng/images/sub1/hs_img2_1.gif') no-repeat center bottom; background-size:contain; overflow:hidden; }
	.history_area .hs_box1 { height:0; padding-bottom:40%; }
	.history_area .hs_box1 .hs_txt_group { width:80%; max-width:100%; }
	.history_area .hs_box1 .hs_txt_group .txt1 { font-size:1.875em; }
	.history_area .hs_box1 .hs_txt_group .txt2 { font-size:1.125em; }

	.history_area .tab_menu { max-width:100%; margin:-5% auto 5%; padding:0; }
	.history_area .tab_menu > ul > li .txt1 { margin-bottom:10px; font-size:1.25em; }
	.history_area .tab_menu > ul > li .txt2 { font-size:1em; }

	.history_area .hs_view { max-width:100%; padding:20px; padding-bottom:20%; }
	.product_area { position:relative; overflow:auto; }
	.fn_img_box .main_img > img {opacity:.0;}
	.fn_img_box { min-width:100%; height:469px; background-size:cover; }
	.fn_img_txt_box { left:5%; width:55%; margin-left:0; box-sizing:border-box; }
	.fn_cnt_box { max-width:100%; padding:0 20px; }

	.fn_img_box3 { max-width:100%; margin-top:30px; padding:20px; }
	.fn_img_box {background:#eae9e6;}
	.fn_img_box .main_img > img {opacity:.8;}

	.recruit_area dt.title_1_1 { background-size:auto 65% !important; }

	/* 디지털 브로셔 */
	.pm_img_box { min-width:100%; height:466px; }
	.pm_cnt_box { width:auto; max-width:100%; }

	/* 지속가능경영 */
	.pm4_img_box { min-width:100%; height:676px; }
	.pm4_img_box2 { background:#ebebeb url('/eng/images/sub5/s5_4_bg_2_m.jpg') no-repeat center top; }
	.pm4_img_txt_box { width:60%; }
	.pm4_img_txt_box .b_txt { margin-bottom:28px; font-size:1.875em; }

	.pm4_txt_box1 { max-width:100%; padding:0 20px 300px; }
	.pm4_txt_box1 .list_fr > li:nth-child(1) > h2 { background-size:auto 80%; }
	.pm4_txt_box1 .list_fr > li:nth-child(2) > h2 { background-size:auto 80%; }
	.pm4_txt_box1 .list_fr > li:nth-child(3) > h2 { background-size:auto 80%; }
	.pm4_txt_box1 .list_fr > li:nth-child(4) > h2 { background-size:auto 80%; }
	.pm4_txt_box1 .list_fr > li:nth-child(5) > h2 { background-size:auto 80%; }
	.pm4_txt_box1 .list_fr > li:nth-child(6) > h2 { background-size:auto 80%; }

	/* 평화큰나무복지재단 */
	.pm4_img_box2 { min-width:100%; background-size:cover; }
	.pm4_img_txt_box2 { left:5%; width:50%; margin-left:0; }
	.pm4_img_txt_box2 .b_txt { font-size:1.875em; }
	.pm4_img_txt_box2 .s_txt { font-size:1.125em; }

	.pm4_txt_box2 { max-width:100%; margin:50px auto; padding:20px; }
	.pm4_txt_box2 > h2 { padding-top:16px; font-size:1.75em; }
	.pm4_txt_box2 > .list_fr > li > h3 { font-size:1.5em; }

	.rec_img_box { height:0; padding-bottom:40%; overflow:hidden; }
	.rec_img_box > .abs_middle { width:75%; }
	.rec_img_box > .abs_middle > .small_txt { font-size:1.125em; }
	.rec_img_box > .abs_middle > .big_txt { font-size:1.75em; }
	
	.recruit_area .cnt_box_1 { max-width:100%; }
	.recruit_area .cnt_box_1 > img { max-width:60%; }
	.recruit_area .cnt_box_1 .pos_1 { top:6%; }
	.recruit_area .cnt_box_1 .pos_2 { right:1%; width:20%; margin-right:0; transform:translateY(-50%); }
	.recruit_area .cnt_box_1 .pos_3 { bottom:4%; }
	.recruit_area .cnt_box_1 .pos_4 { left:1%; width:20%; margin-left:0; transform:translateY(-50%); }

	.recruit_area .rec_tab { max-width:100%; margin-left:1%; margin-right:1%; }
	.recruit_area .rec_tab > li > a { position:relative; display:block; width:100%; height:0; padding-bottom:65%; box-sizing:border-box; overflow:hidden; }
	.recruit_area .rec_tab > li:nth-child(1) > a { background-size:auto 40%; }
	.recruit_area .rec_tab > li:nth-child(2) > a { background-size:auto 40%; }
	.recruit_area .rec_tab > li:nth-child(3) > a { background-size:auto 40%; }
	.recruit_area .rec_tab > li:nth-child(4) > a { background-size:auto 40%; }
	.recruit_area .rec_tab > li:nth-child(5) > a { background-size:auto 40%; }

	.recruit_area .rec_tab > li.current:nth-child(1) > a { background-size:auto 40%; }
	.recruit_area .rec_tab > li.current:nth-child(2) > a { background-size:auto 40%; }
	.recruit_area .rec_tab > li.current:nth-child(3) > a { background-size:auto 40%; }
	.recruit_area .rec_tab > li.current:nth-child(4) > a { background-size:auto 40%; }
	.recruit_area .rec_tab > li.current:nth-child(5) > a { background-size:auto 40%; }
	.recruit_area .cnt_box_2 { max-width:100%; padding:0 10px; }

	/* 인사제도 : 탭메뉴 */
	.recruit_area .tab_menu { max-width:100%; margin:38px 0 0; }
	.recruit_area .tab_menu > ul { border-left:0; border-right:0; }
	.recruit_area .tab_menu > ul > li a { font-size:1.125em; }

	/* 인사제도 : 상단 비쥬얼 */
	.rec_img_box_3 { height:469px; }
	.rec_img_box_3 > img { position:absolute; left:0; width:100%; height:100%; }
	.rec_img_box_3 > .abs_middle { left:0; width:96%; margin-left:2%; padding:5%; text-align:center; background:rgba(255,255,255,.8); }
	.rec_img_box_3 > .abs_middle > .small_txt { margin-bottom:20px; font-size:1.125em; }
	.rec_img_box_3 > .abs_middle > .big_txt { font-size:1.875em; }

	.recruit_area .cnt_box_3 { max-width:100%; padding:30px 20px; }
	.recruit_area .cnt_box_3 > dl > dt { float:none; width:100%; min-height:auto; padding:10px 0 10px 60px; }
	.recruit_area .cnt_box_3 > dl > dt > span { position:relative; left:0; top:0; font-size:1.5em; transform:none; }
	.recruit_area .cnt_box_3 > dl > dd { float:none; width:100%; }
	.recruit_area .cnt_box_3 > dl > dd img { max-width:100%; }

	.recruit_area dt.title_1_1 { background-size:auto 100%; }
	.recruit_area dt.title_1_2 { background-size:auto 100%; }
	.recruit_area dt.title_1_3 { background-size:auto 100%; }
	.recruit_area dt.title_1_4 { background-size:auto 100%; }

	.recruit_area dt.title_2_1 { background-size:auto 100%; }
	.recruit_area dt.title_2_2 { background-size:auto 100%; }
	.recruit_area dt.title_2_3 { background-size:auto 100%; }
	.recruit_area dt.title_2_4 { background-size:auto 100%; }

	.recruit_area dt.title_3_1 { background-size:auto 100%; }
	.recruit_area dt.title_3_2 { background-size:auto 100%; }
	.recruit_area dt.title_3_3 { background-size:auto 100%; }
	.recruit_area dt.title_3_4 { background-size:auto 100%; }

	.recruit_area .cnt_box_5 { max-width:100%; padding:30px 20px; }
	.recruit_area .cnt_box_5 > dl > dt { float:none; width:100%; min-height:auto; padding:10px 0 10px 60px; }
	.recruit_area .cnt_box_5 > dl > dt > span { position:relative; left:0; top:0; font-size:1.5em; transform:none; }
	.recruit_area .cnt_box_5 > dl > dd { float:none; width:100%; }

	.recruit_area .cnt_box_5 .list2 > li { }

	.recruit_area .cnt_box_5 .list3 > li { }
	.recruit_area .cnt_box_5 .list3 > li .head { width:150px; margin-right:30px; padding:7px 13px; }
	
	.ci_area .ci_box2 { height:280px; }
	.ci_area .ci_inner { max-width:100%; }
	.ci_area .ci_inner > .ci_inner_right { padding:80px 60px; }
	.ci_area .ci_body { max-width:100%; padding:60px; }
	.ci_area .img_listup_3 { padding:20px; }
	
	.map_area { width:100%; overflow:scroll; }
	.map_area .map_box { width:1200px; box-sizing:border-box; }
	
	.map_guide_frame { width:100%; }
	.map_guide_frame .map_guide { max-width:100%; box-sizing:border-box; }
	.map_guide_frame .map_guide > .text { left:10px; }
	
	.location_area { max-width:100%; }
	.location_area .map_box { width:100%; }
	.location_area .common_inner { padding:30px 30px; }
	
	.rd_box_area { max-width:100%; padding:20px; box-sizing:border-box; }
	.rd_box .title { padding:26px 0; font-size:1.5em; }
	
	.rd_box1 .rd_txt_group { width:560px; }

	.rd_img_box { margin-left:20px; margin-right:20px; margin-bottom:20px; }
	.rd_img_box ul > li img { max-width:100%; }

	.rd_box2 { max-width:100%; margin:0 5% 50px; text-align:center; border:0; }
	.rd_box2 > img { vertical-align:top; }
	.rd_box2 .cnt_box { position:relative; left:auto; top:auto; width:65%; margin:20px auto; transform:none; }
	.rd_box2 .rd_list { margin:10px 0 0; }
	.rd_box2 .rd_list li { text-align:center; }
	.rd_box2 .rd_list li.icon_point { padding-left:14px; text-align:left; background:url('../images/sub3/blet.gif') no-repeat left 11px; word-break:break-word; }
	
	.rd_area .pr_box1 { min-width:100%; padding-bottom:23.45%; }
	.rd_area .pr_box1 .pr_txt_group { width:70%; max-width:100%; }
	.rd_area .pr_box1 .pr_txt_group .txt1 { margin-bottom:10px; font-size:1.875em; }
	.rd_area .pr_box1 .pr_txt_group .txt2 { font-size:1.125em; }
	
	.rd_area .tab_menu { width:auto; max-width:100%; margin:-40px 1% 20px; padding-bottom:0; }
	.rd_area .tab_menu > ul > li a { padding:30px 0; }
	.rd_area .tab_menu > ul > li .txt1 { font-size:1.25em; }
	
	.banner_box { margin:0 20px; }
	.banner_box .slide_box { position:relative; display:block; width:50%; }
	.banner_box .slide_box .bx-wrapper { margin:0; }
	.banner_box .cnt_box { position:absolute; left:52%; top:50%; width:46%; margin-right:5%; text-align:left; box-sizing:border-box; transform:translateY(-50%); }
	
	.rule_area { padding:30px 20px; }
	.rule_area .rule_inner { max-width:100%; padding:30px; }

	.rule_box .title { font-size:1.25em; }
	.rule_box .s_title { font-size:0.93em; }
	.rule_box .text { font-size:0.93em; }
	.rule_box .rule_sbox li { font-size:0.93em; }
} 
/* 1024 end */
/* max-width 900px start */
@media all and (max-width:900px){
	.office_box { position:relative; display:table; width:100%; border-collapse:collapse; border-spacing:0; overflow:hidden; }
	.office_box > div { display:table-cell; vertical-align:top; box-sizing:border-box; overflow:hidden; }
	.office_box > div:nth-child(1) { width:48%; }
	.office_box > div:nth-child(2) { width:4%; }
	.office_box > div:nth-child(3) { width:48%; }

	.office_box1 { position:relative; display:table; width:100%; border-collapse:collapse; border-spacing:0; overflow:hidden; }
	.office_box1 > div { display:table-cell; vertical-align:top; box-sizing:border-box; overflow:hidden; }
	.office_box1 > div:nth-child(1) { width:48%; }
	.office_box1 > div:nth-child(2) { width:4%; }
	.office_box1 > div:nth-child(3) { width:48%; }

	.greeting_area .gr_box1 .gr_txt_group .txt2 { margin-bottom:10px; font-size:1.2em; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 { font-size:0.9375em; color:#505050; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 .sign { margin-left:10px; font-size:130%; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 .sign_img { width:auto; height:70%; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 .sign_img > img { max-width:100%; }
	
	.banner_box { margin:0 20px; border:0; }
	.banner_box .slide_box { width:50%; margin:0 auto; }
	.banner_box .cnt_box { position:relative; left:auto; top:auto; width:80%; margin:20px auto; transform:none; }

	.banner_box .text1 { margin:0; word-break:keep-all; }
	.banner_box .text2 { margin:0; word-break:keep-all; }
} 
/* 900 end */
/* max-width 840px start */
@media all and (max-width:840px){	
	.philosophy_area .ps4_head .ps_txt_group .txt1 { margin-bottom:10px; font-size:1.3em; }
	.philosophy_area .ps4_head .ps_txt_group .txt2 { margin-bottom:10px; font-size:1em; }

	.philosophy_area .ps4_body { padding:40px 20px; }
	.philosophy_area .ps4_body .listup > li { position:relative; float:none; width:100%; margin-bottom:20px; padding:0; text-align:left; }
	.philosophy_area .ps4_body .listup .icon { display:block; float:left; width:auto; margin-right:20px; }
	.philosophy_area .ps4_body .listup .title { margin:30px 0 20px; padding:0; }
	.philosophy_area .ps4_body .listup .title > em { font-size:1.5em; }
	.philosophy_area .ps4_body .listup .txt { line-height:1.8; }
	
	.trafic_box .trafic_guide { position:relative; overflow:hidden; }
	.trafic_box .trafic_guide > img { margin-bottom:10px; }
	.trafic_box .trafic_guide .abs_middle { position:relative; left:0; top:0; transform:none; }
}
/* 840 end */
/* max-width 768px start */
@media all and (max-width:768px){
	.list_basic .col_5 { width:32.66%; margin-right:1%; }
	.list_basic .col_5:nth-child(5n+5) { margin-right:1%; }
	.list_basic .col_5:nth-child(5n+1) { clear:none; }
	.list_basic .col_5:nth-child(3n+3) { margin-right:0; }
	.list_basic .col_5:nth-child(3n+1) { clear:both; }

	.philosophy_area .ps4_body2 { height:350px; }
	.philosophy_area .ps4_body2 .txt_box1 > dt { font-size:1.5em; }
	.philosophy_area .ps4_body2 .txt_box1 > dd p { font-size:1em; }

	.philosophy_area .ps4_body2 .txt_box2 > dt { font-size:1.5em; }
	.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li > a { font-size:1em; }
	.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li > p { font-size:1em; }
	
	.history_area .hs_box1 .hs_txt_group { transform:translateX(-50%) translateY(-50%); }

	.history_area .tab_menu { margin:0; }
	.history_area .tab_menu > ul > li { width:25%; margin:0; padding:0; border:1px solid #ddd; border-right:0; box-sizing:border-box; overflow:hidden; }
	.history_area .tab_menu > ul > li:first-child { border-left:0; }
	.history_area .tab_menu > ul > li > a { padding:20px 0; }
	.history_area .tab_menu > ul > li .txt1 { margin-bottom:10px; font-size:1em; }
	.history_area .tab_menu > ul > li .txt2 { font-size:0.875em; }

	.history_area .month > li { font-size:1em; }

	.office_info { height:auto; }
	
	/* 디지털 브로셔 */
	.pm_img_box { height:0; padding-bottom:50%; background-size:cover; }
	.pm_img_box > img { width:90%; }

	/* 지속가능경영 */
	.pm4_img_box { height:0; padding-bottom:40%; background-size:cover; }
	.pm4_img_txt_box { width:80%; }
	.pm4_img_txt_box .b_txt { margin-bottom:28px; font-size:1.875em; }
	
	.pm4_txt_box1 { margin:0 auto; padding-bottom:0; }
	.pm4_txt_box1 .list_fr > li { margin-bottom:20px; }
	.pm4_txt_box1 .list_fr > li > h2 { font-size:1.2em; }

	.pm4_txt_box1 .listup > li { float:none; width:100%; margin-bottom:10px; }

	/* 평화큰나무복지재단 */
	.pm4_img_box2 { height:0; padding-bottom:50%; }
	.pm4_img_txt_box2 { left:5%; width:50%; margin-left:0; }
	.pm4_img_txt_box2 .b_txt { font-size:1.5em; }
	.pm4_img_txt_box2 .s_txt { font-size:1em; }

	.pm4_txt_box2 { margin:30px auto; }
	.pm4_txt_box2 > h2 { padding-top:16px; font-size:1.5em; }
	.pm4_txt_box2 > .list_fr > li > h3 { margin:20px 0; font-size:1.3em; }
	.pm4_txt_box2 > .list_fr > li { font-size:0.9375em; }

	.rec_img_box > .abs_middle { width:80%; }
	.rec_img_box > .abs_middle > .small_txt { font-size:1em; }
	.rec_img_box > .abs_middle > .big_txt { font-size:1.5em; }

	.recruit_area .rec_tab > li > a > span { font-size:1.2em; }

	.rd_box > ul > li { font-size:0.9375em; }

	.rd_area .pr_box1 .pr_txt_group .txt1 { font-size:1.5em; }
	.rd_area .pr_box1 .pr_txt_group .txt2 { font-size:1em; }

	.rd_area .tab_menu { margin:-30px 1% 20px; }
	.rd_area .tab_menu > ul > li a { padding:20px 0; }
	.rd_area .tab_menu > ul > li .txt1 { font-size:1.1em; }

	.banner_box .slide_box { width:80%; }
	
	.greeting_area .gr_box1 .gr_txt_group .txt3 {margin-left:10px;}
	.greeting_area .gr_box1 .gr_txt_group .txt3 .sign {margin-left:0; display:block; padding-top:10px; letter-spacing:0.3em;}

}/* 768 end */
/* max-width 735px start */
@media all and (max-width:733px){
	#ln_area .ln > li .mn_0121 ul > li a {height:30px;}
	#ln_area .ln > li .mn_0121 ul > li:nth-child(1) a {line-height:30px;}
	#ln_area .ln > li .mn_0121 ul > li:nth-child(2) a {line-height:30px;}
}
/* 735 end */
/* max-width 672px start */
@media all and (max-width:672px){
	.rd_box2 .cnt_box { position:relative; left:auto; top:auto; width:100%; margin:20px auto 20px; transform:none; }
}
/* 672 end */
/* max-width 640px start */
@media all and (max-width:640px){
	.greeting_area .gr_box1 .gr_txt_group .txt2 { margin-bottom:10px; font-size:1em; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 { font-size:0.9375em; color:#505050; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 .sign { margin-left:10px; font-size:130%; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 .sign_img { display:none; }
	
	.greeting_area .gr_box2 { padding:30px; }
	.greeting_area .gr_box2 > ul > li h2 { font-size:1.1em; }
	.greeting_area p { font-size:0.875em; }
	
	.common_inner { padding:30px; }

	.philosophy_area .ps3_head .ps_txt_group { left:2%; max-width:100%; margin-left:0; }
	.philosophy_area .ps3_head .ps_txt_group .txt1 { font-size:1.3em; }
	.philosophy_area .ps3_head .ps_txt_group .txt2 { font-size:1em; }

	.philosophy_area .ps3_body h2 { font-size:1.5em; }
	.philosophy_area .ps3_body table th, .philosophy_area .ps3_body table td { padding:15px 0; text-align:center; border:1px solid #dbdbdb; border-top:0; border-right:0; }

	.philosophy_area .ps4_head .ps_txt_group { position:absolute; left:50%; top:50%; width:90%; max-width:90%; margin-left:0; padding:30px; transform:translateX(-50%) translateY(-50%); background:rgba(256,256,256,0.7); z-index:2; }
	.philosophy_area .ps4_head .ps_txt_group .txt1 { margin-bottom:20px; font-size:1.2em; }
	.philosophy_area .ps4_head .ps_txt_group .txt2 { margin-bottom:20px; font-size:0.875em; }
	.philosophy_area .ps4_head > img { position:absolute; right:0; top:0; width:100%; height:auto; margin-right:0; z-index:1; }

	.philosophy_area .ps4_body { padding:40px 20px; }
	.philosophy_area .ps4_body .listup > li { position:relative; float:none; width:100%; margin-bottom:20px; padding:0; text-align:left; }
	.philosophy_area .ps4_body .listup .icon { width:20%; }
	.philosophy_area .ps4_body .listup .title { margin:0 0 10px; }
	.philosophy_area .ps4_body .listup .title > em { font-size:1.2em; }
	.philosophy_area .ps4_body .listup .txt { font-size:0.9375em; line-height:1.6; }

	.philosophy_area .ps4_body2 { height:350px; }
	.philosophy_area .ps4_body2 .txt_box1 > dt { font-size:1.2em; }
	.philosophy_area .ps4_body2 .txt_box1 > dd p { font-size:0.875em; }
	.office_info { height:initial;} 
	.philosophy_area .ps4_body2 .txt_box2 > dt { font-size:1.2em; }
	.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li > a { font-size:0.875em; }
	.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li > p { font-size:0.875em; }
	.office_info > li {padding-left:140px; word-break:keep-all;}
	.ci_area .ci_box1 { height:auto; background:url("/eng/images/common/bg_grid.gif") repeat center center; }
	.ci_area .ci_inner > .ci_inner_left { float:none; width:100%; height:0; padding-bottom:40%; }
	.ci_area .abs_img { max-width:auto; max-height:70%; }
	.ci_area .ci_inner > .ci_inner_right { float:none; width:100%; padding:30px; background:#aaa; overflow:hidden; }
	.ci_area .ci_inner > .ci_inner_right .pd { margin-top:30px; }

	.ci_area .ci_body { padding:30px; }

	.ci_area h2 { padding:17px 0; font-size:1.3em; }
	.ci_area .listup_1 > li { margin-bottom:3%; font-size:0.9375em; }

	.ci_area .img_listup_3 { left:50%; top:50%; width:100%; margin:0; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); overflow:hidden; }
	.ci_area .img_listup_3 > li { float:left; margin-bottom:0; padding:10px; text-align:center; background:#fff; border:1px solid #ddd; }
	.ci_area .img_listup_3 > li:nth-child(1) { width:49%; }
	.ci_area .img_listup_3 > li:nth-child(2) { float:right; width:49%; }
	.ci_area .img_listup_3 > li:nth-last-child(1) { clear:both; width:100%; margin-top:3%; margin-bottom:0; }
	.ci_area .img_listup_3 img { max-width:60%; }
	
	.ptn_area h2 { font-size:1.3em; }
	
	.pm_cnt_box { margin:40px auto; }
	.pm_cnt_box .b_txt { margin-bottom:10px; font-size:1.3em; line-height:1.5; }
	.pm_cnt_box .s_txt { margin-bottom:30px; }
	.pm_cnt_box .btn_box > a > span { font-size:0.875em; }

	/* 지속가능경영 */
	.pm4_img_box { height:0; padding-bottom:50%; background-size:cover; }
	.pm4_img_txt_box { width:80%; }
	.pm4_img_txt_box .b_txt { margin-bottom:15px; font-size:1.5em; }
	.pm4_img_txt_box .s_txt { width:95%; font-size:1em; }
	.pm4_txt_box1 .list_fr > li { margin-bottom:20px; font-size:0.9375em; }
	.pm4_txt_box1 .list_fr > li > h2 { font-size:1.2em; }
	.pm4_txt_box1-2 {margin-top:20px;}
	
	.rec_img_box > .abs_middle { padding:30px; }
	.rec_img_box > .abs_middle > .small_txt { font-size:0.875em; }
	.rec_img_box > .abs_middle > .big_txt { font-size:1.2em; }
	
	.recruit_area .cnt_box_1 { padding:30px 0; }
	.recruit_area .cnt_box_1 dt { font-size:1em; color:#333; font-weight:500; overflow:hidden; }
	.recruit_area .cnt_box_1 dd { font-size:0.875em; color:#666; overflow:hidden; }
	.recruit_area .cnt_box_1 .title_label { display:block; }
	.recruit_area .cnt_box_1 > img { width:100%; margin-bottom:20px; }

	.recruit_area .cnt_box_1 .pos_1 { position:relative; left:auto; right:auto; top:auto; bottom:auto; width:90%; margin:0 auto 20px; text-align:left; transform:none; }
	.recruit_area .cnt_box_1 .pos_2 { position:relative; left:auto; right:auto; top:auto; bottom:auto; width:90%; margin:0 auto 20px; text-align:left; transform:none; }
	.recruit_area .cnt_box_1 .pos_3 { position:relative; left:auto; right:auto; top:auto; bottom:auto; width:90%; margin:0 auto 20px; text-align:left; transform:none; }
	.recruit_area .cnt_box_1 .pos_4 { position:relative; left:auto; right:auto; top:auto; bottom:auto; width:90%; margin:0 auto; text-align:left; transform:none; }
	
	.recruit_area .rec_tab { margin:0 auto 30px; }
	.recruit_area .rec_tab > li > a > span { font-size:1em; }
	
	/* 인사제도 : 탭메뉴 */
	.recruit_area .tab_menu { max-width:100%; margin:33px 0 0; }
	.recruit_area .tab_menu > ul > li a { padding:14px 0; font-size:1em; }

	/* 인사제도 : 상단 비쥬얼 */
	.rec_img_box_3 { height:300px; }
	.rec_img_box_3 > .abs_middle > .small_txt { font-size:1em; }
	.rec_img_box_3 > .abs_middle > .big_txt { font-size:1.2em; }

	.recruit_area .cnt_box_3 table th, .recruit_area .cnt_box_3 table td { font-size:0.875em; }
	.recruit_area .cnt_box_3 .list3 > li { font-size:0.875em; }
	.recruit_area .cnt_box_3 .list4 > li { font-size:0.875em; }
	.recruit_area .cnt_box_3 .list5 > li { font-size:0.875em; }
	.recruit_area .cnt_box_3 .list5 > li .head { font-size:0.875em; }

	.recruit_area .cnt_box_5 .list2 > li { font-size:0.875em; }
	.recruit_area .cnt_box_5 .list3 > li { font-size:0.875em; }
	.recruit_area .cnt_box_5 .list3 > li .head { width:150px; margin-right:30px; padding:7px 13px; }
	
	.rd_box { width:46%; }
	.rd_box:nth-child(3n+1) { clear:none; }
	.rd_box:nth-child(2n+1) { clear:both; }
	.rd_box .title { padding:20px 0; font-size:1.3em; }
	.rd_box > ul > li { font-size:0.875em; }
	
	.rd_box1 { padding-bottom:30%; }
	.rd_box1 .rd_txt_group { width:90%; transform:translateX(-50%) translateY(-50%); }
	.rd_box1 .rd_txt_group .txt1 { font-size:1em; }
	.rd_box1 .rd_txt_group .txt2 { font-size:1.5em; }

	.rd_img_box { margin:30px 20px; }
	.rd_img_box ul > li img { max-width:100%; }

	.rd_box2 { max-width:100%; margin:0 5% 20px; text-align:center; border:0; }
	.rd_box2 > img { vertical-align:top; }
	.rd_box2 .rd_list li { font-size:0.875em; }
	
	.rd_area .pr_box1 .pr_txt_group { width:90%; }
	.rd_area .pr_box1 .pr_txt_group .txt1 { font-size:1.3em; }
	.rd_area .pr_box1 .pr_txt_group .txt2 { font-size:0.875em; }
	
	.rd_area .tab_menu { margin:-25px 1% 20px; }
	.rd_area .tab_menu > ul > li a { padding:15px 0; }
	.rd_area .tab_menu > ul > li .txt1 { font-size:1em; }
	
	.rule_box .title { font-size:1.1em; }
	.rule_box .s_title { font-size:0.875em; }
	.rule_box .text { font-size:0.8125em; }
	.rule_box .rule_sbox li { font-size:0.8125em; }
	
	.finance_area h2 { font-size:1.5em; }
	.fn_img_box { height:350px; background-size:cover; }
	.fn_img_txt_box { left:0; width:100%; padding-left:10px; padding-right:40%; }
	.fn_img_txt_box .b_txt { margin-bottom:20px; font-size:1.3em; }
	.fn_img_txt_box .s_txt { font-size:0.875em; }

	.fn_cnt_box table th, .fn_cnt_box table td { padding:13px 13px; font-size:0.9375em; }
	.fn_cnt_box .p_guide { font-size:0.9375em; }

	.fn_img_box3 { max-width:100%; margin-top:20px; padding:20px; }
	.fn_img_box3 .imgs_box { width:100%; margin:0; padding:80px 30px 30px; }
	.fn_img_box3 .imgs_box > .unit { font-size:0.875em; }
	.fn_img_box3 .p_guide { font-size:0.9375em; line-height:1.5; word-break:keep-all; }
	
	.recruit_area h2 { font-size:1.3em; }
}
/* 640 end */
/* max-width 580px start */
@media all and (max-width:550px){
	.fn_img_box .main_img {text-align:right; }
	#body .visual_txt {right:15%;}
}
/* 580 end */
/* max-width 550px start */
@media all and (max-width:550px){
	.philosophy_area .ps2_body { padding:0 4%; }
	.philosophy_area .ps2_body > ul > li { float:none; width:100%; padding:50px 20px 50px 90px; }
	.philosophy_area .ps2_body > ul > li:nth-child(1) { }
	.philosophy_area .ps2_body > ul > li:nth-child(2) { }
	.philosophy_area .ps2_body > ul > li:nth-child(3) { }
	.philosophy_area .ps2_body > ul > li:nth-child(4) { }
	.philosophy_area .ps2_body > ul > li > h2 { margin-bottom:15px; font-size:1.2em; }
	.philosophy_area .ps2_body > ul > li > p { }
} 
/* 550 end */
/* max-width 490px start */
@media all and (max-width:490px){
.pm4_img_txt_box2 .b_txt {margin-bottom:10px;}
.pm4_img_txt_box2 .s_txt {line-height:1.5;}
}
/* 490 end */
/* max-width 480px start */
@media all and (max-width:480px){
	.greeting_area .gr_box1 { padding-bottom:40%; height:33px; }
	.greeting_area .gr_box1 .gr_txt_group { left:0; width:100%; max-width:100%; padding:0 1em; text-align:center; box-sizing:border-box; }
	.greeting_area .gr_box1 .gr_txt_group .txt2 { font-size:1.0.5em; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 { font-size:0.9375em; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 .sign { margin-left:10px; font-size:100%; }
	.greeting_area .gr_box1 .gr_txt_group .txt3 .sign_img { display:none; }
	.greeting_area .gr_box1 .ceo { display:none; }
	
	.greeting_area .gr_box2 { padding:20px 20px; }
	
	.philosophy_area .ps1_head .ps_txt_group { transform:translateY(-50%); }
	.philosophy_area .ps1_head .ps_txt_group .txt2 { font-size:1em; }
	.philosophy_area .ps1_body { margin-top:10%; }
	.philosophy_area .ps1_body > ul > li { display:block; float:none; width:100%; margin-bottom:30px; }

	.philosophy_area .ps1_body .circle { display:none; }
	.philosophy_area .ps1_body h2 { margin-bottom:10px; font-size:1.1em; }
	.philosophy_area .ps1_body p { font-size:0.875em; }

	.philosophy_area .ps2_body > ul > li > h2 { margin-bottom:15px; font-size:1em; }
	.philosophy_area .ps2_body > ul > li > p { font-size:0.875em; }

	.philosophy_area .ps3_head .ps_txt_group .txt1 { font-size:1.1em; }
	.philosophy_area .ps3_head .ps_txt_group .txt2 { font-size:0.875em; }
	.philosophy_area .ps3_body { padding-top:30px; padding-bottom:30px; }
	.philosophy_area .ps3_body h2 { font-size:1.1em; }
	.philosophy_area .ps3_body table th, .philosophy_area .ps3_body table td { font-size:0.8125em; line-height:1.4; }
	.philosophy_area .ps3_body table thead { display:none; }
	.philosophy_area .ps3_body table tbody tr { display:block; margin-bottom:10px; border:1px solid #ddd; }
	.philosophy_area .ps3_body table tbody tr td { position:relative; display:block; padding:10px 10px; text-align:left; border:0; border-bottom:1px solid #ddd; }
	.philosophy_area .ps3_body table tbody tr td:nth-last-child(1) { border-bottom:0; }
	.philosophy_area .ps3_body table tbody tr td:before { margin-right:20px; color:#333; font-weight:500; content:"\- "attr(data-label); }

	.philosophy_area .ps4_head { height:0; padding-bottom:65%; }
	.philosophy_area .ps4_head > img { height:100%; }
	.philosophy_area .ps4_head .ps_txt_group { left:50%; top:50%; width:95%; height:90%; padding:20px; }
	.philosophy_area .ps4_head .ps_txt_group .txt1 { margin-bottom:10px; font-size:1em; }
	.philosophy_area .ps4_head .ps_txt_group .txt2 { margin-bottom:4px; font-size:0.8125em; }

	.philosophy_area .ps4_body { padding:20px 20px; }
	.philosophy_area .ps4_body .listup .icon { display:none; }
	.philosophy_area .ps4_body .listup .title { margin-bottom:4px; }
	.philosophy_area .ps4_body .listup .title > em { font-size:1em; }
	.philosophy_area .ps4_body .listup .txt { font-size:0.875em; }

	.philosophy_area .ps4_body2 { height:auto; }
	.philosophy_area .ps4_body2 .box_inner { padding:30px; text-align:center; }
	.philosophy_area .ps4_body2 .txt_box1 { position:relative; float:none; left:auto; top:auto; width:100%; margin-bottom:40px; transform:none; }
	.philosophy_area .ps4_body2 .txt_box1 > dt { font-size:1.2em; }
	.philosophy_area .ps4_body2 .txt_box1 > dd p { font-size:0.875em; }

	.philosophy_area .ps4_body2 .txt_box2 { position:relative; float:none; left:auto; top:auto; width:100%; transform:none; }
	.philosophy_area .ps4_body2 .txt_box2 > dt { font-size:1.2em; }
	.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li > a { font-size:0.875em; }
	.philosophy_area .ps4_body2 .txt_box2 > dd > ul > li > p { font-size:0.875em; }
	
	.ci_area h2 { padding:17px 0; font-size:1.1em; }
	.ci_area .listup_1 > li { font-size:0.875em; }
	.ci_area .listup_2 > li { font-size:0.875em; }
	
	.map_guide_frame .map_guide { height:auto; padding:10px; }
	.map_guide_frame .map_guide > .text { position:relative; left:0; top:0; margin-bottom:10px; padding:0; font-size:0.8125em; line-height:1.5; background-image:none; transform:none; word-break:keep-all; }
	.map_guide_frame .map_guide > .icon_guide { position:relative; display:block; right:auto; top:0; padding:5px; transform:none; background:#f9f9f9; border:1px solid #ddd; overflow:hidden; }
	.map_guide_frame .map_guide > .icon_guide > li { float:left; padding:0 10px; background:url('/eng/images/sub/icon_line.gif') no-repeat left 50%; }

	.office_area { }
	.office_area h2 { padding:4% 0; font-size:1.2em; }
	.office_area h2:before { width:5%; }
	.office_box { display:block; }
	.office_box > div { display:block; width:100% !important; margin-bottom:10px; }
	.office_box1 { display:block; }
	.office_box1 > div { display:block; width:100% !important; margin-bottom:10px; }
	.office_info > li { font-size:0.875em;}
	
	.location_area h2 { font-size:1.1em; }
	.trafic_box .list_basic > li { font-size:0.875em; }
	.trafic_box .trafic_guide > img { width:16%; }
	.trafic_box .trafic_inner > li { font-size:0.875em; }
	.trafic_box .trafic_guide .method_2 > li { background-position:0 9px; }
	
	.ptn_area h2 { font-size:1.1em; }

	.fn_img_txt_box { left:2%; right:2%; top:2%; bottom:2%; width:auto; padding:10px; background:rgba(256,256,256,0.5); transform:none; }
	.finance_area h2 { font-size:1.3em; }
	.fn_img_box { height:350px; background-size:cover; }
	.fn_img_txt_box .b_txt { margin-bottom:20px; font-size:1.1em; }
	.fn_img_txt_box .s_txt { font-size:0.875em; }

	.fn_cnt_box { margin:20px auto; }
	.fn_cnt_box table th, .fn_cnt_box table td { padding:13px 2%; font-size:0.8125em; }
	.fn_cnt_box .p_guide { margin-top:20px; font-size:0.875em; text-align:center }
	
	.pm_cnt_box .btn_box > a { width:48%; height:40px; }

	/* 지속가능경영 */
	.pm4_img_txt_box { top:15%; width:90%; }
	.pm4_img_txt_box .b_txt { margin-bottom:15px; font-size:1.2em; }
	.pm4_img_txt_box .s_txt { font-size:0.875em; line-height:1.5; }

	.pm4_txt_box1 .list_fr > li { float:none; width:100%; padding:20px; font-size:0.875em; }

	/* 평화큰나무복지재단 */
	.pm4_img_box2 { height:0; padding-bottom:60%; }
	.pm4_img_txt_box2 { left:2%; width:55%; }
	.pm4_img_txt_box2 .b_txt { font-size:1.1em; margin-bottom:7%;}
	.pm4_img_txt_box2 .s_txt { font-size:0.8125em; line-height:1.6; }

	.pm4_txt_box2 { margin:10px auto; }
	.pm4_txt_box2 > h2 { font-size:1.2em; }
	.pm4_txt_box2 > .list_fr > li { float:none; width:100%; margin-bottom:25px; }
	.pm4_txt_box2 > .list_fr > li > h3 { margin:20px 0; font-size:1.3em; }
	.pm4_txt_box2 > .list_fr li { padding-left:0; font-size:0.9375em; text-align:center; background-image:none; }
	
	.rec_img_box > .abs_middle { width:90%; padding:10px; }
	.rec_img_box > .abs_middle:after { display:none; }
	.rec_img_box > .abs_middle > .small_txt { font-size:0.875em; }
	.rec_img_box > .abs_middle > .big_txt { font-size:0.9375em; }
	.rec_img_box_2 { display:none; padding-bottom:0; }
	
	.recruit_area .cnt_box_2 > dl > dt { margin-bottom:10px; font-size:1em; }
	.recruit_area .cnt_box_2 > dl > dd { margin-bottom:30px; font-size:0.875em; }
	
	/* 인사제도 : 탭메뉴 */
	.recruit_area .tab_menu > ul > li a { padding:12px 0; font-size:0.875em; }
	
	/* 인사제도 : 상단 비쥬얼 */
	.rec_img_box_3 { height:200px; }
	.rec_img_box_3 > .abs_middle > .small_txt { font-size:0.8125em; }
	.rec_img_box_3 > .abs_middle > .big_txt { font-size:1em; }

	.recruit_area .cnt_box_3 .list5 > li .head { width:auto; padding:7px 7px; }
	.recruit_area .cnt_box_3 .list1 > li { font-size:0.875em; }

	.recruit_area .cnt_box_3 > dl { margin-bottom:20px; padding-bottom:20px; }
	.recruit_area .cnt_box_3 > dl > dt { padding:5px 0 5px 40px; }
	.recruit_area .cnt_box_3 > dl > dt > span { font-size:1.1em; }

	.recruit_area .cnt_box_3 .list3 > li { float:left; width:41%; padding-left:5px; padding-right:5px; margin-right:15px; font-size:0.8125em; }
	.recruit_area .cnt_box_3 .list3 > li > span { margin-right:10px; padding-right:10px; }
	.recruit_area .cnt_box_3 .list3 > li > span:nth-last-child(1) { margin-right:0; padding-right:0; background-image:none; }
	.recruit_area .cnt_box_3 .list3 > li:nth-child(1):after { position:absolute; display:block; right:0; top:50%; width:15px; height:15px; margin-right:-15px; background-size:contain; }

	.recruit_area .cnt_box_3 table { }
	.recruit_area .cnt_box_3 table thead { display:none; }
	.recruit_area .cnt_box_3 table tbody { display:block; }
	.recruit_area .cnt_box_3 table tbody tr { display:block; }
	.recruit_area .cnt_box_3 table tbody tr td { display:block; text-align:left !important; border:0; border-bottom:1px solid #ddd; }
	.recruit_area .cnt_box_3 table tbody tr td:before { margin-right:20px; color:#333; font-weight:500; content:attr(data-label)" :"; }

	.recruit_area .cnt_box_5 > dl { margin-bottom:20px; padding-bottom:20px; }
	.recruit_area .cnt_box_5 > dl > dt { padding:5px 0 5px 40px; }
	.recruit_area .cnt_box_5 > dl > dt > span { font-size:1.1em; }
	
	.rd_box { width:100%; margin-bottom:30px; }
	.rd_box:nth-child(2n+1) { clear:none; }
	.rd_box .title { padding:10px 0; font-size:1em; }
	.rd_box > ul > li { margin-bottom:10px; font-size:0.835em; line-height:1.6; background-position:0 8px; }
	.rd_box > ul > li:nth-last-child(1) { margin-bottom:0; }
	
	.rd_box1 { padding-bottom:40%; }
	.rd_box1 .rd_txt_group .txt1 { font-size:0.875em; }
	.rd_box1 .rd_txt_group .txt2 { font-size:1em; }
	
	.rd_area .pr_box1 { padding-bottom:30%; }
	.rd_area .pr_box1 .pr_txt_group { transform:translateX(-50%) translateY(-50%); }
	
	.rd_area .tab_menu { margin:10px 1% 20px; }
	.rd_area .tab_menu > ul > li { width:20%; margin:0; border:1px solid #ddd; border-left:0; }
	.rd_area .tab_menu > ul > li:fist-child { border-left:1px solid #ddd; }
	.rd_area .tab_menu > ul > li:nth-child(3n+3) { width:40%; }
	.rd_area .tab_menu > ul > li a { padding:10px 2px; }
	.rd_area .tab_menu > ul > li .txt1 { font-size:0.8125em; }
	
	.banner_box .slide_box { width:100%; }
	.banner_box .title { font-size:1.1em; }
	.banner_box .cnt_box { width:100%; }
	.banner_box .text1 { font-size:0.875em; }
	.banner_box .text2 { font-size:0.875em; }
	
	.rule_area .rule_inner { padding:20px; }

	.history_area .hs_box1 { height:0; padding-bottom:50%; }
	.history_area .hs_box1 .hs_txt_group { width:94%; }
	.history_area .hs_box1 .hs_txt_group .txt1 { font-size:1.1em; }
	.history_area .hs_box1 .hs_txt_group .txt2 { font-size:0.875em; }

	.history_area .tab_menu > ul > li .txt1 { font-size:0.875em; }
	.history_area .tab_menu > ul > li .txt2 { font-size:0.8125em; }

	.history_area .year:before { display:none; }
	.history_area .year:after { display:none; }
	.history_area .year > dt { padding:10px; font-size:1.1em; text-align:left; background-image:none; }
	.history_area .year > dd { margin:0 0 30px; }

	.history_area .month > li { clear:both; position:relative; float:none; width:100%; margin:0; font-size:0.875em; }
	.history_area .month > li:before { display:none; }
	.history_area .month > li .month_box { margin:0; padding:10px; background:transparent; border:0; border-bottom:1px solid #ddd; }
	.history_area .month > li .month_box:before { display:none; }
	.history_area .month > li .month_box > time { margin-bottom:10px; text-align:left; }
	.history_area .month > li .month_box > p { text-align:left; }

	.history_area .month > li:nth-child(odd) { float:none; }
	.history_area .month > li:nth-child(odd):before { display:none; }
	.history_area .month > li:nth-child(odd) .month_box { margin:0; }
	.history_area .month > li:nth-child(odd) .month_box:before { display:none; }
	.history_area .month > li:nth-child(odd) .month_box > time { text-align:left; }
	.history_area .month > li:nth-child(odd) .month_box > p { text-align:left; }
	
	.recruit_area .rec_tab { margin:10px 4px; padding:1px; border:1px solid #ddd; }
	.recruit_area .rec_tab > li { width:20%; margin:0; border-left:0; box-shadow:none; }
	.recruit_area .rec_tab > li:first-child { border-left:1px solid #ddd; }
	.recruit_area .rec_tab > li > a { padding-bottom:80%; }
	.recruit_area .rec_tab > li > a > span { top:auto; bottom:4px; font-size:0.8125em; }
}
/* 480 end */
/* max-width 414px start */
@media all and (max-width:414px){
	.history_area .tab_menu > ul > li { width:50%; border:1px solid #ddd; border-left:0; border-top:0; }
	.history_area .tab_menu > ul > li:nth-child(2n+2) { border-right:0; }
	.history_area .tab_menu > ul > li > a { padding:10px 0; }
	.s_area_1_2_eng .pm4_img_box2 {background-size:100% 100% }
	#ln_area .ln > li .sln ul .sln_span_li a {height:27px}
	#ln_area .ln > li .sln ul .sln_span_li:nth-child(1) a {line-height:27px}
	#ln_area .ln > li .sln ul .sln_span_li:nth-child(2) a {line-height:27px}
	#ln_area .ln > li .sln ul .sln_span_li a span {display:block;}
} 
/* 414 end */
/* max-width 360px start */
@media all and (max-width:360px){
	.ci_area h2 { padding:17px 0; font-size:1em; }
	.ci_area .listup_1 > li { font-size:0.8125em; }

	.ci_area .img_listup_1 .col_2 { float:none; width:100% !important; margin:0 0 10px; }
	.ci_area .img_listup_1 .col_3 { float:none; width:100% !important; margin:0 0 10px; }

	.ci_area .img_zone { height:auto; border:0; }

	.ci_area .img_listup_3 { left:50%; top:50%; width:100%; margin:0; box-sizing:border-box; transform:translateX(-50%) translateY(-50%); overflow:hidden; }
	.ci_area .img_listup_3 > li { float:left; margin-bottom:0; padding:10px; text-align:center; background:#fff; border:1px solid #ddd; }
	.ci_area .img_listup_3 > li:nth-child(1) { width:49%; }
	.ci_area .img_listup_3 > li:nth-child(2) { float:right; width:49%; }
	.ci_area .img_listup_3 > li:nth-last-child(1) { clear:both; width:100%; margin-top:3%; margin-bottom:0; }
	.ci_area .img_listup_3 img { max-width:60%; }

	.finance_area h2 { font-size:1.1em; }
	
	.pm4_img_txt_box1-2 {top:7% !important;}
	
	.recruit_area .cnt_box_5 .list2 > li { width:100%; font-size:0.875em; }
	.recruit_area .cnt_box_5 .list3 > li { padding-left:0; font-size:0.875em; }
	.recruit_area .cnt_box_5 .list3 > li .head { display:block; width:100%; margin-right:0; padding:0; color:#333; font-weight:500; text-align:left; background:#fff; }
	
	.pm4_txt_box1 .list_fr > li { float:none; width:100%; }

	/* 평화큰나무복지재단 */
	.pm4_img_box2 { height:0; padding-bottom:70%;}
	.pm4_img_txt_box2 .s_txt {line-height:1.4;}
} 
/* 360 end */
/* max-width 340px start */
@media all and (max-width:340px){
	.fn_img_box { height:365px;}
	#footer .foot_btn > li > a { font-size: 76.25%;}
} 
/* 340 end */

/** media all and **/
@media all and (min-width:1025px){
.fn_img_box > .main_img > img {display:none}
.trafic_box .direction {margin-bottom:40px;} 
}
@media all and (min-width:480px) and (max-width:639px){
	.pm4_txt_box1-2 .style2 {height:228px !important;}
}

@media all and (min-width:820px) and (max-width:1024px){
	.philosophy_area .ps2_body > ul > li { height:240px; }
}

@media all and (min-width:620px) and (max-width:819px){
	.philosophy_area .ps2_body > ul > li:nth-child(1), .philosophy_area .ps2_body > ul > li:nth-child(2) { height:250px;}
	.philosophy_area .ps2_body > ul > li:nth-child(3), .philosophy_area .ps2_body > ul > li:nth-child(4) { height:270px;}
}

@media all and (min-width:551px) and (max-width:619px){
	.philosophy_area .ps2_body > ul > li:nth-child(1), .philosophy_area .ps2_body > ul > li:nth-child(2) { height:280px;}
	.philosophy_area .ps2_body > ul > li:nth-child(3), .philosophy_area .ps2_body > ul > li:nth-child(4) { height:340px;}
}

@media all and (min-width:360px) and (max-width:580px){
	#ln_area .ln > li .mn_0121 ul > li:nth-child(4) a {line-height:15px !important;}
	}
@media all and (min-width:360px) and (max-width:733px){
	#ln_area .ln > li .mn_0121 ul > li:nth-child(3) a {line-height:30px;}
	#ln_area .ln > li .mn_0121 ul > li:nth-child(4) a {line-height:30px;}
}

@media all and (min-width:481px) and (max-width:640px){
	.philosophy_area .ps4_head > img { height:100%; }
}

@media all and (min-width:601px) and (max-width:768px){
}
@keyframes point_ani{
	0% { opacity:1; transform:scale(1); transition-timing-function:ease; }
	50% { opacity:1; transform:scale(3); transition-timing-function:ease; }
	100% { opacity:1; transform:scale(1); transition-timing-function:ease; }
}



/* add 210901 */

.wrap {max-width: 1200px;margin: 0 auto;}
.greeting_area.ty5_5_3 .gr_box1 { background:url("/kor/images/sub5/s5_5_3_bg.jpg") no-repeat center top; background-size:cover;padding-bottom: 24.698%; }
.greeting_area.ty5_5_3 .gr_box1 .gr_txt_group {width: 100%;max-width: 1200px;margin-left: 0;transform:translate(-50%,-50%);}
.greeting_area.ty5_5_3 .gr_box1 .gr_txt_group .txt2 {margin-bottom: 10px;}
.greeting_area.ty5_5_3 .gr_box1 .gr_txt_group .txt4 {font-size: 1.125em;font-weight: 400;line-height: 1.8334;color: #333;}
.greeting_area.ty5_5_3 .gr_box1 .gr_txt_group a {display: inline-block;vertical-align: top;font-size: .9375em;line-height: 3.2;font-weight: 400;color: #4d4d4d;border: 1px solid #4d4d4d;background-color: #fff;padding: 0 2em;margin-top: 2em;margin-right: 1em;}
.greeting_area.ty5_5_3 .gr_box1 .gr_txt_group a img {display: inline-block;vertical-align: middle;position: relative;top: -1px;margin-left: 10px;left: 0;transition:.3s;}
.greeting_area.ty5_5_3 .gr_box1 .gr_txt_group a:hover img {left: 10px;}
.s5_5_3 {}
.s5_5_3 .ul1 {}
.s5_5_3 .ul1:after {display: block;clear: both;content: '';}
.s5_5_3 .ul1 > li {float: left;width: 13.667%;margin-left: 3.6%;text-align: center;}
.s5_5_3 .ul1 > li:nth-child(1) {margin-left: 0;}
.s5_5_3 .ul1 > li i {display: block;position: relative;}
.s5_5_3 .ul1 > li i:after {display: block;content: '';position: absolute;width: 25%;left: 100%;top: 0;height: 100%;background: url(/kor/images/sub5/s5_5_3_arw.jpg) no-repeat center center;}
.s5_5_3 .ul1 > li:last-child i:after {display: none;}
.s5_5_3 .ul1 > li p {font-size: 1.125em;font-weight: 500;margin-top: 1.2em;}
.s5_5_3 .ul1 > li:last-child p {color: #f04e23;}

.s5_pop {}
.s5_pop .pr_area {height: 200px;padding: 15px;background-color: #f6f6f6;overflow-y: auto;border: 1px solid #ddd;width: 100%;box-sizing:border-box;font-family: 'Noto Sans KR', sans-serif;}
.s5_pop .vertical input {vertical-align: top;}
.s5_pop .vertical input[type="button"] {border: 0;background-color: #f04e23;color: #fff;height: 30px;border-radius:3px;}
.s5_pop .btns {margin-top: 20px;text-align: center;}
.s5_pop .btns input {height: 30px;border-radius:3px;}
.s5_pop .btns input[type="submit"] {background-color: #f04e23;color: #fff;border: 1px solid #f04e23;}
.s5_pop .btns input[type="button"] {border: 1px solid #999;background-color: #f6f6f6;cursor:pointer;}