@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap');
/* common */
.container {width: 1200px;}
.video {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%;}
.video video, .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mar_100 {margin: 100px auto;}
.mar_t_50 {margin-top: 50px;}
.mar_b_50 {margin-bottom: 50px;}
.mar_b_100 {margin-bottom: 100px;}
.mar_t_100 {margin-top: 100px;}
.pad_100 {padding:100px 0;}
.pad_b_100 {padding-bottom: 100px;}
.down_btn {display: inline-block; border: 1px solid #eee;}
.down_btn:hover {border: 1px solid #FF5F00; color: #FF5F00;}
.down_btn img {margin-left: 10px; width: 24px !important; vertical-align: sub;}
.down_btn span {font-family: 'Noto_bold'; transition: none;}
.down_btn.big {padding: 0 40px; line-height: 60px; font-size: 20px; }
.down_btn.small {padding: 0 20px; line-height: 40px; font-size: 16px; min-width: 160px;}
.content_title {text-align: center; font-size: 40px; line-height: 40px; font-family: 'Noto_bold';}



/*** header ***/
#header_bar {position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 1000; padding: 0 100px; background: rgba(0,0,0,0.3);}
#header_bar .logo {display: inline-block; margin: 23px 0; width: 114px; height: 50px; background: url('/en/images/header_logo.png') no-repeat; position: relative; z-index: 1002;}
#header_bar .gnb {z-index: 1001; width: 100%; text-align: center;}
#header_bar .gnb .depth1 {position: relative; display: inline-block; font-size: 20px; color: white; line-height: 20px; padding: 0 40px;}

/* 서브메뉴 */
#header_bar .gnb_sub_wrap {position: absolute; left: 0; top: 57px; z-index: 2000; width: 100%; height: 0; overflow: hidden; }
#header_bar .gnb_sub_wrap #gnb_sub {padding-top:20px; text-align: center; transition: none;}
#header_bar .gnb_sub_wrap #gnb_sub li {line-height: 40px; font-size: 16px; transition: none;} 
#header_bar .gnb_sub_wrap #gnb_sub li a {display: block; transition: none; color: #333;}
#header_bar .gnb_sub_wrap #gnb_sub li a:hover {color: #FF5F00;}
#gnb_sub_bg {width: 100%; height: 0; background: white; transition: height 400ms ease-in-out; position: absolute; left: 0; z-index: 1000; } 

#header_bar .toolmenu{overflow:hidden;position:absolute;right:60px;top:40px;z-index: 1003}
#header_bar .toolmenu li{float:left;height:22px;padding-left:10px;}
#header_bar .toolmenu li:first-child{padding-left:0;}
#header_bar .toolmenu li a{display:block; background-color: rgba( 0, 0, 0, 0.2 );}
#header_bar .toolmenu li a:hover img, #header_bar .toolmenu li a:focus img{margin-top:-22px;}

/* 마우스 오버 */
#header_bar.open_menu {background: white; }
#header_bar.open_menu .gnb .depth1 > a {color: #333;}
#header_bar.open_menu .gnb .depth1:hover > a {color: #FF5F00;}
#header_bar.open_menu .logo {background: url('/en/images/color_logo.png') no-repeat;}
.gnb_sub_wrap.open_menu, #gnb_sub_bg.open_menu {height: 280px !important; transition: height 400ms ease-in-out !important;} 
#gnb_sub_bg.open_menu {border-top: 1px solid #eee;}


/*** 푸터 ***/
footer {background: #282828; padding: 80px 0;}
footer .footer_wrap {max-width: 1400px; margin: 0 auto;}
footer .foot_menu {margin-bottom: 40px; text-align: center;}
footer .foot_menu li {font-size: 16px; line-height: 16px; display: inline-block; color: white; padding-right: 20px; border-right: 1px solid white; margin-left: 20px; margin-bottom: 20px;}
footer .foot_menu li:first-child {margin-left: 0;}
footer .foot_menu li:last-child {border-right: 0;}
footer .foot_menu li:hover {text-decoration: underline;}
footer .info .text_part {margin-left: 50px;}
footer .info .text {margin-bottom: 15px;}
footer .info .text p {display: inline-block; color: #787878; margin-right: 30px; font-size: 16px; line-height: 16px;}
footer .info .copy {font-family: 'Inter'; font-weight: 300; color: #787878; font-size: 12px; line-height: 16px;     letter-spacing: 0;}






/*** 메인페이지 ***/
#section_1 {/*background: url('/en/images/main_sample.jpg') no-repeat center; background-size: cover;*/max-height: 929px; overflow: hidden; background: #000;}
#section_1 .video_cut {max-height: 929px; overflow: hidden;}
/*#section_1 .video_cut .video {height: 100vh; padding-bottom:0;}*/
/*#section_1 .text {text-align: center; width: 100%; z-index:2;}*/
#section_1 .text {top: 20%;left: 55%; width: 100%; z-index:2;}
#section_1 .text h2 {font-size: 50px; line-height: 65px; margin-bottom: 20px; font-family: 'Inter', sans-serif; font-weight: 300; color: white;}
#section_1 .text h2 span {font-weight: 700; font-size: inherit;}
#section_1 .text p {font-size: 24px; line-height: 30px; color: #ddd;}
#section_1 .main_slide {height:100%;}
#section_1 .main_slide .swiper-slide { height:100%;}
#section_1 .main_slide .slide_1_img, #section_1 .main_slide .slide_2_img, #section_1 .main_slide .slide_3_img {height:100%;}
#section_1 .main_slide .slide_1_img:after {content:''; display:block; background: url(/en/images/main_slide_1.jpg) no-repeat center; background-size: cover; width: 100vw; height: 100%;  }
#section_1 .main_slide .slide_2_img:after {content:''; display:block; background: url(/en/images/main_slide_2.jpg) no-repeat center; background-size: cover; width: 100vw; height: 100%;  }
#section_1 .main_slide .slide_3_img:after {content:''; display:block; background: url(/en/images/main_slide_3.jpg) no-repeat center; background-size: cover; width: 100vw; height: 100%; }
#section_1 .main_slide .swiper-slide-active .bg {position:relative; z-index: 1;}
#section_1 .main_slide .swiper-pagination-bullet-active {background:#FF5F00;}

#section_2 {background: url('/en/images/main_product_bg.jpg') no-repeat center; background-size: cover; height: 100vh;}

#section_3 {background: url('/en/images/main_news_bg.jpg') no-repeat center; background-size: cover;}

#section_4 {height: auto !important;}
#section_4 .fp-tableCell {height: auto !important;}

.main_content {max-width: 1400px; width: 100%; margin: 0 auto;}
.main_content p {font-size: 18px; line-height: 18px; color: #FF5F00; font-family: 'Inter', sans-serif; font-weight: 700; margin-bottom: 30px;}
.main_content h2 {font-size: 50px; line-height: 65px; color: white;}
.main_content h2 span {font-family: 'Noto_bold';}


.main_content .lat {margin-bottom: 0; background: none;}
.main_content .lat ul {overflow: hidden; padding: 0;}
.main_content .lat ul li {float: left; border-bottom: 0; background: rgba(0, 0, 0, 0.6); padding: 40px; border-top: 1px solid white; width: 32%;}
.main_content .lat ul li:nth-child(2) {margin: 0 2%;}
.main_content .lat li a {font-size: 22px; line-height: 30px; font-weight: normal; font-family: 'Noto_bold'; color: white; margin-bottom: 10px; display: block;}
.main_content .lat li .content {font-size: 18px; line-height: 28px; height: 60px; color: #b5b5b5;}
.main_content .lt_info {padding: 0; margin-top: 50px; font-size: 16px;}
.main_content .lat li .go_read {position: absolute; right: 40px; bottom: 40px; font-size: 16px; line-height: 24px; padding-right: 30px; background: url('/en/images/latest_icon_off.png') no-repeat center right; background-size: 24px;}
.main_content .lat li:hover a {text-decoration: underline;}
.main_content .lat li:hover .go_read {background: url('/en/images/latest_icon_on.png') no-repeat center right; background-size: 24px; color: #FF5F00; text-decoration: none;}


.main_content .prd_slide {border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.main_content .prd_slide .swiper-slide {text-align: center;}
.main_content .prd_slide .swiper-slide a {display: block; padding: 35px 0; }
.main_content .prd_slide .swiper-slide .img {display: inline-block; margin-bottom: 20px; position: relative; max-width: 130px;}
.main_content .prd_slide .swiper-slide h3 {font-size: 24px; line-height: 24px; color: white; font-family: 'Noto_bold'; margin-bottom: 15px;}
.main_content .prd_slide .swiper-slide p {font-family: 'Inter'; font-weight: 300; color: #BBB; font-size: 16px; line-height: 16px; margin-bottom: 0;}
.main_content .prd_slide .swiper-slide:hover a {background: rgba(255, 95, 0, 0.5);}
.main_content .prd_slide .swiper-slide:hover .img:after {content: ''; display: block; width: 40px; height: 40px; background: url('/en/images/main_prd_plus.png') no-repeat center; background-size: cover; position: absolute; top: 0; right: 0;}
.main_content .prd_slide .swiper-button-next {width: 32px; height: 32px; background: url('/en/images/main_prd_right.png') no-repeat;}
.main_content .prd_slide .swiper-button-prev {width: 32px; height: 32px; background: url('/en/images/main_prd_left.png') no-repeat;}


/* 풀페이지 버튼 */
#fp-nav ul li a span {background: white;  opacity: 0.4;}
#fp-nav ul li a.active span {opacity: 1;}


/*** 서브타이틀 ***/
#sub_title_part {width: 100%; height: 400px; position: relative;}
#sub_title_part h2 {font-size: 50px; line-height: 50px; font-family: 'Noto_bold'; color: white; text-align: center; position: absolute; top: 55%; left: 50%; transform: translateX(-50%); }
#sub_title_part.sub01 {background: url('/en/images/sub01_title_bg.jpg') no-repeat center; background-size: cover;}
#sub_title_part.sub02 {background: url('/en/images/sub02_title_bg.jpg') no-repeat center; background-size: cover;}
#sub_title_part.sub03 {background: url('/en/images/sub03_title_bg.jpg') no-repeat center; background-size: cover;}
#sub_title_part.sub04 {background: url('/en/images/sub04_title_bg.jpg') no-repeat center; background-size: cover;}
#sub_title_part.sub05 {background: url('/en/images/sub05_title_bg.jpg') no-repeat center; background-size: cover;}
#sub_title_part.sub06 {background: url('/en/images/sub06_title_bg.jpg') no-repeat center; background-size: cover;}
#sub_title_part.sub07 {background: url('/en/images/sub07_title_bg.jpg') no-repeat center; background-size: cover;}

/*** LNB ***/
#lnb_wrap {border-bottom: 1px solid #eee;}
#lnb_wrap ul {text-align: center; margin: 22px auto;}
#lnb_wrap ul li {display: inline-block; font-size: 16px; line-height: 16px; color: #999; transition: none; margin-right: 30px;}
#lnb_wrap ul li:hover a {color: #333; font-family: 'Noto_bold';}
#lnb_wrap ul li:after {content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 5px; background: #999; margin-left: 30px; margin-bottom: 4px;}
#lnb_wrap ul li:last-child {margin-top: 0;}
#lnb_wrap ul li:last-child:after {display: none;}
#lnb_wrap ul li a {transition: none;}
#lnb_wrap ul li:nth-child(n).on a {color: #444; font-family: 'Noto_bold';}

/*** 서브컨텐츠 ***/
#sub_content, .sub_content {margin: 100px auto; padding: 0 30px;}
#sub_content .big_img {margin: 0 auto; text-align: center; position: relative;}
#sub_content .big_img p {color: white; font-family: 'Inter'; font-weight: 700; font-size: 80px; line-height: 80px; position: absolute; left: 17%; bottom: 10%; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);}

.content_said {margin-top: -100px; margin-left: -30px; margin-right: -30px; padding: 100px 0; background: #FEFAF5; text-align: center;}
.content_said h2 {font-size: 40px; line-height: 60px; margin-bottom: 50px;}
.content_said h2 span {color: #FF5F00; font-family: 'Noto_bold';}
.content_said p {font-size: 20px; line-height: 34px;}

.text_box_1 {text-align: center;}
.text_box_1 h2 {font-size: 40px; line-height: 60px;}
.text_box_1 h2 span { font-family: 'Noto_bold';}
.text_box_1 .line {display: block; width: 60px; height: 2px; background: #FF5F00; margin: 35px auto;}
.text_box_1 p {font-size: 20px; line-height: 40px;}


/* 탭 스타일_1 */
.tab_type_1 {text-align: center; margin-bottom: 50px;}
.tab_type_1 li {display: inline-block; font-size: 24px; line-height: 24px; margin: 0 25px; padding-bottom: 15px; color: #e3e3e3; transition: none; cursor: pointer;}
.tab_type_1 li:hover {color: #999;}
.tab_type_1 li.active {color: #333; border-bottom: 2px solid #FF5F00; font-family: 'Noto_bold';}

/* 탭 스타일_2 */
.tab_type_2 {text-align: center; margin-bottom: 30px; margin-left: auto; margin-right: auto;}
.tab_type_2 li {float: left; font-size: 18px; line-height: 60px; transition: none; cursor: pointer; text-align: center; background: #f9f9f9;}
.tab_type_2.six_tab li {width: 16.667%;}
.tab_type_2.two_tab {max-width: 400px; }
.tab_type_2.two_tab li {width: 50%;}
.tab_type_2.three_tab {max-width: 600px; }
.tab_type_2.three_tab li {width: 33.333%;}
.tab_type_2 li:hover {background: #eee;}
.tab_type_2 li.active {color: white; background: #FF5F00; font-family: 'Noto_bold';}




/* 테이블 스타일_1 */
.table_type_1 {border-top: 2px solid #FF5F00; width: 100%;}
.table_type_1 tr {border-bottom: 1px solid #E5E5E5;}
.table_type_1 th {height: 80px; vertical-align: middle; font-size: 18px; line-height: 24px; font-family: 'Noto_bold'; text-align: center; width: 200px; background: #F5F5F5; }
.table_type_1 td {height: 80px; vertical-align: middle; font-size: 18px; line-height: 24px; text-align: left; padding-left: 50px;}

/* 테이블 스타일_2 */
.table_info {text-align: right; font-size: 16px; line-height: 16px; margin-bottom: 20px;}
.table_type_2 {border-top: 2px solid #FF5F00; width: 100%;}
.table_type_2 tr {border-bottom: 1px solid #E5E5E5;}
.table_type_2 th {vertical-align: middle; font-size: 18px; line-height: 24px; font-family: 'Noto_bold'; text-align: center; width: 200px; background: #F5F5F5; border-right: 1px solid #E5E5E5; padding: 20px 30px;}
.table_type_2 th:last-child {border-right: 0;}
.table_type_2 th.th_1 {width: 16%;}
.table_type_2 th.th_2 {width: 20%;}
.table_type_2 th.th_3 {width: auto;}
.table_type_2 th.th_4 {width: 20%;}
.table_type_2 th.th_15 {width: 15%;}
.table_type_2 th.th_20 {width: 20%;}
.table_type_2 th.th_25 {width: 25%;}
.table_type_2 th.th_30 {width: 30%;}
.table_type_2 th.th_40 {width: 40%;}
.table_type_2 th.th_auto {width: auto;}
.table_type_2 td {vertical-align: middle; font-size: 18px; line-height: 24px; border-right: 1px solid #E5E5E5; padding: 15px 30px; text-align: center;}
.table_type_2 td:last-child {border-right: 0;}
.table_type_2 td.left_border {border-left: 1px solid #e5e5e5;}
.table_type_2 .highlight td {background: #FFF4EE;}

/* CEO 인사말 */
.sub0101 .ceo_said {font-size: 24px; line-height: 40px; text-align: left; border-bottom: 1px solid #eee;}
.sub0101 .ceo_said:before {content: ''; display: block; width: 40px; height: 34px; background: url('/en/images/sub0101_img_2.png') no-repeat; margin: 0 0 40px;}
/*
.sub0101 .ceo_said:after {content: ''; display: block; width: 40px; height: 34px; background: url('/en/images/sub0101_img_3.png') no-repeat; margin: 40px auto 0;}
*/
.sub0101 .text_type_1 .img {float: left; width: 50%;}
.sub0101 .text_type_1 .text {float: left; width: 50%; padding-left: 80px;}
.sub0101 .text_type_1 .text h3 {font-size: 30px; line-height: 50px; color: #FF5F00; font-family: 'Noto_bold'; margin-bottom: 30px;}
.sub0101 .text_type_1 .text p {font-size: 20px; line-height: 34px;}
.sub0101 .slogan {padding-top: 50px; border-top: 1px solid #eee; text-align: center;}
.sub0101 .slogan p {font-family: 'Inter'; font-weight: 700; font-size: 24px; line-height: 24px; color: #ddd;}


/* 회사연혁 */
.sub0102 .history_wrap .design_text {margin-bottom: 50px;}

.sub0102 .history_wrap .tabs {border: 1px solid #eee; overflow: hidden;}
.sub0102 .history_wrap .tabs li {float: left; width: 33.333%; text-align: center; border-right: 1px solid #eee; cursor: pointer;}
.sub0102 .history_wrap .tabs li:last-child {border-right: 0;}
.sub0102 .history_wrap .tabs li h4 {display: inline-block; font-size: 20px; line-height: 60px; font-family: 'Noto_bold'; margin-right: 10px;}
.sub0102 .history_wrap .tabs li p {display: inline-block; font-size: 18px; line-height: 60px; }
.sub0102 .history_wrap .tabs li.active {background: #FF5F00;}
.sub0102 .history_wrap .tabs li.active h4, .sub0102 .history_wrap .tabs li.active p {color: white;}

.sub0102 .history_wrap .tab_content {overflow: hidden; margin-top: 50px;}
.sub0102 .history_wrap .tab_content .img {float: left; width: 35%;}
.sub0102 .history_wrap .tab_content .list {float: left; width: 65%; padding-left: 50px;}
.sub0102 .history_wrap .tab_content .list li {border-left: 1px solid #eee; padding-left: 25px; padding-bottom: 50px;}
.sub0102 .history_wrap .tab_content .list li .timeline {font-family: 'Inter'; font-weight: 700; font-size: 18px; line-height: 18px; margin-bottom: 15px; color: #999; display: block; position: relative;}
.sub0102 .history_wrap .tab_content .list li .timeline:before {content: ''; display: inline-block; width: 12px;
height: 12px; background: #FFFFFF; border: 2px solid #FF5F00; border-radius: 10px; position: absolute; left: -32px; top: 2px;}
.sub0102 .history_wrap .tab_content .list li p {font-size: 24px; line-height: 34px; }

/* 회사비전 */
.sub0103 h2 {width: 200px; height: 50px; line-height: 50px; border-radius: 30px; background: #333; color: white; text-align: center; font-size: 24px; font-family: 'Noto_bold'; margin: 0 auto 50px;}
.sub0103 .text {margin-bottom: 50px;}
.sub0103 .text h3 {font-size: 30px; line-height: 40px; margin-bottom: 30px;}
.sub0103 .text h3 span {color: #FF5F00; font-family: 'Noto_bold';}
.sub0103 .text p {font-size: 20px; line-height: 34px;}

/* 사업장 소개 */
#map {width: 100%; height: 500px; background: gray;}

/* 경쟁우위 */
.sub0201 .text_wrap .img {float: left; width: 45%}
.sub0201 .text_wrap .text {width: 55%; padding-left: 10%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.sub0201 .text_wrap .text h3 {font-size: 30px; line-height: 30px; margin-bottom: 20px; font-family: 'Noto_bold';}
.sub0201 .text_wrap .text p {font-size: 20px; line-height: 40px;}
.sub0201 .text_wrap .text p span {font-family: 'Noto_bold';}

.sub0201 .point_wrap {background: #F9F9F9; margin-bottom: -100px; margin-left: -30px; margin-right: -30px;}
.sub0201 .point_wrap ul li {padding-left: 150px; margin-bottom: 50px;}
.sub0201 .point_wrap ul li h2 {font-size: 24px; line-height: 34px; font-family: 'Noto_bold'; margin-bottom: 20px;}
.sub0201 .point_wrap ul li h2 span {color: #FF5F00;}
.sub0201 .point_wrap ul li p {font-size: 18px; line-height: 34px;}
.sub0201 .point_wrap ul li.point_1 {background: url('/en/images/sub0201_img_3.png') no-repeat left center;}
.sub0201 .point_wrap ul li.point_2 {background: url('/en/images/sub0201_img_4.png') no-repeat left center;}
.sub0201 .point_wrap ul li.point_3 {background: url('/en/images/sub0201_img_5.png') no-repeat left center;}
.sub0201 .point_wrap ul li:last-child {margin-bottom: 0;}



/* 제품소개 */
.sub0202 .prd_title {text-align: center;}
.sub0202 .prd_title img {width: 34%; max-width: 405px;}
.sub0202 .prd_title p {font-size: 24px; margin: 30px auto 50px; line-height: 34px;}
.sub0202 .prd_type_list {border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 30px 0;}
.sub0202 .prd_type_list li {float: left; width: 16.667%; border-right: 1px solid #eee; text-align: center;}
.sub0202 .prd_type_list li:last-child {border-right: 0;}
.sub0202 .prd_type_list li a {display: block;}
.sub0202 .prd_type_list li img {margin-bottom: 20px; opacity: 0.4;}
.sub0202 .prd_type_list li p {font-size: 18px; line-height: 18px; opacity: 0.4;}
.sub0202 .prd_type_list li:hover img, .sub0202 .prd_type_list li:hover p {opacity: 0.7;}
.sub0202 .prd_type_list li.active img, .sub0202 .prd_type_list li.active p {opacity: 1; font-family: 'Noto_bold';}
.sub0202 .prd_img {width: 100%; height: 400px;}
.sub0202 .prd_info .text .title {padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 30px;}
.sub0202 .prd_info .text .title h2 {float:left; font-size: 40px; line-height: 40px; font-family: 'Noto_bold';}
.sub0202 .prd_info .text .title h2 span {display: inline-block; font-family: 'Inter'; font-weight: 700; color: #bbb; font-size: 20px; line-height: 20px; margin-left: 10px;}
.sub0202 .prd_info .text .title .down_btn {float: right;}
.sub0202 .prd_info .text .explain {font-size: 18px; line-height: 32px;}
.sub0202 .prd_info .text .explain span {font-family: 'Noto_bold';}
.sub0202 .prd_info .standard_wrap h2 {font-size: 28px; line-height: 28px; font-family: 'Noto_bold';}

/* 제품MSDS */
.sub0203 .title p {font-size: 24px; line-height: 24px; font-family: 'Inter'; font-weight: 700; color: #999;}
.sub0203 .title p span {color: #FF5F00;}
.sub0203 .title h2 {font-size: 40px; line-height: 60px; margin-top: 20px;}
.sub0203 .title h2 span {font-family: 'Noto_bold';}


/* 인증현황 */
.cer_logo {border: 1px solid #eee; width: 100%; max-width: 500px; height: 350px; background: url('/en/images/pattern_1.jpg') repeat;}


/* 제조공정 */
.sub0205 .title {text-align: center;}
.sub0205 .title h2 {font-size: 50px; line-height: 50px; font-family: 'Noto_bold'; margin-bottom: 20px;}
.sub0205 .title span {display: inline-block; font-family: 'Inter'; font-weight: 700; font-size: 18px; line-height: 18px; color: #DDDDDD;}
.sub0205 .title p {font-size: 24px; line-height: 34px;}
.sub0205 .tab_content .video_wrap {max-width: 800px; margin: 0 auto;}

/* 재무정보 */
.sub0301 .table_type_2 td {vertical-align: middle; font-size: 18px; line-height: 24px; border-right: 1px solid #E5E5E5; padding: 15px 30px; text-align: right;}
.sub0301 .table_type_2 td:first-child {text-align: center;}

/* 공시사항 */
.dart_wrap {width: 100%; max-width: 732px; height: 950px; margin: 0 auto;}
.dart_wrap iframe {width: 100%; height: 100%;}






/* 지속가능경영 */
.sub05_add .title_text {width: 100%; height: 500px; background: url('/en/images/sub0501_title_bg.jpg') no-repeat center; background-size: cover; padding: 50px;}
.sub05_add .title_text h3 {color: white; font-size: 28px; line-height: 40px; }
.sub05_add .title_text h3 span {font-weight: 700; font-size: 40px; display: inline-block; margin-bottom: 15px;}
.sub05_add .point li {border: 1px solid #eee; padding: 50px; position: relative; margin-bottom: 30px;}
.sub05_add .point li img {position: absolute; top: 50%; transform: translateY(-50%); left: 100px;}
.sub05_add .point li .text {margin-left: 350px; }
.sub05_add .point li .text h3 {font-size: 30px; line-height: 50px; font-family: 'Inter', sans-serif; font-weight: 700; margin-bottom: 15px;}
.sub05_add .point li .text h3 span {font-size: 50px; color: #FF5F00;}
.sub05_add .point li .text p {font-size: 18px; line-height: 32px; margin-bottom: 10px;}





/* 윤리경영 */
#sub_content.sub0501 {margin-bottom: 0;}
.sub0501 .bg {margin-right: -30px; margin-left: -30px; padding: 100px 5%; background: url('/en/images/sub0501_img_1.jpg') no-repeat center;}
.sub0501 .announ {background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); padding: 100px; max-width: 1200px; margin: 0 auto;}
.sub0501 .announ .title {font-size: 40px; line-height: 40px; color: #FF5F00; margin-bottom: 50px; text-align: center;}
.sub0501 .announ .title h2 {font-size: 40px; line-height: 40px; color: #FF5F00; font-family: 'Noto_bold'; margin-bottom: 50px;}
.sub0501 .announ .title p {font-size: 20px; line-height: 40px;}
.sub0501 .announ .title p span {font-family: 'Noto_bold';}
.sub0501 .announ .list {padding: 50px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.sub0501 .announ .list li {font-size: 18px; line-height: 30px; margin-bottom: 15px; color: #666;}
.sub0501 .announ .list li:last-child {margin-bottom: 0;}
.sub0501 .announ .foot {margin-top: 50px; font-family: 'Noto_bold'; font-size: 18px; line-height: 30px; text-align: center;}

.go_page {display: inline-block; border: 1px solid #eee; padding: 0 40px; line-height: 60px; font-size: 20px;}
.go_page:hover {color: #FF5F00; border: 1px solid #FF5F00;}
.go_page span {transition: none;}

/* hse경영 */
.sub0502 .hse_img {margin: 100px 100px -100px; width: auto; height: 500px;}
.sub0502 .hse_img.hse_1 {background: url('/en/images/sub0502_img_1.jpg') no-repeat center; background-size: cover;}
.sub0502 .hse_img.hse_2 {background: url('/en/images/sub0502_img_2.jpg') no-repeat center; background-size: cover;}
.sub0502 .hse_img.hse_3 {background: url('/en/images/sub0502_img_3.jpg') no-repeat center; background-size: cover;}
.sub0502 .hse_img.hse_4 {background: url('/en/images/sub0502_img_4.jpg') no-repeat center; background-size: cover;}
.sub0502 .hse_text_box {max-width: 1200px; margin: 0 auto; padding: 100px 50px; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-top: 2px solid #FF5F00;}
.sub0502 .hse_text_box h2 {font-size: 40px; line-height: 40px; font-family: 'Noto_bold'; margin-bottom: 30px;}
.sub0502 .hse_text_box h2 span {font-size: 24px; color: #ddd;}
.sub0502 .hse_text_box h3 {font-size: 24px; line-height: 24px; font-family: 'Noto_bold'; margin-bottom: 30px;}
.sub0502 .hse_text_box p {font-size: 20px; line-height: 40px; color: #666;}
.sub0502 .hse_text_box ul {margin-top: 50px;}
.sub0502 .hse_text_box ul li {overflow: hidden; margin-bottom: 20px;}
.sub0502 .hse_text_box ul li:last-child {margin-bottom: 0;}
.sub0502 .hse_text_box ul li .num {float: left; width: 30px; margin-right: 20px; font-family: 'Inter'; font-weight: 700; font-size: 18px; line-height: 30px;}
.sub0502 .hse_text_box ul li .text {float: left; width: calc(100% - 50px); font-size: 18px; line-height: 30px; }

/* 비윤리 경영 신고 */
.formmail_wrap table {width: 100%; border-top: 1px solid #E5E5E5;}
.formmail_wrap table tr {border-bottom: 1px solid #E5E5E5;}
.formmail_wrap table th {font-size: 20px; line-height: 20px; vertical-align: middle; width: 200px; font-weight: normal; text-align: left; padding-left: 30px;}
.formmail_wrap table th span {position: relative;}
.formmail_wrap table th span:after {content: ''; display: inline-block; width: 5px; height: 5px; background: #FF5F00; border-radius: 3px; position: absolute; top: 1px; right: -5px;}
.formmail_wrap table td {width: calc(100% - 200px);}
.formmail_wrap table td select, .formmail_wrap table td input {margin: 20px 0; background: #FFFFFF; border: 1px solid #EEEEEE; line-height: 60px; padding: 0 30px; width: 100%; font-size: 18px;}
.formmail_wrap table td textarea {width: 100%; margin: 20px 0; background: #fff; border: 1px solid #eee; padding: 20px 30px; font-size: 18px; line-height: 28px;}
.formmail_wrap table td .guide {font-size: 14px; color: #999; line-height: 20px; margin-bottom: 5px;}
.formmail_wrap .pri_agree {font-size: 18px; line-height: 30px; background: #f5f5f5; padding: 30px;}
.formmail_wrap .agree_btn {margin-top: 30px;}
.formmail_wrap .agree_btn input {width: 20px; height: 20px; border-radius: 3px; vertical-align: bottom;}
.formmail_wrap .agree_btn label {font-size: 20px; line-height: 20px; margin-left: 5px;}
.formmail_wrap .submit_btn {display: block; margin-left: auto; margin-right: auto; width: 200px; height: 60px; line-height: 60px; text-align: center; background: #FF5F00; color: white; font-size: 20px;}
.formmail_wrap #captcha {margin-top: 5%;}


/* 인재상 */
#sub_content.sub0601 {margin-bottom: 0;}
.sub0601 .member_vision {background: #F9F9F9; margin-left: -30px; margin-right: -30px;}
.sub0601 .member_vision ul li {position: relative; margin-bottom: 50px;}
.sub0601 .member_vision ul li:last-child {margin-bottom: 0;}
.sub0601 .member_vision ul li .img {float: left; width: 200px;}
.sub0601 .member_vision ul li .text {float: left; width: calc(100% - 200px); padding-left: 50px; position: absolute;
    top: 50%; transform: translateY(-50%); right: 0;}
.sub0601 .member_vision ul li .text h3 {font-size: 24px; line-height: 30px; font-family: 'Noto_bold'; margin-bottom: 20px;}
.sub0601 .member_vision ul li .text p {font-size: 18px; line-height: 28px; color: #666;}
.sub0601 .swiper-slide {text-align: center;}

/* 제도소개 */
.sub0602 h3 {font-size: 24px; line-height: 24px; padding-bottom: 20px; border-bottom: 1px solid #eee; font-family: 'Noto_bold';}
.sub0602 h4 {font-size: 20px; line-height: 20px; margin-bottom: 30px; font-family: 'Noto_bold';}
.sub0602 p {font-size: 18px; line-height: 28px; margin-bottom: 5px;}
.sub0602 ul {overflow: hidden;}
.sub0602 ul li {float: left; text-align: center; width: 25%; padding: 0 3%;}
.sub0602 h5 {font-size: 24px; line-height: 24px; font-family: 'Noto_bold'; margin-top: 30px;}
.sub0602 .sub_text {font-size: 16px; line-height: 26px; color: #999; margin-top: 30px;}
.sub0602 .inline_p p {display: inline-block; margin-right: 50px;}



/* 사이트맵 */
.sitemap > li {float: left; width: 33.333%; height: 300px; padding: 0 30px; margin-bottom: 50px;}
.sitemap > li h3 {float: left; width: 150px; padding-top: 30px; border-top: 2px solid #FF5F00; font-size: 24px; line-height: 24px; font-family: 'Noto_bold'; color: #FF5F00;}
.sitemap > li #gnb_sub {float: left; width: calc(100% - 150px); padding-top: 30px; border-top: 2px solid #eee;}
.sitemap > li #gnb_sub li {font-size: 20px; line-height: 20px; margin-bottom: 30px; }
.sitemap > li #gnb_sub li a {transition: none;}
.sitemap > li #gnb_sub li:hover {color: #FF5F00;}


/* 개인정보 */
.policy_text_wrap {background: #f9f9f9; padding: 50px;}
.policy_text_wrap h3 {font-size: 24px; line-height: 34px; font-family: 'Noto_bold'; margin-bottom: 15px; margin-top: 30px;}
.policy_text_wrap h4 {font-size: 20px; line-height: 30px; font-family: 'Noto_bold'; margin-bottom: 15px; margin-top: 20px;}
.policy_text_wrap p {font-size: 16px; line-height: 28px; }