@charset "utf-8";

/* Sub Visual */
.sub_visual04_01_01 { background: url('../jpg/sub_visual04_01_01.jpg') no-repeat center center; background-size:cover; }
.sub_visual04_01_02 { background: url('../jpg/sub_visual04_01_02.jpg') no-repeat center center; background-size:cover; }
.sub_visual04_01_03 { background: url('../jpg/sub_visual04_01_03.jpg') no-repeat center center; background-size:cover; }
.sub_visual04_01_04 { background: url('../jpg/sub_visual04_01_04.jpg') no-repeat center center; background-size:cover; }
.sub_visual04_01_05 { background: url('../jpg/sub_visual04_01_05.jpg') no-repeat center center; background-size:cover; }
.sub_visual04_01_06 { background: url('../jpg/sub_visual04_01_06.jpg') no-repeat center center; background-size:cover; }
.sub_visual04_01_07 { background: url('../jpg/sub_visual04_01_07.jpg') no-repeat center center; background-size:cover; }
.sub_visual04_01_08 { background: url('../jpg/sub_visual04_01_08.jpg') no-repeat center center; background-size:cover; }

/* 공통 */
#sub-body-container { margin:0 0 150px; }
.mb_using{display:none;}


/* 보도자료 : List : 메인 배너 */
#press_releases_container .news_main_box { border-bottom:1px solid #ddd; }
#press_releases_container .news_main_box .release_img { max-width:1204px; height:440px; overflow: hidden; }
#press_releases_container .news_main_box .release_img > img { width:100%; }
#press_releases_container .news_main_box .release_text { padding:40px 40px 60px 40px; letter-spacing:-0.025em; box-sizing:border-box; }
#press_releases_container .news_main_box .release_text dl dt { margin:0 0 15px; font-size:32px; font-weight:600; color:#000; }
#press_releases_container .news_main_box .release_text dl dd { margin:0 0 40px; font-size:18px; font-weight:400; color:#666; }
#press_releases_container .news_main_box .release_text dl dd.date { margin:0 0 25px; font-size:16px; font-weight:400; color:#999; }
#press_releases_container .news_main_box .release_text .btn_detail { display:inline-block; width:174px; height:42px; line-height:40px; font-size:16px; font-weight:500; color:#a12642; text-align:center; background:url('../png/icon-arrow-right_on_bold.png') no-repeat 90% center; border:1px solid #a12642; border-radius:21px; box-sizing:border-box; }

#press_releases_container .swiper-pagination { bottom:57px; }
#press_releases_container .swiper-pagination span { width:10px; height:10px; margin:0 10px; }
#press_releases_container .swiper-pagination .swiper-pagination-bullet-active { background: #a12642; }

/* 보도자료 : List : 리스트 */
.release_list_container { margin:0 0 60px; }
.release_list_container:after { display:block; content:''; clear:both; }
.release_list_container li { padding:30px; border-bottom:1px solid #ddd; }
.release_list_container li:after { display:block; content:''; clear:both; }
.release_list_container li a { display:table; }
.release_list_container li a .img_box { display:table-cell; width:26%; vertical-align: middle; }
.release_list_container li a .img_box > img { width:100%; }
.release_list_container li a .subject_box { display:table-cell; width:70%; padding-left:3.5%; letter-spacing:-0.025em; word-break:keep-all;  vertical-align: middle; }
.release_list_container li a .subject_box .date { margin-top:0; font-size:16px; color:#999; }
.release_list_container li a .subject_box .subject { margin:10px 0; font-size:24px; color:#000; }
.release_list_container li a .subject_box .detail { font-size:18px; color:#666; }

#press_releases_container .btn_more_box { text-align:center; }
#press_releases_container .btn_more_box a { display:inline-block; }


/* 이벤트 : list */
#event_container .h3_title { margin:0 0 30px; font-size:32px; font-weight:600; color:#222; line-height:1em;}
#event_container .list_num { margin:0 0 30px; font-size:18px; color:#999; }
#event_container .list_num span { color:#a12642; }

/* 이벤트 : List : 검색 */
.event_search_box_container { display:block; margin:0 0 80px; padding:40px 0; background: #eee; }
.event_search_box_container .event_search_box { position: relative; display:block; width:800px; height:78px; line-height:78px; margin:0 auto; padding-left:35px; background: #fff; border:2px solid #666; border-radius:40px; box-sizing:border-box; }
.event_search_box_container .event_search_box form { display: -webkit-inline-box; }

.event_search_box_container .event_search_box select { display:none; }

.event_search_box_container .event_search_box .select_area { display:inline-block; width:30%; height:74px; line-height:74px; font-size:20px; font-weight:500; color:#222; background: none; border:none; box-sizing: border-box; outline:0; }
.event_search_box_container .event_search_box .select_area .b_all { position:relative; }
.event_search_box_container .event_search_box .select_area .b_all > a { display:block; padding-left:30px; font-size:20px; font-weight:500; color:#222; background: url('../png/icon-arrow-down2.png') no-repeat 90% center; }

.event_search_box_container .event_search_box .select_area .b_all > ul { position:absolute; left:0; top:73px; display:none; width:100%; z-index:100; background: #fff; }
.event_search_box_container .event_search_box .select_area .b_all > ul > li > a { display:block; line-height:60px; padding-left:30px; font-size:20px; font-weight:500; color:#222; }
.event_search_box_container .event_search_box .select_area .b_all > ul > li:hover > a { color:#a12642; }

.event_search_box_container .event_search_box .select_area .b_all.current { background: #fff; box-shadow: 1px 7px 12px 1px rgba(0,0,0,0.14); }
.event_search_box_container .event_search_box .select_area .b_all.current > ul { box-shadow: 1px 7px 12px 1px rgba(0,0,0,0.14); }


.event_search_box_container .event_search_box input[type=text]{ display:inline-block; width:59%; height:78px; line-height:78px; padding-left:40px; font-size:20px; background: none; border:none; box-sizing: border-box; outline:0; }
.event_search_box_container .event_search_box input[type=submit] { position: absolute; display:inline-block; width:10%; height:78px; font-size:0; background:url('../png/icon-search2.png') no-repeat left center; border:none; outline:0; right:0;}

.event_search_box_container .event_search_box input[type=text]::placeholder { font-weight:300; color:#aaa; }


/* 이벤트 : 메인 이벤트 */
.event_main { margin:0 0 60px; padding-bottom:60px; background: none; border-bottom:1px solid #ddd; }
.event_main:after { display:block; content:''; clear:both; }

.event_main .event_m_left_img { position:relative; float:left; width:60%; }
.event_main .event_m_left_img > img { width:100%; }
.event_main .event_m_left_img .date_box { position:absolute; right:20px; top:12px; display:block; width:80px; height:80px; padding-top:10px; color:#fff; text-align:center; background: #a12642; box-sizing:border-box; }
.event_main .event_m_left_img .date_box b { display:block; font-size:24px; font-weight:600; }
.event_main .event_m_left_img .date_box span { display:block; margin-top:2px; font-size:16px; opacity:0.7; }

.event_main .event_m_right_text { float:right; width:40%; padding:60px 60px 0 60px; letter-spacing:-0.025em; box-sizing:border-box; }
.event_main .event_m_right_text dl dt { margin:0 0 15px; font-size:32px; font-weight:600; color:#000; }
.event_main .event_m_right_text dl dd { font-size:18px; font-weight:400; color:#666; }
.event_main .event_m_right_text dl dd.link {margin: 30px 0;}
.event_main .event_m_right_text dl dd.link a { display:inline-block; font-size:16px; font-weight:400; color:#a12642; }
.event_main .event_m_right_text dl dd.event_txt {margin-bottom:30px; font-size:18px; word-break:break-all;}
.event_main .event_m_right_text .btn_reser { display:inline-block; width:204px; height:42px; line-height:40px; font-size:16px; font-weight:500; color:#a12642; text-align:center; background:url('../png/icon-arrow-right_on_bold.png') no-repeat 90% center; border:1px solid #a12642; border-radius:21px; box-sizing:border-box; }


/* 이벤트 : 이벤트 List */
.event_list_container:after { display:block; content:''; clear:both; }
.event_list_container li { position:relative; float:left; width:32%; margin-bottom:30px; margin-right:1.5%; }
.event_list_container li:nth-child(3n) {margin-right:0; }
.event_list_container strong:nth-child(3n)>li {margin-right:0; }
.event_list_container li .img_box { overflow:hidden; border-bottom:1px solid #ddd; }
.event_list_container li .img_box > img { width:100%; }
.event_list_container li .detail_box { padding:60px 30px 77px; letter-spacing:-0.025em; border:1px solid #ddd; position:relative; }
.event_list_container li .detail_box dl { height:250px; overflow:hidden; }
.event_list_container li .detail_box dl dt { height:70px; padding:0 0 15px; font-size:24px; font-weight:600; color:#000; }
.event_list_container li .detail_box dl dd { font-size:16px; color:#999; }
.event_list_container li .detail_box dl dd.link a { display:block; margin:10px 0 10px; color:#a12642; }
.event_list_container li .detail_box dl dd.event_txt {margin-bottom:30px; font-size:16px; word-break:break-all;}
.event_list_container li .detail_box .btn_reser { display:block; width:174px; height:42px; line-height:40px; font-size:16px; font-weight:500; color:#a12642; text-align:center; background:url('../png/icon-arrow-right_on_bold.png') no-repeat 93% center; border:1px solid #a12642; border-radius:21px; box-sizing:border-box; padding-right:7px; position:absolute; bottom:35px; left:50%; transform:translateX(-50%);  -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }

.event_list_container li .date_box { position:absolute; left:30px; top:30%; display:block; width:80px; height:80px; color:#fff; text-align:center; box-sizing:border-box; }
.event_list_container li .date_box b { display:block; font-size:24px; font-weight:600; }
.event_list_container li .date_box span { display:block; margin-top:2px; font-size:16px; opacity:0.7; }

.event_list_container li .date_box.date_start { top:200px; padding-top:10px; background: #a12642; }
.event_list_container li .date_box.ending { padding:10px 0; font-size:20px; font-weight:400; background: #666; }

.event_list_container li.disable .detail_box .btn_reser { color:#ddd; border-color:#ddd; background:url('../png/icon-arrow-right_disable.png') no-repeat 90% center; }

#event_container .btn_detail { display:block; margin:60px 0 0; text-align:center; }
#event_container .btn_detail a { display:inline-block; }

/* 예약하기 : 팝업 */
#reservation_container { position:fixed; display:none; left:50%; top:50%; width:720px; padding-top:35px; background: #fff; box-sizing:border-box; transform: translate(-50%, -50%); z-index:102; }
#reservation_container .title { margin:0; padding-left:40px; font-size:32px; font-weight:600; color:#222; }
#reservation_container .scroll_box { display:block; height:600px; padding:40px; overflow-y:auto; background: #fff; }
#reservation_container .scroll_box .place{margin:5px 0 10px 0;}
#reservation_container .scroll_box .event_txt{ word-break:break-all; color:#666;}
#reservation_container .subject { font-size:24px; font-weight:500; color:#222; }

#kindtype_txt { font-size:20px; }

#reservation_container label { display:block; margin:0 0 3px; font-size:16px; font-weight:500; color:#999; }
#reservation_container label span { font-weight:500; color:#a12642; }
#reservation_container input { width:100%; height:43px; line-height:41px; font-size:20px; color:#222; border:none; border-bottom:1px solid #ccc; outline:0; }

#reservation_container select { width:100%; height:44px; line-height:32px; font-size:20px; font-weight:500; color:#222; background: url('../png/icon-arrow-down2.png') no-repeat 99% 50%; border:none; border-bottom:1px solid #ccc; appearance:none; -webkit-appearance: none; -moz-appearance: none;  outline:0; }

#reservation_container ul > li { display:block; width:100%; height:70px; padding-top:25px; float:left;}
#reservation_container ul > li:first-child { margin-right:6%; }
#reservation_container ul > li.w50 { display:inline-block; width:47%; vertical-align: middle; }
#reservation_container ul > li.w50:first-child { margin-right:3%; }
#reservation_container textarea { margin:30px 0; padding:20px; font-size:16px; font-weight:500; color:#999; box-sizing:border-box; border:none; outline:0; resize:none; background-color:#f1f1f1; }
#reservation_container .btn_reser_complet { display:block; width:280px; line-height:70px; margin:0 auto; font-size:24px; font-weight:500; color:#fff; text-align:center; background: #a12642; border-radius:35px; }
#reservation_container .event_img { position:relative; width:100%; height:auto; margin:0 auto; text-align:center; overflow: hidden;  }
#reservation_container .event_img img { width:100%; }

#reservation_container .btn_x { position:absolute; right:40px; top:35px; }

.inquiry_foot { display:inline-block; position:relative; margin-bottom:30px; width:100%; background-color:#f8f8f8; padding:40px 45px; margin-top:10px; box-sizing:border-box; font-size:18px; line-height:28px; text-align:center; }
.inquiry_foot span { display:block; text-align:left;}
.inquiry_foot .font_red { color:#a12642; display:inline-block; }
.inquiry_foot .btn_submit { display:inline-block; width:280px; height:70px; font-size:28px; color:#fff; line-height:70px; text-align:center; border-radius:70px; background-color:#a12642; margin:40px 0; }
.inquiry_foot .check_box { position:absolute; top:-10px; left:-55px; }

.checks {position: relative;}
.checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checks input[type="checkbox"] + label { display: inline-block; padding:0 0 15px 25px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ position: absolute; top:4px; left:0; content: ' '; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin:0 8px 0 0; text-align: center; vertical-align: middle; border-radius:3px; background: #ccc; }
.checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {  }
.checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ border-radius:3px; color: #a12642  }

#reservation_container .hasDatepicker { background:url('../png/icon-calender.png') 99% 70% no-repeat;}

/* 예약완료 : 팝업 */
#reservation_complete { position:fixed; display:none; left:50%; top:107px; width:720px; padding:160px 0 220px; color:#fff; text-align:center; background: #a12642; box-sizing:border-box; transform: translateX(-50%); z-index:102; }
#reservation_complete .icon { width:200px; height:200px; margin:0 auto; border-radius:100%; box-shadow:10px 10px 30px rgba(0,0,0,0.4); }
#reservation_complete .text1 { margin:50px 0 25px; font-size:42px; font-weight:500; }
#reservation_complete .text2 { font-size:36px; font-weight:200; }
#reservation_complete .btn_x { position:absolute; right:40px; top:35px; }


/* 문의하기 : 공통  */
#contact-us-container .contact-us-tab { display:block; margin:0 0 55px; }
#contact-us-container .contact-us-tab:after { display: block; content:''; clear: both; }
#contact-us-container .contact-us-tab > li { float:left; width:50%; }
#contact-us-container .contact-us-tab > li > a { display: block; width:100%; height:70px; line-height:70px; font-size:20px; font-weight:400; color:#999; text-align:center; border:1px solid #ddd; box-sizing:border-box; }

#contact-us-container .contact-us-tab > li:first-child > a { border-right:none; }

#contact-us-container .contact-us-tab > li.current > a { font-weight:500; color:#fff; background: #a12642; border-color:#a12642; }

#contact-us-container .contact-us-detail .address_txt { line-height:28px; margin:0 0 30px; padding-left:35px; font-size:24px; color:#222; background: url('../png/icon-location.png') no-repeat left center; }
#contact-us-container .contact-us-detail .map-container { position:relative; margin:0 0 60px; }
#contact-us-container .contact-us-detail .map-container .btn_direct { position:absolute; right:20px; bottom:20px; display:block; width:172px; height:40px; line-height:40px; font-size:16px; font-weight:500; color:#a12642; text-align:center; background: url('../png/icon-arrow-right_on_bold.png') no-repeat 90% center, #fff; border:1px solid #a12642; border-radius:20px; }

#contact-us-container .contact-us-detail .contact-info-list:after { display:block; content:''; clear:both; }
#contact-us-container .contact-us-detail .contact-info-list dl { float:left; width:25%; }
#contact-us-container .contact-us-detail .contact-info-list dl dt { margin:0 0 30px; font-size:20px; font-weight:600; color:#222; }
#contact-us-container .contact-us-detail .contact-info-list dl dt span { color:#999; }
#contact-us-container .contact-us-detail .contact-info-list dl dd { padding-right:80px; font-size:18px; color:#666; }
#contact-us-container .contact-us-detail .contact-info-list dl dd.phone { margin-top:7px; color:#a12642; }


#contact-us-container .submain-contents-wrap {width:100%;padding:80px 0 0;}

#contact-us-container .submain-contents {width:100%;max-width:1204px;margin:0 auto;}
#contact-us-container .submain-info { background-color:#f8f8f8; }
#contact-us-container .submain-info::after {content:'';display:block;clear:both;}
#contact-us-container .submain-info > li { position:relative; float:left;width:50%;height:252px;padding:40px 0 0 60px;-webkit-box-sizing:border-box;box-sizing:border-box;}
#contact-us-container .submain-info > li:first-child::after { position:absolute; content:''; width:1px; height:180px; top:40px; right:0; background-color:#ddd;}
#contact-us-container .submain-info > li:nth-child(1) {background:url('../png/bg-support.png');background-position:90% 125px;background-repeat:no-repeat;}
#contact-us-container .submain-info > li:nth-child(2) {background:url('../png/bg-email.png');background-position:90% 124px;background-repeat:no-repeat;}
#contact-us-container .submain-info > li p {font-size: 24px;font-weight: 500;color:#222222;line-height:1em;}
#contact-us-container .submain-info > li p.submain-tel-num {font-size: 42px;font-weight: 600;margin-top:30px;}
#contact-us-container .submain-info > li p.submain-tel-num > span {display:inline-block;font-size: 16px;font-weight: 400;color:#999;margin-left:15px;}
#contact-us-container .submain-info > li dl dt,
#contact-us-container .submain-info > li dl dd {float:left;line-height:1em;padding-bottom:12px;}
#contact-us-container .submain-info > li dl dt {font-family:'Noto Sans KR'!important;font-size: 16px;font-weight: 350;color:#666;}
#contact-us-container .submain-info > li dl dd {padding-top:2px;font-weight: 500;color:#222;}
#contact-us-container .submain-info > li:nth-child(1) dl {margin-top:20px;}
#contact-us-container .submain-info > li:nth-child(1) dl dt {width:150px;}
#contact-us-container .submain-info > li:nth-child(1) dl dd {width:calc(100% - 150px);}
#contact-us-container .submain-info > li:nth-child(2) dl {margin-top:42px;}
#contact-us-container .submain-info > li:nth-child(2) dl dt {width:130px;}
#contact-us-container .submain-info > li:nth-child(2) dl dd {width:calc(100% - 130px);}


@media only screen and (max-width:1204px) {
    #contact-us-container .submain-info > li:nth-child(1) { background-position:90% 10%; }
    #contact-us-container .submain-info > li:nth-child(2) { background-position:90% 10%; }
}


/* HR : 채용정보 */
#common_tab_area { display:block; max-width:1200px; margin:0 auto 80px; }
#common_tab_area ul:after { display:block; content:''; clear:both; }
#common_tab_area ul > li { float:left; }
#common_tab_area ul > li > a { display:block; height:70px; line-height:68px; font-size:20px; font-weight:400; color:#999; text-align: center; border:1px solid #ddd; border-right:none; box-sizing:border-box; }
#common_tab_area ul > li:last-child a { border-right:1px solid #ddd; }
#common_tab_area ul > li.current a { color:#fff; background: #a12642; border-color:#a12642; }

#common_tab_area.tab05 ul > li { width:20%; }
#common_tab_area.tab04 ul > li { width:25%; }

#recurit_container .h3_title { margin:0 0 60px; font-size:36px; font-weight:600; color:#222; }
#recurit_container .h3_title_2 { margin:0 0 30px; font-size:36px; font-weight:500; color:#222; }

#recurit_container .process_box:after { display:block; content:''; clear:both; }
#recurit_container .process_box li { display:block; float:left; width:25%; margin:0 0 100px; text-align:center; background: url('../png/icon-arrow-right3.png') no-repeat right 85px; }
#recurit_container .process_box li .text1 { margin:30px 0 10px; font-size:24px; font-weight:500; color:#222; }
#recurit_container .process_box li .text2 { font-size:16px; font-weight:400; color:#666; }
#recurit_container .process_box li:last-child { background: none; }

#recurit_container .total_txt { margin:0 0 30px; font-size:18px; color:#999; }
#recurit_container .total_txt span { color:#a12642; }

#recurit_container .list_box { position:relative; padding:60px 30px 60px 306px; border-bottom:1px solid #ddd;}
#recurit_container .list_box .list_title { margin:0 0 40px; font-size:32px; font-weight:500; color:#a12642; }
#recurit_container .list_box dl { margin:0 0 20px; }
#recurit_container .list_box dl dt { margin:0 0 10px; font-size:24px; font-weight:500; color:#222; }
#recurit_container .list_box dl dd { line-height:32px; padding-left:15px; font-size:18px; color:#666; background: url('../png/ico_dot.png') no-repeat left 12px; }
#recurit_container .list_box dl dd span.nine3 { display:block; color:#999; }
#recurit_container .list_box table { width:100%; margin:0 0 30px; border-collapse: collapse; border-spacing: 0; }
#recurit_container .list_box table th { line-height:40px; font-size:16px; font-weight:500; color:#222; text-align:center; background: #ddd; }
#recurit_container .list_box table td { line-height:28px; padding:15px 30px; font-size:18px; color:#666; text-align: center; border-bottom:1px solid #ddd; }
#recurit_container .list_box table td span { display:block; }
#recurit_container .list_box table td p { margin-top:15px; }

#recurit_container .list_box .btn_support { position:absolute; right:30px; top:40px; display:block; width:174px; line-height:42px; font-size:16px; font-weight:500; color:#fff; text-align:center; background: url('../png/icon-arrow-right4.png') no-repeat 90% 50%, #a12642; border-radius:21px; }
#recurit_container .list_box .btn_shorcut { position:absolute; right:30px; top:40px; display:block; width:174px; line-height:42px; font-size:16px; font-weight:500; color:#a12642; text-align:center; background: url('../png/icon-arrow-right_on_bold.png') no-repeat 90% 50%; border-radius:21px; border:1px solid #a12642; }


#recurit_container .list_box01 { background: url('../png/recruit_img05.png') no-repeat 50px 82px; border-top:2px solid #ccc; }
#recurit_container .list_box02 { background: url('../png/recruit_img06.png') no-repeat 50px 82px; }
#recurit_container .list_box03 { margin:0 0 80px; background: url('../png/recruit_img07.png') no-repeat 50px 50%; }

#recurit_container .faq_box { display:block; border-top:2px solid #ccc; }
#recurit_container .faq_box > li { font-size:18px; background: url('../png/icon-arrow-down3-2.png') no-repeat 97% 37px; border-bottom:1px solid #ddd; }
#recurit_container .faq_box > li > a { display:block; padding:30px 85px; color:#222; background: url('../png/icon-q-2.png') no-repeat 30px 35px; }
#recurit_container .faq_box > li > .a_txt { display:none; padding:30px 85px; color:#666; background: url('../png/icon-a-2.png') no-repeat 30px 37px; background-color:#f8f8f8; }

#recurit_container .faq_box > li.on { background: url('../png/icon-arrow-up2-2.png') no-repeat 97% 37px; }
#recurit_container .faq_box > li.on > a > span { padding-bottom:5px; color:#a12642; border-bottom:1px solid #a12642; }

/* 지원하기 : 팝업 */
#support_container { position:fixed; display:none; left:50%; top:107px; max-width:720px; background: #fff; box-sizing:border-box; transform: translateX(-50%); z-index:102; }
#support_container .title { padding:35px 0 35px 40px; font-size:32px; font-weight:600; color:#222; background-color:#f8f8f8; box-sizing:border-box; }
#support_container .scroll_box { display:block; height:650px; padding:40px; overflow-y:auto; }
#support_container .subject { margin:0 0 0; font-size:36px; font-weight:300; color:#222; }

#support_container label { display:block; margin:0 0 3px; font-size:16px; font-weight:500; color:#999; }
#support_container label span { font-weight:500; color:#a12642; }
#support_container input { width:100%; line-height:41px; font-size:20px; color:#222; border:none; border-bottom:1px solid #ccc; outline:0; }
#support_container input[type="text"]:focus,
#support_container input[type="email"]:focus { border-color:#a12642; }
#support_container input[type=file] { border:none; margin:5px 0; }

#support_container select { width:100%; height:44px; line-height:32px; font-size:20px; font-weight:500; color:#222; background: url('../png/icon-arrow-down2.png') no-repeat 100% 50%; border:none; border-bottom:1px solid #ccc; appearance:none; -webkit-appearance: none; -moz-appearance: none;  outline:0; }

#support_container ul > li { display:block; width:100%; height:70px; padding-top:25px; }
#support_container ul > li.file { height:auto; margin:0 0 30px; overflow:hidden; }
#support_container ul > li.file .file_txt { margin:0 0 20px; font-size:16px; font-weight:500; color:#999; line-height:36px; float:left; }
#support_container ul > li.file .file_txt span { display:inline-block; margin-left:30px; font-size:14px; font-weight:400; color:#999; }
#support_container ul > li.file .file_btn_box { float:right; }
#support_container ul > li.file .file_btn_box a { display:inline-block; width:100px; height:36px; box-sizing:border-box; text-align:center; line-height:34px; border:1px solid #a12642; border-radius:18px; font-size: 16px; font-weight: 500; color:#a12642; }
#support_container ul > li.file .file_btn_box a + a { margin-left:8px; }
#support_container ul > li.file > ul { width:100%; height:106px; box-sizing:border-box; overflow-y: auto; background-color:#f8f8f8; padding:15px 10px 15px 30px; }
#support_container ul > li.file > ul > li { height:32px; line-height:32px; box-sizing: border-box; margin-bottom:10px; padding:0; padding-right:10px; }
#support_container ul > li.file > ul > li:last-child { margin-bottom:0; }
#support_container ul > li.file > ul > li a { display:block; float:right; width:32px; height:32px; text-indent:-9999px; background:url('../png/attatchment-delete.png') no-repeat; }

#support_container ul > li.file input[type=text] { display:none; width:80%; line-height:34px; font-size:16px; font-weight:400; color:#222; vertical-align: middle; background: #fff; border:none; border-bottom:none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#support_container ul > li.file input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
#support_container ul > li.file label { display:inline-block; width:100px; line-height:34px; margin:0; font-size:16px; font-weight:500; color:#a12642; text-align:center; border:1px solid #a12642; border-radius:17px; vertical-align: middle; cursor: pointer; }
#support_container ul > li.file .file_box{ margin:0 0 10px; }

#support_container .btn_reser_complet { display:block; width:280px; line-height:70px; margin:0 auto; font-size:24px; font-weight:500; color:#fff; text-align:center; background: #a12642; border-radius:35px; }

#support_container .btn_x { position:absolute; right:40px; top:35px; }

/* 지원완료 : 팝업 */
#support_complete { position:fixed; display:none; left:50%; top:107px; width:720px; padding:160px 0 220px; color:#fff; text-align:center; background: #a12642; box-sizing:border-box; transform: translateX(-50%); z-index:102; }
#support_complete .icon { width:200px; height:200px; margin:0 auto; border-radius:100%; box-shadow:10px 10px 30px rgba(0,0,0,0.4); }
#support_complete .text1 { margin:50px 0 25px; font-size:42px; font-weight:500; }
#support_complete .text2 { font-size:36px; font-weight:200; }
#support_complete .btn_x { position:absolute; right:40px; top:35px; }


/* 공통 : 게시판 : List */
#common_board_list { border-top:2px solid #ccc; }
#common_board_list .board_top { display:block; line-height:76px; border-bottom:1px solid #ddd; }
#common_board_list .board_top:after { display:block; content:''; clear:both; }
#common_board_list .board_top p { display:block; float:left; font-size:18px; font-weight:600; color:#222; text-align:center; }

#common_board_list ul li { display:block; height:76px; border-bottom:1px solid #ddd; }
#common_board_list ul li:after { display:block; content:''; clear:both; }
#common_board_list ul li > div { display:block; float:left; font-size:18px; text-align:center; box-sizing:border-box; }

#common_board_list ul li > div.subject { line-height:76px; padding-left:30px; color:#222; text-align:left; }
#common_board_list ul li > div.date { line-height:76px; color:#999; }

#common_board_list.type01 .board_top p.subject { width:80%; }
#common_board_list.type01 .board_top p.date { width:20%; }

#common_board_list.type01 ul li > div.subject { width:80%; }
#common_board_list.type01 ul li > div.date { width:20%; }

#common_board_list.type02 .board_top p.subject { width:55%; }
#common_board_list.type02 .board_top p.date { width:15%; }
#common_board_list.type02 .board_top p.down { width:30%; }

#common_board_list.type02 ul li > div.subject { width:55%; }
#common_board_list.type02 ul li > div.date { width:15%; }
#common_board_list.type02 ul li > div.down { width:30%; color:#222; }
#common_board_list.type02 ul li > div.down:after { display:block; content:''; clear:both; }
#common_board_list.type02 ul li > div.down > a { display:block; float:left; width:48%; line-height:76px; margin:0 1%; padding:0 20px 0 30px; font-size:18px; color:#666; background: url('../png/icon-pdf.png') no-repeat left 50%; box-sizing:border-box; }
#common_board_list.type02 ul li > div.down > .on { color:#a12642; background: url('../png/icon-pdf_on.png') no-repeat left 50%; }


/* 공통 : 게시판 : List 페이징 */
#paging_area { display:block; margin:40px 0 0; text-align:center; }
#paging_area a { display:inline-block; width:32px; height:32px; line-height:30px; font-size:1em; font-weight:300; color:#999; text-align:center; vertical-align:middle; }
#paging_area a.on { color:#fff; background: #a12642; border-radius:100%;  }
#paging_area span { display:inline-block; width:32px; height:32px; line-height:32px; font-size:1em; font-weight:300; color:#999; text-align:center; vertical-align:middle; cursor: pointer; }
#paging_area span:first-child { margin-right:20px; font-size:0; background: url('../png/icon-arrow-left2.png') no-repeat center; }
#paging_area span:last-child { margin-left:20px; font-size:0; background: url('../png/icon-arrow-right2_on.png') no-repeat center;}

.ver_mb_more { display:none; }


/* 공통 : 게시판 : View */
#common_table_view { display:block; }
#common_table_view .subject_area { position:relative; display:block; padding:40px 100px 40px 30px; border-top:2px solid #ccc; border-bottom:1px solid #ddd; }
#common_table_view .subject_area .subject { display:block; font-size:24px; font-weight:600; color:#222; }
#common_table_view .subject_area .date { display:block; margin-top:15px; font-size:16px; font-weight:400; color:#999;  }

#common_table_view .subject_area .btn_share { position:absolute; right:35px; top:50px; }

#common_table_view .subject_area .share_area { position:absolute; right:0; top:96px; display:none; padding:10px; background: #fff; box-shadow: 10px 10px 30px #ddd; z-index:7;}
#common_table_view .subject_area .share_area a img { width:auto; }

/* 공통 : 게시판 : View : 내용 */
#common_table_view .detail_area { padding:40px 30px; }
#common_table_view .detail_area > img { width:100%; }
#common_table_view .detail_area .text_area { padding:20px 0; font-size:18px; color:#666; }
#common_table_view .detail_area .text_area h2{ font-size:24px; margin-bottom: 16px;}
#common_table_view .detail_area .text_area a{color: #0782C1; text-decoration: underline; font-weight: 500;}
#common_table_view .detail_area .text_area strong a{font-weight: bold;}
/* #common_table_view .detail_area .text_area a:hover{color: #056494; } */
#common_table_view .detail_area .text_area p + p { margin-top:25px; }
#common_table_view .detail_area .text_area ul {padding-left: 20px;}
#common_table_view .detail_area .text_area ul li{list-style: disc;}
#common_table_view .detail_area .video-wrap {width: 720px;height: 405px;max-width: 100%;margin: 30px auto;border-radius: 24px;overflow: hidden;}

@media only screen and (max-width: 763px){
    #common_table_view .detail_area .text_area iframe {width:100%; height: 50vw;}
    #common_table_view .detail_area .video-wrap {height: 50vw;}
}

#common_table_view .detail_area .attachments_box { display:block; margin-top:80px; font-size:18px; }
#common_table_view .detail_area .attachments_box b { display:inline-block; margin-right:10px; }
#common_table_view .detail_area .attachments_box a { display:inline-block; padding-left:30px; background: url('../png/icon-pdf.png') no-repeat left 50%; }

/* 공통 : 게시판 : View : 이전글, 다음글 */
#common_table_view .board_prev_and_next { padding:40px 0; border-top:1px solid #ccc; border-bottom:2px solid #ddd; }
#common_table_view .board_prev_and_next:after { display:block; content:''; clear:both; }

#common_table_view .board_prev_and_next span { display:inline-block; line-height:28px; text-align:center; vertical-align:middle; }
#common_table_view .board_prev_and_next .txt { width:70px; font-size:18px; color:#666; }
#common_table_view .board_prev_and_next .line { width:30px; font-size:16px; color:#ddd; }
#common_table_view .board_prev_and_next .list_txt { width:70%; font-size:18px; white-space:nowrap; text-overflow: ellipsis; text-align: left; overflow:hidden; color:#666; }

#common_table_view .board_prev_and_next .prev_box { float:left; width:50%; }
#common_table_view .board_prev_and_next .prev_box a { display:block; padding-left:30px; background: url('../png/icon-arrow-left3_on.png') no-repeat left center; }

#common_table_view .board_prev_and_next .next_box { float:right; width:50%; }
#common_table_view .board_prev_and_next .next_box a { position:relative; display:block; height:28px; padding-right:30px; background: url('../png/icon-arrow-right3_on.png') no-repeat 99.9% center; }
#common_table_view .board_prev_and_next .next_box a span { position:absolute; top:auto; }
#common_table_view .board_prev_and_next .next_box a .txt { right:30px; }
#common_table_view .board_prev_and_next .next_box a .line { right:100px; }
#common_table_view .board_prev_and_next .next_box a .list_txt { right:130px; text-align:right; }

#common_table_view .board_prev_and_next .prev_box a.disable { background: url('../png/icon-arrow-left3.png') no-repeat left center; }
#common_table_view .board_prev_and_next .next_box a.disable { background: url('../png/icon-arrow-right3_on.png') no-repeat 99.9% center; }

/* 공통 : 게시판 : View : 하단 버튼 */
#common_table_view .board_btn_area { margin:40px 0 0; text-align:center; }
#common_table_view .board_btn_area .btn_list { display:inline-block; width:274px; line-height:64px; font-size:20px; font-weight:500; color:#fff; background: #a12642; border-radius:32px; }


/* IR : 공시 */
#ir_announce_container .notice_area { min-height:900px; background: #f1f1f1; }

/* IR : 공고 */
#ir_announce_container #common_tab_area { margin:0 auto; }

#ir_announce_container .announcement_select { max-width:1204px; margin:60px auto 40px; text-align:right; }
#ir_announce_container .announcement_select select { display:inline-block; width:200px; height:50px; line-height:48px; padding-left:20px; font-size:18px; color:#666; background:url('../png/icon-arrow-down-2.png') no-repeat 90% 50%, #fff; border:1px solid #ddd; appearance: none; -webkit-appearance: none; -moz-appearance: none; }


/* 재무정보 */
.financial-wrap { width:100%;max-width:1204px;margin:-30px auto 0;}
.financial-wrap > div::after {display:block;content:'';clear:both;}
#financial-tbl-sel::-ms-expand { display: none; }
#financial-tbl-sel {position:relative;float:right;width:200px;height:50px;border:1px solid #ddd;box-sizing:border-box;padding:0 20px;font-size: 18px;font-weight: 300;color:#666; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url('../png/icon-arrow-down-2.png') 167px center no-repeat;}
.tbl-wrap {position:relative;margin-top:55px;}
.tbl-wrap:nth-of-type(2) {margin-top:20px;}
.tbl-wrap .tbl-title {font-size: 24px;font-weight: 500;color:#222;}
.tbl-wrap .tbl-unit {position:absolute;top:3px;right:0;font-size: 18px;font-weight: 300;color:#666;}
.tbl-container {margin-top:10px;}
.financial-tbl {width:100%;border-collapse: collapse;border-top:2px solid #ccc;border-bottom:2px solid #cccd;font-size: 18px;table-layout: fixed;}
.financial-tbl caption {display:none;}
.financial-tbl thead tr th,
.financial-tbl tbody tr th,
.financial-tbl tbody tr td {border-right:1px solid #ccc;padding:20px 0;}
.financial-tbl thead tr th:last-child,
.financial-tbl tbody tr td:last-child {border-right:0;}
.financial-tbl thead tr th {background-color:#fafafa;}
.financial-tbl tbody tr th,
.financial-tbl tbody tr td {border-top:1px solid #ccc;}
.financial-tbl thead tr th {font-weight: 700;color:#222;}
.financial-tbl tbody tr th {font-weight: 700;color:#999;}
.financial-tbl tbody tr td {text-align:right;font-weight: 400;color:#222;padding-right:30px;}

/* CI */
h3.h3_title{font-size: 36px; line-height:66px; font-weight:600; margin-bottom:20px;}
.ci_logo{border-bottom: 1px solid #ddd;}
.ci_logo:after{display:block; content:''; clear: both;}
.ci_logo .logo_img_box{width:100%; margin-bottom:70px;}
.ci_logo .logo_img_box:after{display:block; content:''; clear: both;}
.ci_logo .logo_img_box img{width:49.15%; display:block; float:left;}
.ci_logo .logo_img_box img:first-child{margin-right:1.7%;}
.ci_download {float: left; position: relative; left:50%; transform: translateX(-50%); margin-bottom:80px;}
.ci_download:after{display:block; content:''; clear: both;}
.ci_download a{display:block; float:left; width:324px; height:64px; line-height:65px; margin:0 auto; font-size:20px; font-weight:500; color:#666; border:1px solid #999; border-radius:32px; box-sizing:border-box; background: url('../png/download_btn.png') no-repeat 90% center; padding-left:30px; border: 1px solid #666;}
.ci_download a:first-child{margin-right:20px; }
.ci_color{margin-top:60px;}
.ci_color h3{margin-bottom:0;}
.ci_color_text{margin-bottom:50px;}
.ci_color_text dl dt{font-size: 24px; line-height:66px; font-weight:400;}
.ci_color_text dl dd{font-size: 18px; line-height:28px; font-weight:350; color:#666;}
.ci_color_text dl dt span{color:#a12743;}
.ci_color_img dl{width:24.25%; float:left; margin-right:1%;}
.ci_color_img dl:last-child{margin-right:0;}
.ci_color_img dl dt{ margin-bottom:15px; height:153px;}
.ci_color_img dl dt.img1{background: url('../jpg/ci_color_img01.jpg') no-repeat center center; background-size:98%;}
.ci_color_img dl dt.img2{background: url('../jpg/ci_color_img02.jpg') no-repeat center center; background-size:98%;}
.ci_color_img dl dt.img3{background: url('../jpg/ci_color_img03.jpg') no-repeat center center; background-size:98%;}
.ci_color_img dl dt.img4{background: url('../jpg/ci_color_img04.jpg') no-repeat center center; background-size:98%;}
.ci_color_img dl dd{font-size:18px; line-height:28px; color:#999; padding-left:20px; box-sizing:border-box;}
.ci_color_img dl dd span{font-weight:700;}


/* HR - 기업철학 */
.phil_wrap_01 P {font-size: 24px; font-weight: 300; color:#222; text-align:center; }
.phil_wrap_01 p span.txt_medium {font-weight: 500;}
.phil_wrap_01 p:first-child {font-size: 60px; margin-bottom:25px; }

.phil_wrap_02 { width:100%; max-width:1400px; height:600px; margin:0 auto; text-align:center; background:url('../jpg/bg-philosophy.jpg') center center no-repeat; background-size:cover; margin-top:55px; padding-top:85px; box-sizing:border-box; }
.phil_wrap_02 ul li { width:540px; height:60px; font-size: 24px; font-weight: 700; color:#fff; line-height:60px; margin:10px auto 0; border-bottom:1px solid rgba(221,221,221,0.25);}
.phil_wrap_02 ul li:last-child {border:0;}

.phil_wrap_03 { background-color:#fff; margin-top:-157px; padding-top:70px; }
.phil_wrap_03 p { font-size: 36px; font-weight: 500; color:#222; text-align:center; margin-bottom:100px; }
.phil_wrap_03 p span { color:#a12944; }
.phil_wrap_03 h2 { font-size: 32px; font-weight: 500; color:#222; padding-bottom:25px; border-bottom:1px solid #ddd;}
.phil_wrap_03 div { width:100%; height:600px; margin-top:60px; background:url('../png/management-vision.png') center top no-repeat; background-size:100%; }

/* HR - 기업문화 */
.culture_box { position:relative; width:100%; height:380px; box-sizing:border-box; background-size:cover; color:#fff; padding:85px 0 0 75px; }
.culture_fun {background:url('../jpg/bg-culture01.jpg') center center no-repeat;}
.culture_grow {background:url('../jpg/bg-culture02.jpg') center center no-repeat; margin-top:30px; }
.culture_share {background:url('../jpg/bg-culture03.jpg') center center no-repeat; margin-top:30px; }
.culture_box p { font-size: 60px; font-weight: 300; position:relative; }
.culture_box p span { color:#a12944; }
.culture_box p::after { position:absolute; content:''; width:25px; height:1px;  bottom:-20px; left:5px; background:#fff; }
.culture_box.culture_grow p { position:absolute; top:95px; right:100px; }
.culture_box.culture_grow ul { position:absolute; top:170px; right:102px; }
.culture_box ul { margin:45px 0 0 5px; }
.culture_box ul li { font-size: 20px; font-weight: 300;}

/* HR - 인재상 */
.people_wrap p { font-size: 32px; font-weight: 300 !important; color:#222; text-align:center; line-height:1.2em; }
.people_wrap p span { font-weight: 700; color:#a12944; }
.people_wrap p:first-child { font-size: 50px; font-weight: 700; margin-bottom:15px; }
.people_wrap img { margin-top:50px; }
.people_wrap ul li { position:relative; width:100%; height:190px; box-sizing:border-box; border-bottom:1px solid #ddd; }
.people_wrap ul li:last-child { border-bottom:0; }
.people_wrap ul li dl { position: absolute; top:50%; left:185px; transform:translateY(-50%); }
.people_wrap ul li dl dt { font-size: 32px; font-weight: 500; }
.people_wrap ul li dl dd { font-size: 18px; font-weight: 350; color:#666; margin-top:10px; }
.people_wrap .people01 { background:url('../png/bg-people01.png') 51px center no-repeat;}
.people_wrap .people02 { background:url('../png/bg-people02.png') 52px center no-repeat;}
.people_wrap .people03 { background:url('../png/bg-people03.png') 51px center no-repeat;}
.people_wrap .people04 { background:url('../png/bg-people04.png') 51px center no-repeat;}
.people_wrap .people05 { background:url('../png/bg-people05.png') 53px center no-repeat;}

/* HR - 복리후생 */
.welfare_wrap ul::after { display:block; content:''; clear:both; }
.welfare_wrap ul li { position:relative; width:calc( 25% - 17px); height:316px; float:left; margin-right:20px; margin-bottom:20px; border:1px solid #ddd; }
.welfare_wrap ul li:nth-child(4n) { margin-right:0; }
.welfare_wrap ul li div { position:absolute; bottom:25px; left:30px; }
.welfare_wrap .welfare05 div,
.welfare_wrap .welfare06 div,
.welfare_wrap .welfare07 div,
.welfare_wrap .welfare08 div,
.welfare_wrap .welfare09 div,
.welfare_wrap .welfare10 div,
.welfare_wrap .welfare11 div,
.welfare_wrap .welfare12 div { bottom:35px; }
.welfare_wrap ul li div p:nth-of-type(1) { font-size: 18px; font-weight: 500; color:#a12642; }
.welfare_wrap ul li div p:nth-of-type(2) { font-size: 24px; font-weight: 700; color:#222; margin-top:8px; }
.welfare_wrap ul li div p:nth-of-type(3) { font-size: 16px; font-weight: 350; color:#999; margin-top:8px; }
.welfare_wrap .welfare01 { background:url('../png/bg-welfare01.png') 50% 25px no-repeat;}
.welfare_wrap .welfare02 { background:url('../png/bg-welfare02.png') 50% 25px no-repeat;}
.welfare_wrap .welfare03 { background:url('../png/bg-welfare03.png') 50% 25px no-repeat;}
.welfare_wrap .welfare04 { background:url('../png/bg-welfare04.png') 50% 25px no-repeat;}
.welfare_wrap .welfare05 { background:url('../png/bg-welfare05.png') 50% 25px no-repeat;}
.welfare_wrap .welfare06 { background:url('../png/bg-welfare06.png') 50% 25px no-repeat;}
.welfare_wrap .welfare07 { background:url('../png/bg-welfare07.png') 50% 25px no-repeat;}
.welfare_wrap .welfare08 { background:url('../png/bg-welfare08.png') 50% 25px no-repeat;}
.welfare_wrap .welfare09 { background:url('../png/bg-welfare09.png') 50% 25px no-repeat;}
.welfare_wrap .welfare10 { background:url('../png/bg-welfare10.png') 50% 25px no-repeat;}
.welfare_wrap .welfare11 { background:url('../png/bg-welfare11.png') 50% 25px no-repeat;}
.welfare_wrap .welfare12 { background:url('../png/bg-welfare12.png') 50% 25px no-repeat;}

/*회사소개*/
.company_info { width:100%; max-width:1204px; margin:0 auto; position:relative; }
.company_wrap { width:100%; max-width:1204px; margin:0 auto; position:relative; }
.alliance .company_wrap { max-width:100%; }

.company_info_txt { width:100%; position:relative; font-size:72px; color:#a12642; letter-spacing:-0.02em; text-align:center; line-height:82px; margin-bottom:50px; }
.company_info_txt dt { width:100%; font-weight:600; }
.company_info_txt dd { width:100%; font-weight:200; }
.company_info_txt dd.red_bar { width:1px; height:86px; background-color:#a12642; margin:0 auto; }
.company_info p { width:100%; font-size:24px; color:#666; line-height:34px; padding-bottom:50px; letter-spacing:-0.02em; font-weight:300 }
.company_info_ico { width:100%; height:673px; background:url('../jpg/company_info_ico.jpg') center center no-repeat; background-size:cover;  padding:110px 0; box-sizing:border-box; }
.company_info_ico:after { display:block; content:''; clear:both; }
.company_info_ico dl { width:33%; height:165px; position:relative; float:left; box-sizing:border-box; overflow:hidden;}
.company_info_ico dt { position:absolute; top:0; right:20px; text-align:center;}
.company_info_ico dt img { width:50%; }
.company_info_ico dd { position:absolute; top:5px; left:20px;  color:#fff; padding:5px 145px 0 0; box-sizing:border-box; text-align:left; }
.company_info_ico dd .ico_tit { font-size:18px; display:block; font-weight:400; }
.company_info_ico dd .ico_txt { font-size:30px; display:block; font-weight:400; }
.company_info_ico dd .ico_com { width:140%; font-size:18px; color:#b0b0b0; position:absolute; left:0; bottom:auto; font-weight:400; }
.company_info_ico dd .ico_txt .small { font-size:32px; font-weight:300; }
.company_info_ico dl:nth-child(3) dd .ico_txt {font-size: 160%; line-height: 1.1;}

.company_info_ico dl:nth-child(3) dd .ico_txt {font-size: 160%; line-height: 1.1;}
.company_info_ico dl:nth-child(3) .ico_com {bottom:-30px;}

.lang_de.company_info_ico dl:nth-child(3) dd .ico_txt {font-size: 130%;}
.lang_es .company_info_ico dl:nth-child(3) dd .ico_txt {font-size: 140%;}

.company_story { width:100%; position:relative; background:url('../jpg/company_story.jpg') center center no-repeat; background-size:cover; }
.company_story dl { width:100%; position:relative;; text-align:center; letter-spacing:-0.02em; padding-top:173px; box-sizing:border-box; }
.company_story dt { font-size:60px; color:#222; font-weight:600; margin-bottom:85px; }
.company_story dd { font-size:60px; color:#222; font-weight:300; }
.company_story p { width:51%; text-align:center; font-size:24px; font-weight:300; color:#222; margin:0 auto;}
.company_story p.w60 { width: 60%;}
.company_story a { display:inline-block; margin:0 auto; margin:70px 0 110px 0;}

.represent { max-width:1204px; margin:100px auto; position:relative; border-bottom:1px solid #eee; }
.represent ul { width:100%; position:relative; }
.represent ul:after { display:block; content:''; clear:both; }
.represent li { width:33%; float:left; letter-spacing:-0.02em; padding:50px 5px; box-sizing:border-box; }
.represent li h4 { font-size:32px; color:#222; padding:35px 0; font-weight:500; }
.represent li .black { color:#222; }
.represent li span { width:50%; display:inline-block; float:left; font-size:18px; color:#a12642; line-height:40px; font-weight:300; box-sizing:border-box; letter-spacing:-0.02em; }
.represent li span a { color:#a12642; }
.represent li span img { vertical-align:baseline; margin-left:4%; width:3.7%; }

.lang_fr .represent li span,
.lang_es .represent li span {width: 100%;}
.lang_fr .represent li span img,
.lang_es .represent li span img {margin-left: 3%;}

@media only screen and (max-width:890px) {    
    .company_info_ico dl:nth-child(3) .ico_com {bottom:-14vw;}    
    #sub-body-container .company_info_ico dl {min-height: 38vw; height: auto;}
    .represent li h4 {width: 100%;}
}

@media only screen and (min-width:891px) {
    .lang_fr .represent li span,
    .lang_es .represent li span {font-size: 16px;}
    .lang_fr .represent li span img,
    .lang_es .represent li span img {width: 2%;}
}

.company_more { max-width:1024px; margin:0 auto; text-align:center; margin-bottom:150px; }
.company_more.only_fr  {max-width: 1204px;}
.company_more h3 { font-size:42px; color:#222; font-weight:600; margin-bottom:10px; }
.company_more p { font-size:20px; font-weight:350; color:#666; margin-bottom:20px; }

.company_wrap .btn_area { width:100%; text-align:center; }
a.red_line { display:inline-block; padding:0 50px; color:#a12642; border:1px solid #a12642; line-height:70px; border-radius:70px; box-sizing:border-box; font-size:20px; }

.company_wrap h4 { width:100%; text-align:left; font-size:32px; color:#222; padding:50px 0 25px 0; box-sizing:border-box; }

.company_value { width:100%; position:relative; margin:0 auto; }

.customer_value { width:100%; margin:0 auto; position:relative; letter-spacing:-0.02em; text-align:center; }
.customer_value dt { width:100%; font-size:24px; color:#222; }
.customer_value dd { width:100%; font-size:60px; color:#222; font-weight:300; line-height:72px; padding: 100px 0 60px 0;}
.customer_value dd strong { font-weight:600; color:#a12642; }
.customer_value dd.red_bar { width:1px; height:40px; background-color:#a12642; margin:20px auto; padding:0;}

.company_value .face_scan { width:100%; height:870px; z-index:2; position:relative; background-color:#f4f4f4; }
.company_value img { display:inline; box-shadow:20px 25px 30px rgba(0, 0, 0, 0.2) }
.company_value .face_scan img.right_img { width:66.11%; position:absolute; top:120px; right:0; }
.company_value .face_scan img.left_img { width:32.22%; position:absolute; top:120px; left:0; }

.company_value .finger_scan { width:100%; height:540px; position:relative; background-color:#efe9e2; z-index:5; overflow:hidden; }
.company_value .finger_scan img.right_img { width:66.11%; position:absolute; top:120px; right:0; }
.company_value .finger_scan img.left_img { width:32.22%; position:absolute; top:120px; left:0; }

dl.customer_value_txt { width:100%; text-align:center; line-height:72px; margin-bottom:60px; }
dl.customer_value_txt.other { margin-top:100px; }
dl.customer_value_txt dt { font-size:60px; color:#222; }
dl.customer_value_txt.industry_txt dt { font-weight:600; }
dl.customer_value_txt dd { font-size:60px; font-weight:600; }
dl.customer_value_txt strong{ font-weight:600; color:#a12642; }

.famous_solution { width:100%; max-width:1400px; position:relative; margin:0 auto; margin-bottom:120px; padding-top:100px; box-sizing:border-box; }
.famous_solution_wrap { max-width:1040px; margin:0 auto; position:relative; }
.famous_solution_wrap:after { display:block; content:''; clear:both; }
.famous_solution ul { width:48%; border-top:3px solid #222; border-bottom:3px solid #222; float:left; }
.famous_solution ul:last-child { margin-left:4%; }
.famous_solution li { width:100%; height:150px; padding:50px 0; position:relative; box-sizing:border-box; }
.famous_solution li:first-child { border-bottom:1px solid #bdbebe; }
.famous_solution li span.gray { display:inline-block; position:absolute; top:50%; transform:translateY(-50%); left:0; font-size:20px; color:#666; letter-spacing:-0.02em; }
.famous_solution li span.gradient { display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:0; font-size:48px; font-weight:700; background: linear-gradient(to right, #ca4f6b, #a12944); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.skill { width:100%; position:relative; padding:140px 0; background:url('../jpg/famous_solution.jpg') top center no-repeat; background-size:cover; }
.skill:after, .process:after { display:block; content:''; clear:both; }
.skill ul { width:100%; max-width:1024px; margin:0 auto; }
.skill li { width:20%; height:200px; padding:35px 30px; position:relative; float:left; font-size:24px; color:#222; letter-spacing:-0.02em; font-weight:300; box-sizing:border-box; }
.skill li:nth-child(2) { background:url('../png/ico_skill01.png') bottom right no-repeat; background-color:#484848; color:#fff; }
.skill li:nth-child(3) { background:url('../png/ico_skill02.png') bottom right no-repeat; background-color:#fff; }
.skill li:nth-child(4) { background:url('../png/ico_skill03.png') bottom right no-repeat; background-color:#eee; }
.skill li:nth-child(5) { background:url('../png/ico_skill04.png') bottom right no-repeat; background-color:#fff; }
.skill li:nth-child(6) { background:url('../png/ico_skill05.png') bottom right no-repeat; background-color:#eee; }
.skill li:nth-child(7) { background:url('../png/ico_skill06.png') bottom right no-repeat; background-color:#fff; }
.skill li:nth-child(8) { background:url('../png/ico_skill07.png') bottom right no-repeat; background-color:#eee; }
.skill li:nth-child(9) { background:url('../png/ico_skill08.png') bottom right no-repeat; background-color:#484848; color:#fff; }

.process { width:100%; position:relative; }
.process li { width:25%; height:260px; float:left; box-sizing:border-box; }
.process li span { display:inline-block; border-bottom:1px solid rgba(255, 255, 255, 0.3); font-size:20px; font-weight:400; color:#fff; padding:40px 0 20px 20px; box-sizing:border-box; line-height:30px; }
.process li:nth-child(1) { background:url('../jpg/process_01.jpg') bottom center no-repeat; background-size:98%;}
.process li:nth-child(2) { background:url('../jpg/process_02.jpg') bottom center no-repeat; background-size:98%;}
.process li:nth-child(3) { background:url('../jpg/process_03.jpg') bottom center no-repeat; background-size:98%;}
.process li:nth-child(4) { background:url('../jpg/process_04.jpg') bottom center no-repeat; background-size:98%;}
.process li:nth-child(4) span { color:#222; border-color:rgba(0, 0, 0, 0.3)  }
.process li:nth-child(5) { width:50%; height:260px; background:url('../jpg/process_05.jpg') top center no-repeat; margin-top:0.41vw; }
.process li:nth-child(6) { width:50%; height:260px; background:url('../jpg/process_06_v2.jpg') top center no-repeat; margin-top:0.41vw; }
.process li .btn-wrap {padding: 20px 20px; color: #fff;}
.process li .btn-wrap .link{color: inherit; vertical-align: middle; line-height: 1.5;}
.process li .btn-wrap .material-icons {vertical-align: middle; margin-right: 4px; color: inherit; font-size: 1.275rem;margin-left: 0;}

@media only screen and (max-width: 890px){
    .company_wrap .process li:nth-child(6) {background: url(../jpg/process_06_v2.jpg) top center no-repeat; background-size: 99%;}
    .process li .btn-wrap {font-size: 4.2vw; padding: 3vw;}
}

.world_suprema { width:100%; height:978px; padding:100px 0; margin-bottom:100px; background:url('../jpg/world_suprema_bg.jpg') center center no-repeat; background-color:#f5f5f5; box-sizing:border-box; }
.world_more { width:100%; position:relative; }
.world_more li { width:30%; min-height:350px; position:relative; float:left; padding:298px 0 0 0; text-align:center; }
.world_more li:hover { box-shadow:0 5px 20px 5px rgba(0, 0, 0, 0.3) }
.world_more li:nth-child(1) { background:url('../jpg/world_suprema01.jpg') center top no-repeat; background-color:#fff; }
.world_more li:nth-child(2) { background:url('../jpg/world_suprema02.jpg') center top no-repeat; background-color:#fff; margin:0 4.9%; }
.world_more li:nth-child(3) { background:url('../jpg/world_suprema03.jpg') center top no-repeat; background-color:#fff; }

.world_more li h5 { width:100%; margin-top:80px; font-size:42px; font-weight:300; color:#222; }
.world_more li a { padding:25px 55px; margin-bottom:20px; border:1px solid #a12642; border-radius:70px; font-size:20px; color:#a12642; }
.world_more li p { padding:20px 20px 70px 20px; /* min-height:180px; */ font-size:20px; }

.technical { width:100%; position:relative; border:1px solid #ddd; margin-bottom:100px; display: flex; flex-wrap: wrap;}
.technical:after { display:block; content:''; clear:both; }
.technical li { flex: 0 0 25%; max-width: 25%; width:25%; padding:50px 25px; box-sizing:border-box; font-size:18px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden; }
.technical li figure {height: 100px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 24px 36px;}
.technical li figure img {max-height: 100%;width: auto;}
.technical li .award-tit {display: flex; flex-direction: column; align-items: center; height: 90px;margin: 0 0 24px;}
.technical li .ico_com {font-size: 18px; text-align: center;}
.technical li .award-name {font-size: 16px; padding: 8px 0 0;text-align: center;font-weight: 500;}
.technical li p::before {content: ""; display: block; width: 16px; height: 1px; background-color: #a12944;margin: 0 auto 48px; }

.technical li:nth-child(4n) { border-right:0; }
.technical li:nth-child(5), .technical li:nth-child(6), .technical li:nth-child(7), .technical li:nth-child(8) { border-bottom:0; }

@media only screen and (max-width: 890px){
    .company_wrap .technical li {max-width: 50%;width: 50%; flex: 0 0 50%;height: auto; padding: 50px 12px;font-size: 16px;}
    .company_wrap .technical li figure {padding: 0;}
    .technical li .award-tit {display: block; margin-top: 24px; height: auto;}
}

.alliance { width:100%; background-color:#f5f5f5; padding:100px 0 140px 0; }
.alliance ul { width:100%; max-width:1204px; margin:0 auto; }
.alliance ul:after { display:block; content:''; clear:both; }
.alliance li { width:20%; height:20px; position:relative; text-align:center; float:left; margin:50px 0; padding:30px 0; }
.alliance li img { margin:0 auto; vertical-align: }

.suprema_design { width:100%; height:1078px; background:url('../jpg/suprema_design.jpg') center center no-repeat; background-size:cover;}

.future_tit { width:100%; display:inline-block; text-align:center; font-size:24px; font-weight:500; color:#222; }
.future_bar { width:1px; height:60px; display:inline-block; background-color:#a12642; margin:50px auto; }
.future_ico { width:100%; position:relative; margin-bottom:100px; }
.future_ico:after { display:block; content:''; clear:both; }
.future_ico li { width:30%; float:left; }
.future_ico li:nth-child(2) { margin:0 5%;}
 
.end_txt { width:100%; font-size:60px; color:#a12642; display:inline-block; text-align:center; font-weight:300; margin-bottom:40px;}

/* 언어 통합 */
/* .lang-de .suprema_design {background: url(/de/asset/images/04_about/suprema_design.jpg) center center no-repeat;}
.lang-de .skill li {font-size: 19px; padding: 35px 20px;}
.lang-de .famous_solution li span.gradient {font-size: 44px;}
.lang-de .alliance .company_wrap {max-width: 1204px;}
.lang-de dl.customer_value_txt dt {padding: 0 5.55vw;} */

/* 파일 업로드 중 팝업 */
#file_uploading_bg { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0; display:none; z-index:200; }
.file_uploading { position:absolute; width:722px; height:800px; text-align:center; top:50%; left:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background-color:#a12642; box-sizing: border-box; padding-top:140px; }
.file_uploading .btn_pop_close { position:absolute; display:block; top:40px; right:40px; width:30px; height:30px; text-indent:-9999px; background:url('../png/btn-upload-close.png') no-repeat; }
.file_uploading > div { background:url('../png/bg-uploading.png') 261px top no-repeat; padding-top:255px; }
.file_uploading p { font-size: 18px; font-weight: 350; color:#dc8a9c; }
.file_uploading p.uploading_title { font-size: 48px; font-weight: 200; color:#fff; margin-bottom:30px; }
.file_uploading .upload_cancel { display:block; width:280px; height:70px; margin:55px auto 0; box-sizing: border-box; border:1px solid #fff; border-radius:35px; line-height:68px; color:#fff; text-align:center; font-size: 24px; font-weight: 400; }

/* 영문 추가 css 시작 */
/* how can we help */
/* .country_list { float:left; width:50%; } */
.country_group { box-sizing: border-box; }
.country_group + .country_group { margin-top:55px; }
.country_group > p { font-size: 24px; font-weight: 700; color:#222; }
.country_group > ul { border-top:2px solid #ccc; border-bottom:2px solid #ccc; margin-top:20px;}
.country_group > ul:not(.head) {display: flex; flex-wrap: wrap;}
.country_group > ul > li { padding:50px 30px; border-bottom:1px solid #ddd; box-sizing: border-box; }
.country_group > ul:not(.head) > li{flex: 0 0 50%; max-width: 50%;}
.country_group > ul > li:last-child { border-bottom:0; }
.country_group > ul > li dl > dt { font-size: 20px; font-weight: 700; color:#222; margin-bottom:20px; }
.country_group > ul > li dl > dd { font-size: 18px; font-weight: 400; color:#666; }
/* .country_group > ul > li dl > dd span { font-weight: 700; } */
.country_group > ul > li dl dd.txt_colored { color:#a12642; }
.country_group > ul > li dl .mt10 { margin-top:15px; }
.country_group > ul > li dl > dd > dl > dt { font-size: 18px; font-weight: 700; color:#222; margin: 20px 0; }
.country_group .korea { background:url('../png/flag-headc222.png?v2_1') no-repeat; }
.country_group .uk { background:url('../jpg/flag-uk.jpg') no-repeat; }
.country_group .germany { background:url('../jpg/flag-germany.jpg') no-repeat; }
.country_group .france { background:url('../jpg/eu-flag.jpg') no-repeat; }
.country_group .uae { background:url('../jpg/flag-uae.jpg') no-repeat; }
.country_group .usa { background:url('../jpg/flag-usa.jpg') no-repeat; }
.country_group .s_korea { background:url('../jpg/flag-korea.jpg') no-repeat; }


.country_group .jp { background:url('../jpg/flag-jp.jpg') no-repeat; }
.country_group .india { background:url('../jpg/flag-india.jpg') no-repeat; }

/* .country_group .america-other{padding-left: 0;} */
.country_group .brazil { background:url('../jpg/flag-brazil.jpg') 0 top no-repeat; }
.country_group .mexico { background:url('../jpg/flag-mexico.jpg') 0 0 no-repeat; }
.country_group .new-list {display: flex; align-items: flex-start; justify-content: space-between; padding-left: 90px;}
.country_group > ul > li dl dd span + span {margin-left: 16px;}
.country_group .america-other .new-list + .new-list {margin-top: 40px; border-top: 1px solid #ddd; padding-top: 30px;}
.country_group .tech-support {display: flex; justify-content: space-between; align-items: flex-start;}
.country_group .usa-list .new-list + .new-list {margin-top: 20px;}
.country_group .head li {background: #f8f8f8;}
.country_group .new-list b {font-weight: 600;}
.country_group .btn-primary-line{width:170px;box-sizing: border-box; padding: 16px 0; text-align: center;}
.lang-de .country_group .btn-primary-line,
.lang-es .country_group .btn-primary-line{width: 190px; font-size: 0.925rem;}


/* 210426 개편 */
.howcanwehelp { /* float:left; width:50%; padding-left:40px;  */box-sizing:border-box; }
.howcanwehelp_wrap > div { padding:0 90px; box-sizing:border-box; /* background-color:#f5f5f5;  */}
.howcanwehelp_wrap > div > div::after { display:block; content:''; clear:both; }
.howcanwehelp_wrap > div p { font-size:32px; font-weight:500; color:#222; }
.howcanwehelp_wrap .radio_box { margin-top:40px; }
.howcanwehelp_wrap .input_box { margin-top:22px; }
.howcanwehelp_wrap .input_box label { display:block; font-size:16px; font-weight:500; color:#999; }
.howcanwehelp_wrap .input_box label span { color:#a12642; }
.howcanwehelp_wrap .input_box select { -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; appearance:none; width:100%; height:48px; border:0; border-bottom:1px solid #ccc; background-color:transparent; outline:none; font-size:20px; font-weight:500; color:#222; background: url('../png/icon-arrow-down2-2.png') right center no-repeat; box-sizing:border-box; }
.howcanwehelp_wrap .input_box select::-ms-expand { display: none; }
.howcanwehelp_wrap .input_box input { display:block; width:100%; height:48px; line-height:48px; border:0; border-bottom:1px solid #ccc; background-color:transparent; outline:none; font-size:20px; font-weight:500; color:#222; box-sizing:border-box; }
.howcanwehelp_wrap .input_box input:focus { border-bottom:1px solid #a12642; }
.howcanwehelp_wrap .input_box textarea { width:100%; height:110px; box-sizing:border-box; border:0; border-radius:4px; padding:15px 15px 0 15px; font-size:16px; font-weight:300; color:#222; }
.howcanwehelp_wrap .agree_box { width:100%; box-sizing:border-box; padding:30px 40px 40px; background-color:#e8e8e8; }
.howcanwehelp_wrap .agree_box input + label { display:block; box-sizing:border-box; padding-left:40px; font-size:18px; font-weight:400; color:#222; background:url('../png/agree-checkbox.png') left top no-repeat; padding-top:5px; }
.howcanwehelp_wrap .agree_box input + label a { color:#a12642; }
.howcanwehelp_wrap .agree_box input:checked + label { background-image:url('../png/agree-checkbox-checked.png'); }
.howcanwehelp_wrap .agree_box input + label:nth-of-type(1) { margin-bottom:20px; }
.howcanwehelp_wrap .agree_box button { display:block; width:280px; height:70px; line-height:70px; border-radius:35px; background-color:#a12642; text-align:center; font-size:24px; font-weight:500; color:#fff; margin:35px auto 0; border:0; }
/* 영문 추가 css 끝 */

/* 210426 개편 추가 */
.inquiry_head .head-content {display: flex; justify-content: space-between; align-items: center;} 
.inquiry_head .head-content p {font-size: 18px;}
.lang-de .inquiry_head .head-content p {font-size: 1rem;}
.inquiry_box_renew .head-content .btn-primary-line {padding: 8px 40px 8px 20px; border-radius: 8px; font-weight: 600; box-sizing: border-box; position: relative;}
.inquiry_box_renew .head-content .btn-primary-line .txt {color: #222;}
.inquiry_box_renew .head-content .btn-primary-line span {vertical-align: middle;}
.inquiry_box_renew .head-content .btn-primary-line .material-icons { position: absolute; right: 10px; top: 30%;}
.inquiry_box_renew .head-content .btn-primary-line::before {content: '';display: inline-block; width: 42px; height: 40px; background: url('../svg/ico_tcs.svg') center / contain no-repeat; vertical-align: middle; margin-right: 10px;}
.inquiry_box_renew .head-content .btn-primary-line:hover {background: #f8f8f8} 
.inquiry_box_renew .head-content .btn-primary-line:hover .material-icons {color: #a12944;}


.howcanwehelp_wrap .inquiry_box { position:relative; width:100%; }
.howcanwehelp_wrap .inquiry_box .inquiry_head { width:100%; /* background-color:#f8f8f8;  */position:relative; border-bottom: 1px solid #ddd; padding-bottom: 24px; }
.howcanwehelp_wrap .inquiry_box .inquiry_head h4 { font-size:40px; letter-spacing:-0.02em; color:#222; padding:0; box-sizing:border-box; margin-bottom: 20px;}
.howcanwehelp_wrap .inquiry_box .inquiry_head .inquiry_close { position:absolute; top:50%; right:40px; margin-top:-15px; }
.howcanwehelp_wrap .inquiry_box .inquiry_body { height:100%; display:block; background-color:#fff; }
.howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area { display:inline-block; width:100%; height:auto; padding:40px 0; box-sizing:border-box; }
.howcanwehelp_wrap .inquiry_box .inqui.howcanwehelp_wrap .inquiry_body .btn_area:after { display:inline-block; clear:both; }
.howcanwehelp_wrap .inquiry_box .inquiry_head p {font-weight: 400; line-height: 1.4;}

.howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area .box_radio {width: 49%;}
.howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area .box_radio:last-child {float: right;}


/* edit 201102 - 버튼 제품이미지로 변경*/
.howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area .box_radio {height: 250px; box-sizing: border-box;}
.howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area .btn_solution { background-size: 40%; background-position: center 40px;}
.howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area .btn_module { background: url("../png/inquiry_btn_fm%402x.png") center 60px no-repeat; background-size: 46%;}
.howcanwehelp_wrap .inquiry_body .btn_area .box_radio label {padding-top: 36%; font-size: 16px;}

.howcanwehelp_wrap .inquiry_box .inquiry_body .inquiry_item { width:100%; margin:50px 0; box-sizing:border-box; }
.howcanwehelp_wrap .inquiry_box .inquiry_body .inquiry_item h5 { font-size:16px; color:#999; letter-spacing:-0.02em; font-weight:500; }
.howcanwehelp_wrap .inquiry_box .inquiry_body .inquiry_item .write { display:inline-block; width:100%; border:none; border-bottom: 1px solid #ddd; line-height:29px; color:#222; font-weight:500; font-size:20px; padding: 10px 0;}
.howcanwehelp_wrap .inquiry_box .inquiry_body .inquiry_item input:focus { outline: none; border-bottom:1px solid #a12944 !important; }
.howcanwehelp_wrap .inquiry_box .inquiry_body .inquiry_item span.gray { color:#666; font-size:18px; }
.howcanwehelp_wrap .inquiry_box .inquiry_body .inquiry_item select { border:1px solid red; width:100%; height:44px; line-height:32px; font-size:20px; font-weight:500; color:#222; background: url('../png/icon-arrow-down2.png') no-repeat 100% 50%; border:none; border-bottom:1px solid #ddd; appearance:none; -webkit-appearance: none; -moz-appearance: none;  outline:0; }
.howcanwehelp_wrap .inquiry_box .inquiry_body textarea { width:100%; height:160px; background-color:#f8f8f8; resize:none; border:none; padding:20px; font-size:16px; color:#999; font-weight:500; box-sizing:border-box; }
.howcanwehelp_wrap .inquiry_box .inquiry_foot { display:inline-block; position:relative; width:100%; background-color:#f8f8f8; padding:30px; box-sizing:border-box; font-size:18px; line-height:28px; text-align:center; }
.inquiry_foot .btn_submit { display:inline-block; width:280px; height:70px; font-size:28px; color:#fff; line-height:70px; text-align:center; border-radius:70px; background-color:#a12642; margin:40px 0; }
.howcanwehelp_wrap .inquiry_box .inquiry_foot .check_box { position:absolute; left:0; }
.howcanwehelp_wrap .inquiry_box .inquiry_foot .check_info{ width:100%; display:inline-block; position:relative; text-align:left; box-sizing: border-box; padding-left: 45px;}
.howcanwehelp_wrap .inquiry_box .inquiry_foot .check_info + .check_info{margin-top: 30px;}

.howcanwehelp_wrap .inquiry_box .inquiry_foot .check_box input[type=checkbox]:before { content:''; display:inline-block; width:30px; height:30px; background:url('../png/inquiry_checkbox.png') 0 0 no-repeat; background-color:#ccc; }
.howcanwehelp_wrap .inquiry_box .inquiry_foot .check_box input[type=checkbox]:checked:before { background:url('../png/inquiry_check.png') 0 0 no-repeat; background-color:#ccc; }

.howcanwehelp_wrap .inquiry_body .btn_area .box_radio:last-child {float: right;}

@media only screen and (min-width: 891px){
    .howcanwehelp_wrap .inquiry_body .btn_area .box_radio label.txt-sm{font-size: 12px;}
}

@media only screen and (max-width: 1280px){
    

    .howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area {height: 250px; padding: 0;}
    .howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area .box_radio {padding: 0 20px;}    
    /* .howcanwehelp.renewal .inquiry_body .btn_area .box_radio .box_radio_label figure {height: 147px;} */
    .howcanwehelp.renewal .inquiry_body .btn_area .box_radio .box_radio_label figure img {vertical-align: middle;}
    .howcanwehelp.renewal .inquiry_body .btn_area .box_radio .box_radio_label figure::before {content: ''; display: inline-block;vertical-align: middle; height: 100%;}
    .inquiry_box .inquiry_foot .check_info {padding-left: 30px;}
}

@media only screen and (max-width: 1024px) {
    .contact_float_wrap,
    .howcanwehelp_wrap {padding-top: 11.11vw;}
    .howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area [class^="btn"]{background-size: 90% auto; background-position: center 20px;}    
    .howcanwehelp_wrap .inquiry_body .btn_area .box_radio label { padding-top: 18vw;}
    .howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area .btn_module {background-position: center 40px;}
}

@media only screen and (max-width: 890px){   
    
    .howcanwehelp_wrap .inquiry_body .btn_area .box_radio label { padding: 25.05vw 0 6.16vw 0; font-size: 2.44vw;}
    .howcanwehelp.renewal {padding: 0 5.55vw;}    
    .howcanwehelp_wrap .inquiry_box .inquiry_head h4 {font-size: 8.33vw;}
    .howcanwehelp_wrap .inquiry_box .inquiry_head .head-txt{margin-bottom: 4vw;}
    .howcanwehelp_wrap .inquiry_box .inquiry_head .head-txt p{font-size: 4.44vw;}

    .howcanwehelp_wrap .inquiry_box .inquiry_body .inquiry_item,
    .howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area { margin: 5vw 0;}
    .howcanwehelp_wrap .inquiry_box .inquiry_body .inquiry_item h5 {font-size: 3.44vw;}
    .howcanwehelp_wrap .inquiry_box .inquiry_foot { font-size: 3.88vw; line-height: 5.55vw; padding: 5.55vw 5.55vw 0 5.55vw;}
    .howcanwehelp_wrap .inquiry_box .inquiry_foot .check_info {padding-left: 9vw;}
    .howcanwehelp_wrap .inquiry_box .inquiry_foot .check_info + .check_info { margin-top: 3vw;}
    .howcanwehelp_wrap .inquiry_box .inquiry_foot .check_box input[type=checkbox]:before {width: 5.55vw; height: 5.55vw;}
    .inquiry_head .head-content .btn-primary-line {width: 100%;}


    .country_group .new-list {display: block; padding-top: 70px; padding-left: 0;}
    .country_group .new-list .btn-primary-line {margin-top: 5vw;}
    .country_group > ul > li {padding: 7vw 7vw;}
    .country_group .america-other .new-list + .new-list {padding-top: 32vw;}
    .country_group > ul > li dl > dd{font-size:3.8vw;}
    .country_group > ul > li dl > dt{font-size:4.54vw;}
    .country_group > p{font-size:4.8vw;}

    .country_group > ul:not(.head) {display: block;}
    .country_group > ul:not(.head) > li {width: 100%; max-width: 100%;}
    
}

@media only screen and (max-width: 560px) {
    .howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area [class^="btn"]{background-size: 32vw auto; background-position: center 4vw;}    
    .howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area .btn_module {background-position: center 8vw;}
    .howcanwehelp_wrap .inquiry_body .btn_area .box_radio label { font-size: 2.44vw; padding: 25.05vw 0 6.16vw 0;}
    .howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area .box_radio {width: 48%; height:100%; padding: 0 20px;}    
    .howcanwehelp_wrap .inquiry_box .inquiry_body .btn_area {height: 39.5vw;}    
}

/* edit 201102 - 버튼 제품이미지로 변경*/

/* Global Offcie */
.sub_visual04_global_offce { background: url(../jpg/sub_visual04_global_offce.jpg) no-repeat center / cover;}