/*인덱스 섹션나누기 & 세로라인 */ #index_body #section_fir .left_index_area {background:#ffe0db; width:208px;} #index_body #section_fir .right_index_area {border-right:0px solid #ffe0db; width:100%;} #index_body #section_sec .left_index_area {background:#ffc3bd; width:208px;} #index_body #section_sec .right_index_area {border-right:6px solid #ffc3bd; width:1032px;} #index_body #section_thi .left_index_area {background:#ffa298; width:208px;} #index_body #section_thi .right_index_area {border-right:6px solid #ffa298; width:1032px;} #index_body #section_fir .overview_img {border-right:6px solid #ffe0db; margin-left:0 !important;} #index_body #section_sec .overview_img {border-right:6px solid #ffc3bd; margin-left:0 !important;} #index_body #section_thi .overview_img {border-right:6px solid #ffa298; margin-left:0 !important;} #index_body section {margin-bottom:12px;} #index_body section:last-child {margin-bottom:0;} /* 서브라인 넣기 */ /* 1섹션 */ section#fir_section_color .contents_body_fir, section#fir_section_color .contents_body_sec, section.first_section .contents_body_fir, section.first_section .contents_body_sec {padding-top:0px !important; padding-bottom:100px;} /*마지막*/ section:last-child .contents_body_sec {padding-bottom: 0px !important;} /* 피플디테일 */ body.good_people_detail section.relation_container .contents_body_fir {} body.good_people_detail section.relation_container .contents_body_sec {padding-top:0px !important;} body.good_people_detail section #section_desk_wrap .contents_body_sec {padding-bottom: 100px;} body.good_job_detail section #section_desk_wrap .contents_body_sec {padding-bottom: 100px;} body.good_job_detail section.other_job .contents_body_fir, body.good_job_detail section.other_job .contents_body_sec {padding-top:0px !important;} #container_wrap.index_container {margin-bottom:0px; margin-top:70px; background:#f5f5f5;} #contents_body {/*width:1320px;*/ width:1218px; margin:0px auto 0px; position:relative;} #contents_body:after {content:" "; display:block; clear:both; *zoom:1;} #contents_body.sub_page {width:100%; position:relative; margin:0 0 0px;} #contents_body .left_wing_wrap {float:left; width:213px;; position:relative;} #contents_body .right_wing_wrap {float:left; width:1027px; position:relative;} /* 서브좌우 나누기 */ #sub_contents_container {height:100%;} #contents_body.sub_page section {width:1218px; margin:0 auto;} #contents_body.sub_page #sub_contents_container, #contents_body.sub_page #sub_contents_container:last-child {padding:25px 0 80px;} #contents_body.sub_page section:after {content:" "; display:block; clear:both; *zoom:1;} #sub_contents_container .left_area {float:left; width: 208px;} #sub_contents_container .right_area {float:left; width:100%;} #contents_body.sub_page #subMap section {width:100%; margin:0 auto;} #section_desk_wrap:after {content:" "; display:block; clear:both; *zoom:1;} #section_desk_wrap .contents_body_fir {position:relative; padding-left:0; padding-right:0px; box-sizing: border-box } #section_desk_wrap .contents_body_sec {width:100%; float:left; position:relative; } #section_desk_wrap .contents_body_sec.dart_wrap {background:#fff;} .relation_container #section_desk_wrap .new_body:after {content:" "; display:block; clear:both; *zoom:1;} .relation_container #section_desk_wrap .contents_body_fir {width:33.333%; float: left;} .relation_container #section_desk_wrap .contents_body_sec {width:66.6667%; float: left;} .relation_container #section_desk_wrap .new_title {display:none;} /* 섹션별 칼라 */ #sub_page_body.good #sub_contents_container.fir_section_color {background:transparent} #sub_page_body.good #sub_contents_container.sec_section_color {background:#f5f5f5} #sub_page_body.good #sub_contents_container.thi_section_color {background:#ffedeb} #sub_page_body.good #sub_contents_container.fou_section_color {background:#ffedeb} #sub_page_body.good #sub_contents_container.rel_section_color {background:#fbfbfb} #sub_page_body.good_investors_detail .contents_body_fir, #sub_page_body.good_investors_detail .contents_body_sec {padding-top:6px;} #sub_page_body.different #sub_contents_container.fir_section_color {background:#ffc3bd} #sub_page_body.different #sub_contents_container.sec_section_color {background:#ffdad6} #sub_page_body.different #sub_contents_container.thi_section_color {background:#ffdad6} #sub_page_body.different #sub_contents_container.fou_section_color {background:#ffdad6} #sub_page_body.different #sub_contents_container.rel_section_color {background:#fbfbfb} #sub_page_body.beautiful #sub_contents_container.fir_section_color {background:#f0efee} #sub_page_body.beautiful #sub_contents_container.sec_section_color {background:#f5f5f5} #sub_page_body.beautiful #sub_contents_container.rel_section_color {background:#fbfbfb} #sub_page_body.news #sub_contents_container.fir_section_color {background:#f3f0f0;} #current_location_wrap {background:#e8e8e8;} #current_location_wrap.anniversary {background:#444;} .fir_section_color {background:#f0f0f0 !important} .sec_section_color {background:#f5f5f5 !important} .rel_section_color {background:#fafafa !important} #wings_link_wrap {position:absolute; top:0; left:0; width:104px; } #wings_link_wrap .notice_wrap {margin-bottom:20px; background:#fff; padding:0 10px;} #wings_link_wrap .notice_wrap .date_year_ti {height:32px; line-height:33px; font-family: 'NunitoSans-Regular', sans-serif; font-weight: 400; letter-spacing:-0em;font-size:14px; border-bottom:1px solid #dadada;} #wings_link_wrap .notice_wrap .date_day_ti {height:102px; padding:15px 0; text-align:center; border-bottom:1px solid #dadada;} #wings_link_wrap .notice_wrap li {border-bottom:1px solid #dadada; padding:7px 0 8px} #wings_link_wrap .notice_wrap li:last-child {border-bottom:0} #wings_link_wrap .notice_wrap li span {display:block; line-height: 1.4em;} .business_inquiries_wrap {color:#fff; z-index:12; position:fixed;bottom:45px; left: 50%; margin-left: -785px; width: 136px; height: 134px;} .business_inquiries_wrap.cosplus {height: auto;} .business_inquiries_wrap.cosplus .img_bizcontact {margin-bottom:12px;} .business_inquiries_wrap.cosplus .btn_left_cosplus {width:136px; height:134px; background:url('/new/images/floating_btn_comaxplus.svg') no-repeat 50% 50%; background-size:100%; transition: background-image 0.3s;} .business_inquiries_wrap.cosplus .btn_left_cosplus:hover {background-image:url('/new/images/floating_btn_comaxplus_hover.svg'); transition: background-image 0.3s;} .business_inquiries_wrap.cosplus .btn_left_cosplus.en {background-image:url('/new/images/floating_btn_comaxplus_en.svg');} .business_inquiries_wrap.cosplus .btn_left_cosplus.en:hover {background-image:url('/new/images/floating_btn_comaxplus_en_hover.svg');} .business_inquiries_wrap.cosplus .img_btn_meta {width:136px; height:134px; background:url('/new/images/img_btn_meta.svg') no-repeat 50% 50%; background-size:100%; transition: background-image 0.3s; margin-bottom: 12px;} .business_inquiries_wrap.cosplus .img_btn_meta:hover {background-image:url('/new/images/img_btn_meta_hover.svg'); transition: background-image 0.3s;} .business_inquiries_wrap.cosplus .img_btn_meta.en {background-image:url('/new/images/img_btn_meta_en.svg');} .business_inquiries_wrap.cosplus .img_btn_meta.en:hover {background-image:url('/new/images/img_btn_meta_en_hover.svg');} .business_inquiries_wrap_change {position:absolute; bottom: 279px; z-index:10;} #wings_link_wrap .business_inquiries_wrap p {text-align:left; padding-left:0px; color:#e42225; font-size: 16px; font-family: 'NunitoSans-SemiBold', 'notokr-medium', sans-serif; padding:8px 0 0; letter-spacing:0.04em; line-height: 1.4em;} #wings_link_wrap .business_inquiries_wrap li:last-child {line-height: 1.714em;} #section_desk_wrap .contents_body_fir #wings_link_wrap .business_inquiries_wrap {color:#fff; z-index:2; position:fixed; width:104px; top: 361px !important;} @keyframes arrowInfinite { 0% {transform: translateX(0);} 50% {transform: translateX(12px);} 100% {transform: translateX(0);} } /* 문의슬라이드 */ #slide_inquiry {position: relative; width: 100%; height: 134px; left:-15px;} #slide_inquiry > div {position: absolute; top:0px; left:0px; } #wings_language {position:absolute; top:630px; right:-208px; width:188px; background:#FF7E6E; padding:0 10px;} #wings_language span {display:inline-block; width:56px; text-align:center; height:37px; line-height:38px; color:#FFF; font-style: italic;} #section_fir {position:relative; display: flex} #section_fir:after {content:" "; display:block; clear:both; *zoom:1;} #section_fir .fir {float:left; width:252px; background:#ffaea4; padding-bottom:60px; box-sizing: unset;} #section_fir .sec {float:left; } #section_fir .sec ul li {float:left; margin-right:0px; margin-bottom:0px;} #section_fir .sec ul:last-child li {} #section_fir .sec ul li:last-child {margin-right:0px;} #section_fir .sec .news_area {margin-bottom:12px;} #section_fir .sec .news_area:nth-child(3), #section_fir .sec .news_area:last-child {margin-bottom:0;} #section_fir .sec .news_area .first_dan {} #section_fir .sec .news_area .cada_dan {width:252px; background: #fff; position:relative; min-height: 290px;} #section_fir .sec .news_area .cada_dan .wrap {padding:0 12px;} #section_fir .sec .news_area .cada_dan .date_num {text-align:center; padding-top: 5px; padding-bottom: 10px;} #section_fir .sec .news_area .cada_dan .date_num span {display:inline-block; margin:0 4px;} #section_fir .sec .news_area .cada_dan .date_num img {width:54px; height:86px;} #section_fir .sec .news_area .cada_dan ul.list li {float: none; margin-right: 0px; margin-bottom: 0px; border-top:1px solid #dadada; padding: 9px 0 6px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; line-height: 1.4em; font-size:14px; } #section_fir .sec .news_area .cada_dan ul.list li span {display:block; } #section_fir .main_article_area {margin-bottom:15px;} #section_fir .main_article_area:last-child {margin-bottom:0px;} #section_fir .main_article_area.first li {position:relative;} #section_fir .main_article_area.first li, #section_fir .main_article_area.second li { border-right:3px solid #ff5959; width:255px;} #section_fir .main_article_area.first li:last-child, #section_fir .main_article_area.second li:last-child {border-right:0px solid #ff5959;width:252px;} #section_fir .stitle_italic_small, #section_sec .stitle_italic_small {color:#000;} #section_thi .stitle_italic_small {color:#000; display: block; padding:3px 0 5px; line-height:1em;} .stitle_italic_small {font-family:'NunitoSans-SemiBold','notokr-medium',sans-serif; color:#000; letter-spacing:0.02em; font-size: 15px;} .index_bottom_img {position:absolute; bottom:0;} .section_ti_01_new {position:absolute; left:10px; top:10px; width:43px; height:126px; background:url('/new/images/section_ti_01_new.svg') no-repeat right top;} .section_ti_02_new {position:absolute; left:10px; top:10px; width:44px; height:161px; background:url('/new/images/section_ti_02_new.svg') no-repeat right top;} .section_ti_03_new {position:absolute; left:10px; top:10px; width:44px; height:101px; background:url('/new/images/section_ti_03_new.svg') no-repeat right top;} .section_ti_01_new.sub_ti {left:10px;} .section_ti_02_new.sub_ti {left:10px} .index_bottom_ti_absolute {position:absolute; left:12px; bottom:0; font-size:15px; font-family: 'NunitoSans-SemiBold', 'notokr-medium', sans-serif; color:#000; line-height: 1.9em; text-transform:uppercase;} .index_top_ti {margin-top:15px; font-size: 18px; font-weight:600; padding-left:20px; font-family: 'NunitoSans-SemiBold', 'notokr-medium', sans-serif; color:#000; text-transform:uppercase; line-height: 1.4em;} #section_sec {position:relative; display: flex} #section_sec:after {content:" "; display:block; clear:both; *zoom:1;} #section_sec .fir {float:left; width:252px; background:#ff6e6a; padding-bottom:60px; box-sizing: unset;} #section_sec .sec {float:left;} #section_sec .sec ul li {float:left; margin-right:0px; position:relative;} #section_sec .sec ul:last-child li {} #section_sec .sec ul li:last-child {margin-right:0px;} #section_sec .sec .news_area {margin-bottom: 12px;} #section_sec .sec .news_area:last-child {margin-bottom:0;} #section_sec .first_dan .overview_dan {margin-bottom:0} #section_sec .dan_ti.section_fir {background:#A89B9F; } #section_sec .main_article_area {margin-bottom:0px;} #section_sec .main_article_area.last_product_area {margin-bottom:0px;} #section_sec .main_article_area .copy {padding: 9px 12px 10px; line-height:1.78em; font-size:14px;} #section_sec .main_article_area .copy .copy_box {display:block; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; font-size: 18px; line-height: 1.34em; vertical-align: bottom;letter-spacing: -0.01em;} #section_sec .main_article_area.production .copy {padding: 8px 12px;} #section_sec .main_article_area.production .copy.index_product {padding-bottom:5px; padding-top:0px;} #section_sec .sec .main_article_area.production li:first-child {width:510px;} #section_sec .news_area .news_dan {width:252px;} #section_sec .certific_nor {padding-top:3px;} #section_sec .main_article_area li { } #section_sec .main_article_area li:last-child {border-right:0px solid #ffb4aa;} #section_sec #tech_container .logo { line-height:1.4em; padding:0 12px; font-size:15px; font-family: 'NunitoSans-SemiBold', 'notokr-medium', sans-serif; color:#000; padding-bottom: 5px;} #section_sec #tech_container .logo img {height:30px; width:auto;} .index_zoomimg_position {position:absolute;bottom:0;} #section_sec #tech_container .first_dan {width:774px;} #section_sec #tech_container .news_dan {width:252px;} #section_thi {position:relative; display: flex} #section_thi:after {content:" "; display:block; clear:both; *zoom:1;} #section_thi .fir {float:left; width:252px; background:#ff433f; box-sizing: unset;} #section_thi .sec {float:left;} #section_thi .sec ul li {float:left; position:relative;} #section_thi .sec ul li:last-child {margin-right:0px;} #section_thi .dan_ti.section_fir {background:#766662; } #section_thi .main_article_area.beauty {margin-bottom:0px;} #section_thi .main_article_area.beauty .first_dan {min-height:235px;} #section_thi .main_article_area.beauty .first_dan .copy {padding: 9px 12px 9px;} #section_thi .main_article_area.beauty .copy {padding: 0 12px 10px; } #section_thi .sec .main_article_area.production li:first-child {width:484px;} #section_thi .sec .news_area {margin-bottom:12px;} #section_thi .sec > ul.news_area:last-child {margin-bottom:0} #section_thi .news_area .news_dan .popular_nor ul li {font-size:14px; width:100%;} #section_thi .main_article_area li { border-right:3px solid #ffd2c8;} #section_thi .main_article_area li:last-child {border-right:0px solid #ffd2c8;} #section_thi .main_article_area li { border-right:6px solid #ffa298; width:252px; box-sizing:content-box;} #section_thi .main_article_area li:last-child {border-right:0px solid #ffa298;width:252px;} .news_area:after {content:" "; display:block; clear:both; *zoom:1;} .news_area .news_dan {width:252px;} .main_article_area:after {content:" "; display:block; clear:both; *zoom:1;} .main_article_area li {} .main_article_area.beauty li {width:255px;} .main_article_area.beauty li:last-child {width:252px;} .more_area { padding:0px 0 0 12px; margin-bottom: 15px;} .more_area span {display:inline-block; background:url('/new/images/icon_more.png') no-repeat right 8px; background-size:10px 10px; font-size:15px; letter-spacing: 0.02em; padding-right: 18px; font-family: 'NunitoSans-SemiBold','notokr-medium',sans-serif; line-height: 1.75em;} .icon_play_btn {display:inline-block; width:48px; height:50px; position:absolute; bottom:0; right:0px; z-index:9;} .icon_play_btn_small {display:inline-block; width:20px; height:25px; position:absolute; top:50%; left:50%; z-index:9; margin-top:-13px; margin-left:-10px;} .icon_play_btn img {width:48px !important; height:50px !important;} .section_ti {display:inline-block; margin:16px 0 0 16px; width:53px; height:149px;} .section_ti img {width:100%} .first_dan .overview_dan ul:after {content:" "; display:block; clear:both; *zoom:1;} .first_dan .overview_dan img {width:516px; height:290px;} #section_thi .first_dan .overview_dan img {width:516px; height:290px;} .first_dan .overview_dan ul li {margin:0 !important;} .first_dan .overview_dan ul li:first-child {width:252px;} .first_dan .overview_dan .copy {padding:9px 12px; color:#111;} .first_dan .overview_dan .copy .kor {font-size:20px; line-height:1.4em; margin-bottom:2px; color:#777;} .first_dan .overview_dan .copy .en {font-size:20px; line-height:1.32em; letter-spacing:0.03em; color:#777;} .dan_ti {height:37px; line-height:38px;padding-left:16px; color:#FFF; font-family: 'NunitoSans-SemiBold', sans-serif; font-size:18px; font-style: italic; letter-spacing:0.01em;} .dan_ti.section_fir {background:#D0C6BF; } .contents_people_ti {font-family: 'NunitoSans-bold', 'notokr-bold', sans-serif; font-size:22px; margin-bottom:10px;} .basic_nor {background:#fff; position:relative;} .basic_nor.news {height:610px;} .basic_nor.news .copy {height:auto; border-bottom:1px solid #dadada; margin:0 16px; padding:8px 0 30px;} .basic_nor.news .copy:last-child {border-bottom:0px} .basic_nor .map_flag {line-height: 1em; margin-top:7px;} .basic_nor .map_flag span {margin-right:5px;} .basic_nor .map_flag img {width:26px; height:auto;} /* 위치찾기 */ .location_select_wrap:after {content:" "; display:block; clear:both; *zoom:1;} .location_select_wrap .select_float {float:left; padding-left:30px;} .location_select_wrap .select_float:first-child {padding-left:0px;} .location_select_wrap > div {width:65%; margin-bottom:10px; float:left;} .location_select_wrap div.fir { width:35%; padding-right:30px; float:left;} .location_select_wrap div.sec { width:50%;} .location_select_wrap div.thi { width:50%; margin-right:0;} .location_select_wrap .sub_group_search:after {content:" "; display:block; clear:both; *zoom:1;} .select_loaction {background:url('/new/images/select_arrow.png') no-repeat right 50%; padding-right: 50px;text-transform:uppercase; letter-spacing:0.02em;} .section_location_map {position:relative} #map .gmnoprint {display:none;} .location_into_wrap {position:absolute; z-index:9; width: auto; left:50%; margin-left: -609px;} .location_into_box {background:#fff; padding:20px; display:inline-block; max-width:270px;} .certific_nor {padding:0 16px; } .certific_nor li {float:none !important; line-height:1.389em; border-bottom:1px solid #dadada; padding:4px 0; font-family: 'NunitoSans-Regular', 'notokr-regular', sans-serif; margin:0 !important; letter-spacing:0; font-size:16px;} .certific_nor .title {padding:12px 0 8px; font-size:18px;} .certific_nor li:last-child {border-bottom:0;} .popular_nor {padding:0 12px; background:#fff;} .popular_nor ul:after {content:" "; display:block; clear:both; *zoom:1;} .popular_nor ul li {padding:7px 0; border-bottom:1px solid #dadada; margin:0 !important;} .popular_nor ul li:last-child {border-bottom:0;} .popular_nor ul li div {float:left; position:relative} .popular_nor ul li div p {line-height:1.429em;} .popular_nor ul li div:first-child {width:65px; height:65px;} .popular_nor ul li div.last_child {margin-left:12px; width:123px; overflow:hidden; margin-top: 2px;} .index_mostpop_img {width:65px; height:65px; background-position:50% 50%; background-size:cover;} .quality_nor {padding:0; height:290px; background:#fff;} .copy.index_copy {vertical-align: bottom;} .copy {padding:8px 12px; color:#777;} .copy .kor {font-size:18px; line-height:1.34em; margin-bottom:2px; letter-spacing:-0.01em;} .copy .en {font-size:18px; line-height:1.32em; letter-spacing:0.01em;} .copy .caption_copy {margin-top:10px; height: 5.4em; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis;} .copy .caption_copy.twoline {height: 3.6em;} .copy .face_ti {font-size:22px; line-height:1em; margin:5px 0; font-family: 'NunitoSans-Bold', sans-serif; letter-spacing:-0.01em;} .copy .hash_copy { font-family:'NunitoSans-Regular', 'Noto_Sans_Medium', sans-serif; letter-spacing:-0.01em; font-size: 14px;} .copy .hash_copy span {display:block; line-height: 1.75em;} .bottom_slogan { line-height:1em; text-align:center; margin:0px auto 0px; background:#ff7e6e;} .bottom_slogan.black {background:transparent; margin:0px auto 100px; padding-top:100px;} .bottom_slogan img {vertical-align:middle; width:500px; height:auto; vertical-align: middle;} /* 상단메뉴 */ .main_topmenu_01 {position: absolute; right:471px; background:url('/new/images/section_ti_01_new.svg') no-repeat center top; background-size:44px 126px; width:44px; height:126px; display:inline-block !important;} .main_topmenu_02 {position: absolute; right:238px; background:url('/new/images/section_ti_02_new.svg') no-repeat center top; background-size:44px 161px; width:44px; height:161px; display:inline-block !important;} .main_topmenu_03 {position: absolute; right:5px; background:url('/new/images/section_ti_03_new.svg') no-repeat center top; background-size:44px 101px; width:44px; height:101px; display:inline-block !important;} .grp-desktop-flyout {margin-left:687px;} .main_topmenu_01.sub_header {background-size:44px 126px; width:44px; height:126px;} .main_topmenu_02.sub_header {background-size:44px 161px; width:44px; height:161px;} .main_topmenu_03.sub_header {background-size:44px 101px; width:44px; height:101px;} .main_menu_spot01 {top:-100px; left:2px; background:url('/new/images/main_menu_spot_01.svg') no-repeat center top; background-size:16px 27px; width:26px; height:27px; display:inline-block !important; position:absolute;} .main_menu_spot02 {top:-100px; left:232px; background:url('/new/images/main_menu_spot_01.svg') no-repeat center top; background-size:16px 27px; width:26px; height:27px; display:inline-block !important; position:absolute;} .main_menu_spot03 {top:-100px; left:467px; background:url('/new/images/main_menu_spot_01.svg') no-repeat center top; background-size:16px 27px; width:26px; height:27px; display:inline-block !important; position:absolute;} #head_nav_after nav .main_menu_spot01 {top:-110px; left:27px;} #head_nav_after nav .main_menu_spot02 {top:-110px; left:257px;} #head_nav_after nav .main_menu_spot03 {top:-110px; left:474px;} .gnb_service_menu {position:absolute; top:0; right:0; z-index: 60;} .gnb_service_menu span {display:inline-block; line-height:42px; padding-left:60px; font-size:11px; text-transform:uppercase; font-family: 'NunitoSans-Regular', sans-serif; font-weight:600; letter-spacing:0.1em;} #head_nav_after nav .gnb_service_menu span {padding-left: 46px;} .gnb_service_menu_span {position:absolute; top:15px; font-size: 11px; text-transform: uppercase; font-family: 'NunitoSans-Regular', sans-serif; font-weight: 600; letter-spacing: 0.1em; line-height:1em;} .gnb_service_menu_span.news {right:426px} .gnb_service_menu_span.careers {right:319px;} .gnb_service_menu_span.investors {right:197px} .gnb_service_menu_span.search {right:98px;} .gnb_service_menu_wrap {padding-top:8px; line-height: 0em; text-align:right;} .gnb_service_menu_wrap.index_after {padding-top:14px;} .gnb_service_menu_wrap.subpage {padding-top:8px;} .gnb_service_menu_wrap.index_after .gnb_service_menu_top {padding-top:7px;} .gnb_service_menu_wrap.subpage .gnb_service_menu_top {padding-top:7px;} .gnb_service_menu_wrap.index {padding-top:8px; position:relative;} .gnb_service_menu_top {margin-right:30px; display:inline-block; font-size: 11px; text-transform: uppercase; font-family: 'NunitoSans-Regular', sans-serif; font-weight: 600; letter-spacing: 0.1em; line-height: 1em;} .gnb_service_menu_top.search {margin-right:0px;} .gnb_service_menu_top:last-child {margin-right:0;} .rangeItems .drop_menulist {position: relative; width: auto;} .rangeItems .drop_menulist:after {content:" "; display:block; clear:both; *zoom:1;} .rangeItems .drop_menulist > div.fir {float:left; width:150px;} .rangeItems .drop_menulist > div.sec {float:left; width:210px;} .rangeItems .drop_menulist > ul {width:auto !important;} .rangeItems .drop_menulist > ul li a {letter-spacing: 0.02em !important;} .rangeItems li { position: relative;} .rangeItems li a {display: block; } .rangeItems .drop_menulist .dep_title, .rangeItems .drop_menulist .dep_title a {font-size:16px;} .rangeItems .drop_menulist .dep_page {padding-left:0px;} .rangeItems .drop_menulist .dep_page:before {content: "· ";} .rangeItems .drop_submenu_group:hover .drop_dep_group {TOP: 0; left: 116px} .rangeItems .drop_dep_group {position: absolute; text-align: left; left: -999em; width: 400px; height: auto; padding:0; top:0; } .rangeItems .drop_submenu_lab:hover .drop_dep_lab {TOP: 0; left: 116px; top:-68px; } .rangeItems .drop_dep_lab {position: absolute; text-align: left; left: -999em; width: 400px; height: auto; padding:0; top:-68px; } ul.depth_menu li.dep_page:before {content: "· ";} ul.depth_menu li.dep_title {font-size:14px;} /*** 검색css ***/ .search_view { display:inline-block; vertical-align: middle; margin-right:0px;} body#sub_page_body .search_view {margin-right:0px;} i.icon_search {display: inline-block; width: 13px;height: 12px; margin:0 0 0 0px; vertical-align: middle;} .icon_search:before {content: " "; background:url('/new/images/icon_search.svg') no-repeat 50% 50%; background-size:100%; display: inline-block; width:18px; height:17px; margin-top: -3px; margin-left:3px;} i.icon_search_close {display: inline-block; width: 13px;height: 12px; margin:0 5px 0 0px; vertical-align: middle;} .icon_search_close:before {content: " "; background:url('/new/images/icon_search_close.svg') no-repeat 50% 50%; background-size:13px 12px; display: inline-block; height:12px; width:13px;} .seach_input_field {width:200px; height:31px; padding:4px; font-size:0.8em; border:1px solid #ccc;} body#index_body #subMenu_1.subMenu.menuboard {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top:402px; height: 270px; transform: translate(-50%, 0); } body#index_body #subMenu_2.subMenu.menuboard {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top: 402px; height: 371px; transform: translate(-50%, 0); } body#index_body #subMenu_3.subMenu.menuboard {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top: 402px; height: 86px; transform: translate(-50%, 0); } body#index_body #subMenu_1.subMenu.menuboard.scroll_after {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top:89px; height: 457px; transform: translate(-50%, 0); } body#index_body #subMenu_2.subMenu.menuboard.scroll_after {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top:89px; height: 559px; transform: translate(-50%, 0); } body#index_body #subMenu_3.subMenu.menuboard.scroll_after {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top:89px; height: 320px; transform: translate(-50%, 0); } #subMenu_1.subMenu.menuboard {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top: 311px; height: 361px; transform: translate(-50%, 0); } #subMenu_2.subMenu.menuboard {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top: 311px; height: 462px; transform: translate(-50%, 0); } #subMenu_3.subMenu.menuboard {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top: 311px; height: 220px; transform: translate(-50%, 0); } #subMenu_1.subMenu.menuboard.scroll_after {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top:89px; height: 457px; transform: translate(-50%, 0); } #subMenu_2.subMenu.menuboard.scroll_after {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top:89px; height: 559px; transform: translate(-50%, 0); } #subMenu_3.subMenu.menuboard.scroll_after {position:absolute; background: rgba(255,255,255,0.92); z-index: -1; left: 50%; width: 200%; top:89px; height: 320px; transform: translate(-50%, 0); } /* 서브 서비스 메뉴 */ header nav .gnb.sub_gnb .gnb_service_menu_span.news {right:328px} header nav .gnb.sub_gnb .gnb_service_menu_span.careers {right:221px;} header nav .gnb.sub_gnb .gnb_service_menu_span.investors {right:99px} header nav .gnb.sub_gnb .gnb_service_menu_span.search {right:0px;} input.img_clear_button { margin-right:5px;background: url('/new/images/canvas_01_clear.png') no-repeat 50% 50%; background-size:24px 24px; border: none; width: 24px; height: 24px; cursor: pointer; z-index:11;} input.img_reset_button { background: url('/new/images/mainimg_reset.png') no-repeat 50% 50%; border: none; width: 24px; height: 24px; cursor: pointer; z-index:11;} iframe {margin-bottom: 0; padding: 0; display: block; width: 100%;} .show-on-scroll { visibility: hidden; } .show-on-scroll.shown { visibility: visible; } .language_box {position:fixed; width:188px; background:#ff7e6e; height:36px; line-height:36px; z-index:-1; bottom:42px;} .language_box ul:after {content:" "; display:block; clear:both; *zoom:1;} .language_box ul li {float:left; width:33.33%; text-align:center;} .language_box ul li a {font-style:italic; color:#FFF; font-size:13px; letter-spacing:0.03em; font-weight:600;} /* 히스토리 */ #history_accord {background: url('/new/images/back_history.png') repeat-y top left; } .menu_head_wrap {margin-bottom:80px;} .menu_head { width:270px; cursor: pointer; position: relative; display:block; font-family: 'NunitoSans-Bold'; font-size:40px; color:#ffaba1; text-align:right; margin-bottom:30px;} .menu_head:after {content: url('/new/images/icon_dia.png'); width:15px; height:15px; position:absolute; top:-5px; right:-37px;} .menu_body:after, .menu_body ul:after {content:" "; display:block; clear:both; *zoom:1;} .menu_body { display:none; animation-duration: 0.4s; animation-name: fadein;} .menu_body ul li {float:left} .menu_body ul li.fir {width:330px; padding-right:60px; line-height: 1.67em; font-size:18px; text-align:right;} .menu_body ul li.fir .ti {font-size:18px; margin-bottom:5px;} .menu_body ul li.sec {width:calc(100% - 330px);} nav.lanquge_select {position:absolute; right:0; z-index:999; width:40px; height:40px; } .lanquge_position.right_lanquge #lanquge_wrap { } #wing_lang_wrap { position:fixed; right:50%; bottom:30px; z-index:430; width:40px; height:80px; -ms-transform: translate(660px, 0); -webkit-transform: translate(680px, 0); -moz-transform: translate(680px, 0); transform: translate(680px, 0);} #lanquge_wrap { box-sizing:border-box; position:relative; right:0; width:40px; height:40px;} #lanquge_wrap .lanquge_select strong {position:absolute; left:0; top:0;} .lanquge_select ul {position:absolute; left:0; bottom:0;} #lanquge_wrap .lanquge_select strong {bottom:40px;width:40px; height:40px; padding-left:0; box-sizing:border-box; transition:all .2s ease .5s; background:url('/new/images/btn_lang.png') no-repeat 50% 50%;} #lanquge_wrap .lanquge_select:hover strong {background-image:url('/new/images/btn_lang_hover.png'); transition-delay:0s;} #lanquge_wrap .lanquge_select ul {overflow:hidden; box-sizing:border-box; height:0px; bottom:40px; width:40px; background-color:#ea1d22; transition:all .4s ease .15s;} #lanquge_wrap .lanquge_select ul li:first-child {margin-top:0px;} #lanquge_wrap .lanquge_select ul li:last-child {margin-bottom:0px;} #lanquge_wrap .lanquge_select a {display:block; height:34px; width:100%; text-align:center; color:#FFF; line-height:34px; transition:all .3s ease; font-size:14px; font-style:italic; letter-spacing:0.04em;} #lanquge_wrap .lanquge_select a:hover, .lanquge_select a:focus {background:rgba(0,0,0,.05); color:#FFF;} #lanquge_wrap .lanquge_select:hover ul {height:102px;} .top_select {display:inline-block;position:absolute; left:0; bottom:0;width:40px; height:40px; padding-left:0; cursor:pointer; box-sizing:border-box; transition:all .2s ease .5s; background-image:url('/new/images/btn_top.png'); background-repeat:no-repeat; background-position:50% 50%;} .top_select:hover {background-image:url('/new/images/btn_top_hover.png'); transition-delay:0s;} #footer {width:100%; background:#FFF; padding:0px 0 40px; position:relative; z-index:10;} #footer .foot_body {max-width:1218px; margin: 0 auto 0;} #footer .foot_body ul.foot_half:after {content:" "; display:block; clear:both; *zoom:1;} #footer .foot_body ul.foot_half li.fir {float:left; width:80px;} #footer .foot_body ul.foot_half li.policy_area {float:left; font-size: 15px; letter-spacing: 0em; line-height: 1.615em; margin-right:40px;} #footer .foot_body ul.foot_half li.policy_area .langu a { font-size: 13px;} #footer .foot_body ul.foot_half li.sec {float:left} #footer .foot_body ul.foot_half .foot_logo_svg {background:url('/new/images/logo_foot_symbol.svg') no-repeat; background-size:22px auto; display:inline-block; width:23px; height:38px; margin-top:0px;} #footer .foot_links_area {text-align: left;} #footer .foot_links_area li {font-size:14px; letter-spacing:0em; line-height:1.615em;} #footer .foot_links_area li span img {height:15px; width:auto;} #footer .link_list {margin-bottom:16px;} #footer .add {margin-bottom:10px;} #footer .relative {margin-bottom:20px;} #footer .sns {margin-bottom:20px;} #footer .foot_links_area .selectbox {display:inline-block; width: 232px; height: 56px; line-height: 56px; } #footer .foot_links_area .selectbox select { width: 100%; padding:0 20px; height: 46px; font-size: 16px; line-height: 46px; border: 0; opacity: 1; background:url(../images/icon_more.png) no-repeat 90% 50%; background-color:#F8F5F5 !important;} #footer .foot_links_area .sns { font-family: 'NunitoSans-Regular', sans-serif; letter-spacing:0.05em; font-size:12px; text-transform:uppercase} #footer .foot_links_area .sns span {display:inline-block; margin-right:3px; vertical-align:middle;} #footer .foot_links_area .copyright { font-family: 'NunitoSans-Regular', sans-serif; letter-spacing:0.05em; font-size:12px; text-transform:uppercase} #footer .foot_logo {width:22px} #policy_wrap {} #policy_wrap .dandan {margin-bottom:60px;} #policy_wrap strong {font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; margin-bottom:15px; display: inline-block} #policy_wrap .inner_copy {padding-left:25px; margin-bottom: 5px;} #policy_wrap .small_magin {margin-bottom:10px;} #policy_wrap .small_magin strong {margin-bottom:0px;} #policy_wrap .policy_table {border-collapse:collapse;} #policy_wrap .policy_table th {background-color:#e2e2e2; text-align:center; font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; font-weight:normal;} #policy_wrap .policy_table th, #policy_wrap .policy_table td {font-size:16px; line-height:1.35em; padding: 10px 0 8px;} #policy_wrap .policy_table td {padding-left:10px; padding-right:10px;} @media all and (min-width: 0px) and (max-width: 640px) { #policy_wrap .policy_table th, #policy_wrap .policy_table td {font-size:14px; line-height:1.35em; padding: 6px 0 4px;} #policy_wrap .policy_table td {padding-left:5px; padding-right:5px;} #policy_wrap .dandan {margin-bottom:40px;} } .link_list_parti {display:inline-block; padding:0 12px; font-size:12px;} .ani_fade { animation-duration: 1.5s; animation-name: fadein; } .menu_fade { animation-duration: 0.6s; animation-name: fadein; } /* 아프로디테 사과 */ ul.info_list li {margin-bottom:50px;} ul.info_list.anni li {margin-bottom:30px;} ul.info_list li:last-child {margin-bottom:0px;} .section_fir_title {height:60px; padding-left:20px; background:#ffaea4 url('/new/images/section_fir_title.svg') no-repeat 20px top; background-size:95px 60px;} .section_sec_title {height:60px; padding-left:20px; background:#ff6e6a url('/new/images/section_sec_title.svg') no-repeat 20px top; background-size:95px 60px; margin-top:24px;} .section_thi_title {height:60px; padding-left:20px; background:#ffaea4 url('/new/images/section_thi_title.svg') no-repeat 20px top; background-size:95px 60px;} #section_thi .overview_img.index_beauty_img img {width:516px;} #section_fir .overview_title, #section_sec .overview_title, #section_thi .overview_title {width:252px; position:relative;} #section_thi .overview_dan .overview_title {width:252px; position:relative;} .empty12 {display:none} .new_face {background:#EDC6B7 !important;} .gnbBt.mobile_small {display:none;} #scratch_area {width:1218px; height:632px; background:#FFF url('/new/images/canvas_01.png')no-repeat 134px 180px; background-size: 850px 320px;} /* 단나누기 */ #section_desk_wrap {width:100%; } #section_desk_wrap:after {content:" "; display:block; clear:both; *zoom:1;} .beauty_inquiries #fir_section_color.last_section #section_desk_wrap {padding-top:120px;} #contents_body.sub_page section {margin-bottom:100px;} #contents_body.sub_page section:last-child {margin-bottom:0px;} .contents_body_sec {margin-bottom:0px;} .relation_container .contents_body_sec {padding-bottom:0px;} .contents_body_sec:after {content:" "; display:block; clear:both; *zoom:1;} .contents_body_sec .new_title {width:247px; float:left; padding:0 100px 0 20px; word-break: keep-all} #section_desk_wrap .contents_body_sec.good.group_bti:after {content:" "; display:block; clear:both; *zoom:1;} #section_desk_wrap .contents_body_sec.good.group_bti {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px);} #section_desk_wrap .contents_body_sec.group_group {width:calc(100% + 40px); margin-right:-20px; margin-left:-20px;} .contents_body_sec .new_body.group_bti_box {float:left; width:50%; padding-left:20px; padding-right:20px;} .contents_body_sec .new_body.group_bti_box > div {margin-bottom:50px;} /*.contents_body_sec .new_body.group_bti_box:nth-last-child(-n+2) > div {margin-bottom:0px;}*/ #section_desk_wrap .contents_body_sec .new_body.group_bti_box .acc_img {margin-bottom:0px;} .contents_body_sec .new_body.group_bti_box .group_group_list {position:relative; margin-bottom: 5px;} .contents_body_sec .new_body.group_bti_box .group_btn {position:absolute; right:0; top: -4px;} .contents_body_sec .new_body.group_bti_box .group_btn.mobile_only {min-width: 25px; height:25px; padding: 2px; top: 0px;} #pop_section_color {height:100%;} #pop_section_color #section_desk_wrap {width:100%; margin:0 auto; padding:0; height:100%;} #pop_section_color #section_desk_wrap .contents_body_fir {width:25%; float:left; position:relative;} #pop_section_color #section_desk_wrap .contents_body_sec {width:75%; float:left; padding-right:15%; height:100%; position:relative;} #pop_section_color #section_desk_wrap .contents_body_sec.people img {width:100%;} #pop_section_color #section_desk_wrap .contents_body_sec.relation_wrap .relation_box {float:left; width:calc(33.3% - 30px); margin-right:30px;} #pop_section_color #section_desk_wrap .contents_body_sec.relation_wrap .relation_box img {width:100%; max-height:autopx;} #pop_section_color #section_desk_wrap .contents_body_sec.relation_wrap .relation_box ul li {line-height:1.6em} #pop_section_color #section_desk_wrap .contents_body_sec.relation_wrap .relation_box ul li.thum_img {border-bottom: 2px solid #ffaba1; margin-bottom:15px;} .relation_box img {display:block;} #sec_section_color.cosmax_ci_container .acc_img {margin-bottom:40px;} #sec_section_color.cosmax_ci_container .acc_img img {width:100%; height:auto} .cosmax_ci_container .ci_wrap {position:relative; margin-bottom:70px;} .cosmax_ci_container .ci_wrap .right_img {display:inline-block; position:absolute;right:0;top:0} .cosmax_ci_container .ci_wrap .caption {width:654px;} .cosmax_ci_container .ci_slider_left {position:absolute; left:0; top:0; z-index:999; width:50%; height:100%;} .cosmax_ci_container .ci_slider_left img, .ci_slider_right img {width:100%; height:100%} .cosmax_ci_container .ci_slider_right {position:absolute; right:0; top:0; z-index:999; width:50%; height:100%;} .cosmax_ci_container .ci_slider_left img.over, .cosmax_ci_container .ci_slider_right img.over {display:none} .cosmax_ci_container .ci_slider_left a:hover img.nor, .cosmax_ci_container .ci_slider_right a:hover img.nor {display:none} .cosmax_ci_container .ci_slider_left a:hover img.over, .cosmax_ci_container .ci_slider_right a:hover img.over {display:inline-block} .relation_container .relation_wrap:after {content:" "; display:block; clear:both; *zoom:1;} .relation_container .relation_wrap .relation_box {float:left; width:calc(33.3% - 24px);} .relation_container .relation_wrap .relation_box:nth-child(1) {width:33.3%; padding-right:24px;} .relation_container .relation_wrap .relation_box:nth-child(2) {width:33.3%; padding-left:12px;padding-right:12px;} .relation_container .relation_wrap .relation_box:nth-child(3) {width:33.3%; padding-left:24px;} .relation_container .relation_wrap .relation_box:last-child {margin-right:0;} .relation_container .relation_wrap .relation_box img {width:100%; height:auto;} .relation_container .relation_wrap .relation_box ul li {line-height:1.6em} .relation_container .relation_wrap .relation_box ul li.thum_img {border-bottom: 0px solid #ffaba1; margin-bottom:15px;} .onovation_diagram img {width:100%; height:auto;} .onovation_diagram .onovation_diagram_copy:after {content:" "; display:block; clear:both; *zoom:1;} .onovation_diagram .onovation_diagram_copy ul li {float:left; text-align:center;} .onovation_diagram .onovation_diagram_copy .onovation_sti01 {width:28.0487%;} .onovation_diagram .onovation_diagram_copy .onovation_sti02 {width:30.4878%;} .onovation_diagram .onovation_diagram_copy .onovation_sti03 {width:41.4634%;} .people_list_wrap ul:after {content:" "; display:block; clear:both; *zoom:1;} .people_list_wrap .people_info_wrap {margin-bottom:50px;} .people_list_wrap .people_info_wrap:last-child {margin-bottom:0px;} .people_list_wrap .people_info_wrap > li {margin-right: 0; width:33.333%; padding-right:24px;} .people_list_wrap .people_info_wrap > li div.fir {width:100%;} .people_list_wrap .people_info_wrap > li.interview_sum {width:66.66%; padding-left:12px; padding-right:0;} .people_list_wrap ul li {border-bottom:0px solid #bfbfbf; padding-top:20px; padding-bottom:0px; float:left; margin-right: 47px;} .people_list_wrap p.division {color: #000; font-size: 22px; font-family: 'NunitoSans-bold', 'notokr-bold', sans-serif; margin-bottom: 10px;} .people_list_wrap p.division:first-child {display:none;} .people_list_wrap ul li:nth-child(3n) {margin-right: 0px;} .people_list_wrap ul li:nth-child(-n+3) {padding-top: 0px;} .people_list_wrap ul li:first-child {border-top:0} .people_list_wrap ul li:last-child {border-bottom:0;padding-bottom:0px;} .people_list_wrap ul li:after {content:" "; display:block; clear:both; *zoom:1;} .people_list_wrap ul li div.fir {width:232px; margin-bottom:10px} .people_list_wrap ul li div.fir img {width:100%; height: auto} .people_list_wrap ul li div.sec {line-height:1.4em; width: 100%; padding-right: 10px;} .people_list_wrap ul li div.sec .name {font-family: 'NunitoSans-Regular', 'notokr-regular';} .people_list_wrap ul li div.sec p {overflow:hidden} .people_list_wrap ul li div.sec a:hover, .people_list_wrap ul li div.sec a:hover > strong {text-decoration:underline} .people_list_wrap.job_list ul > li div.fir {margin-bottom:0px} .people_list_wrap.job_list ul > li {padding-top: 0px; margin-right: 0; } .people_list_wrap.job_list ul > li:last-child {margin-bottom:0px;} .people_list_wrap.job_list ul > li:after {content:" "; display:block; clear:both; *zoom:1;} .contents_body_sec.people p.name {line-height:1.4em; margin-bottom:20px; font-family: 'NunitoSans-Bold', 'notokr-medium';} .people_list_wrap ul li div.sec p.plus img {display:block;} .people_list_wrap.job_list ul li div.fir {float:left; width:66.666%;} .people_list_wrap.job_list ul li div.fir img {width:100%;} .people_list_wrap.job_list ul li div.sec {float:left; width:calc(100% - 66.666%); padding-left:20px; word-wrap: break-word;} .people_btn_list {padding-top:40px;} .rnd_icon_wrap ul li.ti {border-top: 2px solid #555; border-bottom: 1px solid #555; font-family: 'NunitoSans-Bold', 'notokr-bold'; padding:5px 0;} .rnd_icon_wrap ul li.icon_box:after {content:" "; display:block; clear:both; *zoom:1;} .rnd_icon_wrap ul li.icon_box {border-bottom: 1px solid #555; padding:20px 0 15px;} .rnd_icon_wrap ul li.icon_box.certifications_box {padding:30px 0 25px;} .rnd_icon_wrap ul li:last-child.icon_box {border-bottom: 0px; padding-bottom:0px;} .rnd_icon_wrap ul li.icon_box div {text-align:center; letter-spacing:0.04em} .rnd_icon_wrap.certifications_wrap ul li.icon_box div {text-align:center; letter-spacing:-0.01em} /* 새로운 */ .rnd_icon_wrap ul li.icon_box > div {display:inline-block; width: calc(25% - 10px); box-sizing: border-box; padding:0 10px;} .rnd_icon_wrap ul li.icon_box > div:first-child {padding:0 10px 0 0; padding-left:0; margin-right:20px;} .rnd_icon_wrap ul li.icon_box > div:last-child {padding:0 0 0 10px;} .rnd_icon_wrap ul li.icon_box > div img {width:auto; text-align:center; height:88px;} .rnd_icon_wrap ul li.icon_box > div p {margin-bottom:20px; text-transform:uppercase; line-height:1.3em; text-align:left !important; min-height:46px; font-size: 16px; letter-spacing:-0.03em;} .rnd_icon_wrap.certifications_wrap ul li.icon_box > div:first-child {margin-right:0px;} .rnd_icon_wrap ul li.icon_box div.fir {font-family: 'NunitoSans-Bold', 'notokr-bold'; line-height:1.5em; font-size:19px;} .rnd_icon_wrap ul li.icon_box div.sec {} .rnd_icon_wrap ul li.icon_box div.sec.research {width:calc(100% - 235px); text-align:left;} .rnd_icon_wrap ul li.icon_box div.sec.research ul li {position:relative; padding-left: 20px; line-height:1.6em;} .rnd_icon_wrap ul li.icon_box div.sec.research ul li:before { content: " "; background-image: url(../images/article_dot.png); position: absolute; left: 8px; top: 50%; height: 4px; margin-top: -2px; width: 4px; } .rnd_icon_wrap ul li.icon_box div.thi {} .rnd_icon_wrap ul li.icon_box div.fou {} .networking_system img {height:494px; width:auto; margin-bottom:15px;} .networking_system .caption {color:#ff595a; text-align:center; font-size:18px;} .rnd_icon_wrap.certifications_wrap {margin-bottom:50px;} .rnd_icon_wrap.certifications_wrap:last-child {margin-bottom:0px;} .rnd_icon_wrap.certifications_wrap ul li.icon_box div.fir {width:40%; padding-right:30px; font-family: 'NunitoSans-Light', 'notokr-regular'; display: inline-block; vertical-align: top;} .rnd_icon_wrap.certifications_wrap ul li.icon_box div.fir span {display:block;} .rnd_icon_wrap.certifications_wrap ul li.icon_box div.fir img {height:18px; width:auto; vertical-align: middle; margin-top:-4px; margin-left:5px;} .rnd_icon_wrap.certifications_wrap ul li.icon_box div.sec {width:calc(100% - 40%); padding-right:0; text-align:left;} .rnd_icon_wrap.certifications_wrap .logo_audit {height:34px !important; width:auto !important; margin-bottom: 5px !important; margin-top: 0px !important; margin-left: 0 !important;} .rnd_icon_wrap.certifications_wrap .flag_certifications {margin-top:-6px !important;} /* 기존 아코디언 */ .accord_wrap.rndcenter_wrap {position: relative;} .accord_wrap.rndcenter_wrap .accord_contents {position: relative;} .accord_wrap.rndcenter_wrap ul li.mb {margin-bottom:0px;} .accord_wrap.rndcenter_wrap .contents:after {content:" "; display:block; clear:both; *zoom:1;} .accord_wrap.rndcenter_wrap .contents .fir {float:left; width:70%; padding-right:30px;} .accord_wrap.rndcenter_wrap .contents .fir.lab_info {width:100%; padding-right:0px;} .accord_wrap.rndcenter_wrap .contents .sec {float:left; width:30%; word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;} .accord_wrap.rndcenter_wrap .contents_wrap:after {content:" "; display:block; clear:both; *zoom:1;} .accord_wrap.rndcenter_wrap .contents_wrap {margin-bottom:20px;} .accord_wrap.rndcenter_wrap .contents_wrap.lab_info {padding-bottom:40px; margin-bottom:0;} .accord_wrap.rndcenter_wrap .quarters03_wrap {padding-top:40px;border-top:1px solid #555; } .accord_wrap.rndcenter_wrap .contents_wrap:last-child {margin-bottom:0px;} .accord_wrap.rndcenter_wrap .contents {margin-top:15px; margin-bottom:0px;} .accord_wrap.rndcenter_wrap .contents .research_wrap {border-top:0px solid #555; padding-top:25px;} .accord_wrap.rndcenter_wrap .contents .fir.research {width:252px; padding-right:20px; line-height: 1.4em;} .accord_wrap.rndcenter_wrap .contents .fir.research p {padding: 0 0 5px;} .accord_wrap.rndcenter_wrap .contents .fir.research img {width:100%; height:auto; margin-bottom:10px} .accord_wrap.rndcenter_wrap .contents .sec.research {width:calc( 100% - 252px );} .accord_wrap.rndcenter_wrap .contents .sec.research .font_medium {font-family: 'NunitoSans-SemiBold','notokr-medium',sans-serif; font-size:21px; line-height: 1em; padding-top:10px;} .accord_wrap.rndcenter_wrap .contents .name {padding-bottom:10px; font-family: 'NunitoSans-SemiBold','notokr-medium',sans-serif;} .accord_wrap.rndcenter_wrap .acc-btn {margin-top: 5px;} .accord_wrap.rndcenter_wrap .openContent {margin-top: 0px;} .accord_wrap.rndcenter_wrap .openContent:last-child {margin-bottom: 0px;} ul.accord_wrap.rndcenter_wrap li:first-child.acc-btn {margin-top:-14px;} .accord_wrap.rndcenter_wrap .contents .research_wrap ul.health_list > li:after {content:" "; display:block; clear:both; *zoom:1;} .accord_wrap.rndcenter_wrap .contents .research_wrap ul.health_list > li {margin-bottom:20px;} .accord_wrap.rndcenter_wrap .contents .research_wrap ul.health_list.product_list > li {margin-bottom:40px;} .accord_wrap.rndcenter_wrap .acc-content_rni_photo {padding:15px 0 10px;} .accord_wrap.rndcenter_wrap .acc-content_rni_photo img {width:100%; height:auto;} .accord_wrap.rndcenter_wrap.faq_wrap .contents {margin-top:15px; margin-bottom:60px; padding:0 20px;} /* 툴팁 */ .tooltip {position: relative; display: inline-block; margin: auto; } .certifications_wrap.audit .tooltip {cursor:unset;} .tooltip .tooltip-content {visibility: hidden; width: 480px; background-color: #fff; padding: 30px; position: absolute; z-index: 12; top: -200px; left: 200px; border:1px solid #e7e7e7;} .tooltip .tooltip-content p {min-height:auto; font-size:13px; line-height:1.54em !important; margin-bottom:0 !important;} .tooltip .tooltip-content img {padding:0; margin-top:0 !important; margin-left:0 !important;} .tooltip .tooltip-content .copy_tool {border-top:1px solid #555; padding-top:15px; margin-top:10px;} .tooltip .tooltip-content .certi_pop_ti {line-height:1em; min-height:1em; margin-top:20px; font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; letter-spacing: 0.01em; font-size: 18px;} .tooltip_btn {cursor:pointer} .technology_diagram_wrap {position:relative; text-align:center;} .technology_diagram_wrap .diagram_icon { width:auto; display:inline-block; position:absolute; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.2s ease-in-out;} .technology_diagram_wrap .diagram_icon:hover { transform: scale(1.8); -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); z-index:999;} .technology_diagram_wrap .diagram_copy { width:auto; display:inline-block; position:absolute; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.2s ease-in-out;} .technology_diagram_wrap .diagram_copy:hover { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} /* 옆집hover */ .technology_diagram_wrap .diagram_icon.icon01:hover + .diagram_copy.copy01 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon02:hover + .diagram_copy.copy02 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon03:hover + .diagram_copy.copy03 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon04:hover + .diagram_copy.copy04 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon05:hover + .diagram_copy.copy05 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon06:hover + .diagram_copy.copy06 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon07:hover + .diagram_copy.copy07 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon08:hover + .diagram_copy.copy08 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon09:hover + .diagram_copy.copy09 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon10:hover + .diagram_copy.copy10 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon11:hover + .diagram_copy.copy11 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon12:hover + .diagram_copy.copy12 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon13:hover + .diagram_copy.copy13 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon14:hover + .diagram_copy.copy14 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon15:hover + .diagram_copy.copy15 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon16:hover + .diagram_copy.copy16 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon17:hover + .diagram_copy.copy17 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon18:hover + .diagram_copy.copy18 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon19:hover + .diagram_copy.copy19 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_icon.icon20:hover + .diagram_copy.copy20 { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); z-index:999;} .technology_diagram_wrap .diagram_back {height:730px; width:820px;} .technology_diagram_wrap .diagram_icon img {height:50px; width:50px;} .technology_diagram_wrap .diagram_icon { width:50px; height:50px;} .technology_bagic_wrap .diagram_tech_bagic img {width:100%; height:auto; } .technology_bagic_wrap .diagram_tech_bagic { margin-bottom:10px; width:51%; height:auto; display:inline-block; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.1s ease-in-out;} .technology_bagic_wrap .diagram_tech_bagic:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); z-index:999;} .technology_diagram_wrap .diagram_icon.icon01 {top:125px; left:319px;} .technology_diagram_wrap .diagram_copy.copy01 {width:54px; height:38px; left:315px; top:8px;} .technology_diagram_wrap .diagram_icon.icon02 {top:121px; left:389px;} .technology_diagram_wrap .diagram_copy.copy02 {width:58px; height:38px; left:403px; top:0px;} .technology_diagram_wrap .diagram_icon.icon03 {top:131px; left:458px;} .technology_diagram_wrap .diagram_copy.copy03 {width:51px; height:38px; left:517px; top:20px;} .technology_diagram_wrap .diagram_icon.icon04 {top:167px; left:516px;} .technology_diagram_wrap .diagram_copy.copy04 {width:117px; height:38px; left:606px; top:73px;} .technology_diagram_wrap .diagram_icon.icon05 {top:221px; left:564px;} .technology_diagram_wrap .diagram_copy.copy05 {width:117px; height:38px; left:673px; top:151px;} .technology_diagram_wrap .diagram_icon.icon06 {top:287px; left:582px;} .technology_diagram_wrap .diagram_copy.copy06 {width:160px; height:38px; left:659px; top:260px;} .technology_diagram_wrap .diagram_icon.icon07 {top:353px; left:590px;} .technology_diagram_wrap .diagram_copy.copy07 {width:78px; height:38px; left:727px; top:362px;} .technology_diagram_wrap .diagram_icon.icon08 {top:423px; left:580px;} .technology_diagram_wrap .diagram_copy.copy08 {width:90px; height:38px; left:700px; top:466px;} .technology_diagram_wrap .diagram_icon.icon09 {top:474px; left:539px;} .technology_diagram_wrap .diagram_copy.copy09 {width:45px; height:38px; left:654px; top:585px;} .technology_diagram_wrap .diagram_icon.icon10 {top:527px; left:489px;} .technology_diagram_wrap .diagram_copy.copy10 {width:45px; height:38px; left:581px; top:665px;} .technology_diagram_wrap .diagram_icon.icon11 {top:551px; left:422px;} .technology_diagram_wrap .diagram_copy.copy11 {width:45px; height:38px; left:478px; top:685px;} .technology_diagram_wrap .diagram_icon.icon12 {top:554px; left:352px;} .technology_diagram_wrap .diagram_copy.copy12 {width:90px; height:38px; left:338px; top:692px;} .technology_diagram_wrap .diagram_icon.icon13 {top:539px; left:285px;} .technology_diagram_wrap .diagram_copy.copy13 {width:110px; height:38px; right:561px; top:684px;} .technology_diagram_wrap .diagram_icon.icon14 {top:502px; left:231px;} .technology_diagram_wrap .diagram_copy.copy14 {width:58px; height:38px; right:642px; top:619px;} .technology_diagram_wrap .diagram_icon.icon15 {top:449px; left:183px;} .technology_diagram_wrap .diagram_copy.copy15 {width:45px; height:38px; right:711px; top:540px;} .technology_diagram_wrap .diagram_icon.icon16 {top:388px; left:162px;} .technology_diagram_wrap .diagram_copy.copy16 {width:73px; height:38px; right:721px; top:440px;} .technology_diagram_wrap .diagram_icon.icon17 {top:320px; left:155px;} .technology_diagram_wrap .diagram_copy.copy17 {width:58px; height:38px; right:750px; top:347px;} .technology_diagram_wrap .diagram_icon.icon18 {top:252px; left:168px;} .technology_diagram_wrap .diagram_copy.copy18 {width:73px; height:38px; right:727px; top:239px;} .technology_diagram_wrap .diagram_icon.icon19 {top:195px; left:210px;} .technology_diagram_wrap .diagram_copy.copy19 {width:105px; height:38px; right:660px; top:129px;} .technology_diagram_wrap .diagram_icon.icon20 {top:147px; left:253px;} .technology_diagram_wrap .diagram_copy.copy20 {width:68px; height:38px; right:589px; top:53px;} .technology_bagic_wrap:after {content:" "; display:block; clear:both; *zoom:1;} .technology_bagic_wrap div {float:left; width:12.5%; text-align:center; font-size:11px; line-height:1.4em; color:#111; letter-spacing:0.02em; font-family:'NunitoSans-bold', 'notokr-medium', sans-serif;} .technology_bagic_wrap div p {padding:0 5px;} .technology_bagic_wrap {border-bottom:1px solid #555555; padding-bottom:15px;} .table_set_3dan_container ul.base_makeup li div {display:inline-block; text-align:center;} .table_set_3dan_container ul.base_makeup li div img {height:226px; width:auto; margin-bottom:10px;} .table_set_2dan_container ul.base_makeup_efficacy > li:first-child {padding-right:10px;} .table_set_2dan_container ul.base_makeup_efficacy > li:last-child {padding-left:10px;} ul.base_make_product_list li img {height:108px; width:auto; margin-bottom:10px;} ul.base_make_product_list.hybrid_tech li {font-size:13px;} ul.base_make_product_list.hybrid_tech li img {height:30px; vertical-align:middle; margin-right:10px; margin-bottom:0px;} ul.base_make_product_list li div {margin-right:60px; text-align:center;} /* 인증현황 캐러셀 */ .carousel_container.patents_container ul.patents_list li {border-bottom:1px solid #3c3c3c; text-align:left; line-height:1.6em; padding:8px 0; } .carousel_container.patents_container ul.patents_list li:last-child {border-bottom:0;} .carousel_container.patents_container ul.patents_list li.ti {font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; margin-top:20px;} /* 그룹 지도 */ .map_spread_wrap {background:url('/new/images/img_group_map.png') no-repeat 50% 50%; width:790px; height:431px; position:relative; background-size:100% 100%;} /* 히스토리 */ .drop_list_container.history_wrap .drop_list_subdep { width:50%;margin:0;padding:0; font-size:0; letter-spacing:-5px; text-align: left; } .drop_list_container.history_wrap .drop_list_subdep .contents_detail { display:inline-block; width: calc(50% - 25px); font-size:12px; letter-spacing:0; vertical-align:top; *display:inline; zoom:1 } .drop_list_container.history_wrap .drop_list_subdep .contents_detail:nth-child(odd) {margin-right: 25px;} .drop_list_container.history_wrap .drop_list_subdep .contents_detail:nth-child(even) {margin-left: 25px;} .drop_list_container.history_wrap ul.drop_list_maindep > li { float:none; min-height:44px; } .drop_list_container.history_wrap .history_fir {background-size: cover; background-repeat:no-repeat; background-position:center 70px;} .drop_list_container.history_wrap .history_fir > .ti {display:inline-block; width:100%; text-align:center; height:80px; line-height:80px; position:relative; left: 0;} /* 타이틀 보더 */ .drop_list_container.history_wrap .history_fir > .ti:before { content : ""; position: absolute; left: 0; margin-left:0; bottom: 0; height: 1px; width: 100%; border-bottom:1px solid #bfbfbf;} .drop_list_container.history_wrap .history_fir > .ti a {font-family: 'NunitoSans-Bold'; font-size:25px;} .drop_list_container.history_wrap ul.drop_list_subdep > li {min-height:44px;} .drop_list_container.history_wrap ul.drop_list_subdep > li img {width:100%} .drop_list_container.history_wrap ul.drop_list_subdep {border-right:1px solid #555; font-size:18px; line-height:1.536em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .drop_list_container.history_wrap .contents_detail {padding: 25px 0 20px; text-align:left; width:50%; line-height:2.1em;} .drop_list_container.history_wrap .contents_detail img {border-bottom: 0px solid #ffaba1; margin-bottom: 18px !important;} .drop_list_container.history_wrap .contents_detail p {font-size:16px;} .drop_list_container.history_wrap .contents_detail p span {line-height: 1.95em; display: inline-block; margin-top:5px;} .drop_list_container.history_wrap .contents_detail .ti {font-size:20px; font-family: 'NunitoSans-Bold', 'notokr-medium',sans-serif; margin-bottom:10px;} /* 컨텐츠 내용 */ .drop_list_container.history_wrap ul.drop_list_subdep.history { width:100%; border-right:0; text-align:center; background:url('/new/images/back_history_line.png') repeat-y top center; border-bottom: 0px solid #555;position: relative; left: 0; top: 0;padding-bottom: 40px; margin-left: 0; text-align: left; } .drop_list_container.history_wrap ul.drop_list_subdep.history:after {content:" "; display:block; clear:both; *zoom:1;} .drop_list_container.history_wrap ul.drop_list_subdep.last {left:305px; width:400px; padding-left:20px; border-right:0px; padding:0; line-height:1.536em;} .drop_list_container.history_wrap .history_wrap_detail img {width:100%;} .drop_list_container.history_wrap .history_sec {float:left; width:50%; padding: 30px; height:auto;} .drop_list_container.history_wrap .history_sec p:last-child {font-size:16px;} .drop_list_container.history_wrap .drop_list_subdep {position: static;} .drop_list_container.history_wrap ul.drop_list_wrap > li {width:100%;} .drop_list_container.history_wrap ul.drop_list_maindep.history_back_line {} .dot_dia_10px.history {left:50%; bottom:0; z-index:9; margin-bottom:-6px; margin-left:-5px;} /* 논문발표 */ .drop_list_container.academic_papers {width:100%;} .drop_list_container ul.drop_list_wrap {width:100%;} .drop_list_container ul.drop_list_wrap .drop_list_maindep {background:url('/new/images/back_drop_list_maindep.png') repeat-y left top; } .good.good_history .drop_list_container ul.drop_list_wrap .drop_list_maindep {background:url('/new/images/dot.png') !important} .drop_list_container ul.drop_list_wrap li {width:100%;} .drop_list_container ul.drop_list_wrap .drop_list_maindep .ti {font-family: 'NunitoSans-Bold', 'notokr-medium',sans-serif; } .drop_list_container.academic_papers ul.drop_list_maindep > li {width:100%; float:none; border-right:0px solid #555; min-height:44px;} .drop_list_container.history_wrap .academic_fir > .ti {display:inline-block; width:100%; padding-right:20px;} .drop_list_container.history_wrap .academic_fir > .ti a {font-family: 'NunitoSans-Bold'; font-size:34px;} .drop_list_container.academic_papers ul.drop_list_subdep > li {min-height:35px;} .drop_list_container.academic_papers ul.drop_list_subdep {left:105px; width:315px; padding:20px 0px 20px 20px; border-right:1px solid #555; font-size:18px; line-height:1.536em;} .drop_list_container.academic_papers ul.drop_list_subdep.academic {width: calc(100% - 105px); border-right:0; border-top: 1px solid #555; border-bottom: 1px solid #555;} .drop_list_container.academic_papers ul.drop_list_subdep.last {left:305px; width:400px; padding-left:20px; border-right:0px; padding:0; line-height:1.536em;} .drop_list_container.academic_papers .academic_papers_detail img {width:100%;} .academic_papers .academic_sec {margin-bottom:20px;} .academic_papers .academic_sec:last-child {margin-bottom:0px;} .icon_pdf {height:20px; width:auto; vertical-align:middle; margin-top: -4px; margin-left:5px;} /* 모달팝업 */ #lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; opacity:0.7} .modal_close { background: url('../images/close_17_navigation_default.svg') no-repeat 50% 50%; height: 12px; width: 12px; display: inline-block; top: 25px; right: 30px; position: absolute; z-index: 5; cursor:pointer} .popup_close { background: url('../images/close_17_navigation_default.svg') no-repeat 50% 50%; height: 17px; width: 17px; display: inline-block; top: 18px; right: 18px; position: absolute; z-index: 5; cursor:pointer} .popup_close.back_tool {background: transparent; z-index: -1; width:100vw; height:100vh; position: fixed; left:50%; top:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .popup_close.product_position {height: 12px; width: 12px; top: 12px; right: 12px; cursor:pointer; z-index: 999;} #modal_wrap {padding:60px 0 0px 80px; height:100%; overflow: hidden;} /** 인덱스팝업 **/ .modal_back {display: none; position: fixed; left: 0; top: 0; overflow: auto; background-color: rgba(0,0,0,0.4); width:100%; height:100%; } .modal_back1 {display: none; position: fixed; left: 0; top: 0; overflow: auto; background-color: rgba(0,0,0,0.4); width:100%; height:100%; } .modal_back {display: none; position: fixed; left: 0; top: 0; overflow: auto; background-color: rgba(0,0,0,0.0); width:100%; height:100%; } /*#wrap_popup_container {width: 100%; text-align: center; position:absolute; left:50%; top:50%; -ms-transform: translate(-50%, -51%); -webkit-transform: translate(-50%, -51%); -moz-transform: translate(-50%, -51%); transform: translate(-50%, -51%);} */ #wrap_popup {position:absolute; z-index:9999999;} #wrap_popup #closed:after {content:" "; display:block; clear:both; *zoom:1;} #wrap_popup #closed .check_copy {float:left; display:inline-block; color:#000;} #wrap_popup #closed { height: 40px; width: 100%; padding: 5px 0px 2px; text-align: right; position: relative; bottom: 0; left: 0; background: transparent; font-size: 16px;} #wrap_popup #closed img {height:16px; width:16px; cursor:pointer; vertical-align: middle; margin-top: -3px;} #wrap_popup #closed label {margin-right: 10px; background-image: url(/new/images/arr_red.png); background-repeat: no-repeat; background-position: left top;} /* 팝업설정 */ #popModal_back.modal_back {/*background:rgba(0,0,0,0.4);*/} #pop_content {position:relative;} #pop_content img.width100 {width:100%; height:auto;} #pop_content .btn_220118_01 {display:inline-block; position:absolute; top:83.54%; left: 14.61%; width:27.13%; height:9.30%; font-size:0;} #pop_content .btn_220118_02 {display:inline-block; position:absolute; top:83.54%; left: 58.43%; width:27.13%; height:9.30%; font-size:0;} #dart_modal {position: absolute; left: 50%; top: 50%; width:90%; height: 90%; background: #FFF; display:none; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #dart_modal #modal_wrap {padding:20px 0 20px 20px; overflow-x:hidden; height:100%; width:100%;} /*** 비즈상담 팝업 ***/ #bizcontact_modal {left: 50%; top: 50%; width:1240px; height:85%; background: #FFF; display:none; padding: 0px 0 0; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: auto; position: fixed; -webkit-overflow-scrolling:touch; z-index: 440 !important;} @media all and (min-width: 640px) and (max-width: 960px) { #bizcontact_modal { width: calc(100% - 40px); padding:0px 0 0; position: relative; overflow: hidden;} } @media all and (min-width: 961px) and (max-width: 1218px) { #bizcontact_modal { width: calc(100% - 80px); padding:0px 0 0; position: relative; overflow: hidden;} } @media all and (min-width: 0px) and (max-width: 639px) { .zoom_img_back_wrap {position: static;} #bizcontact_modal { width: calc(100% - 40px); padding:0px 0 0; overflow: auto; padding-bottom: 0%;} } #movie_modal {position: absolute; left: 50%; top: 50%; width:900px; height: auto; display:none; font-size: 0; line-height: 1em; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #movie_modal #modal_wrap {padding:0 0 0 0;} #movie_modal video {height:auto;} @media (min-width: 640px) { #email_modal #modal_wrap, #regulatory_modal #modal_wrap {padding: 40px; } #email_modal, #regulatory_modal {position: absolute; left: 50%; top: 50%; width:500px; height: 250px; background: #FFF; display:none; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: auto; -webkit-overflow-scrolling: touch;} #regulatory_modal { width:960px; height: auto; max-width: 90%; } } @media all and (min-width: 0px) and (max-width: 639px) { #email_modal #modal_wrap, #regulatory_modal #modal_wrap {padding: 30px; } #email_modal, #regulatory_modal {position: absolute; left: 50%; top: 50%; width:calc(100% - 60px); height: auto; padding: 5% 0; background: #FFF; display:none; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; -webkit-overflow-scrolling: touch;} #regulatory_modal { width:960px; height: auto; max-width: 90%; } } /* 반응형 320 X 640 */ @media all and (min-width: 0px) and (max-width: 640px) { #contents_body {width: 100%; margin:0px auto 40px; position: relative;} .dan_ti {height: 24px; line-height: 25px; padding-left: 14px; font-size: 14px;} #loginmodal { width: 100%; height:auto; padding: 0px; background: transparent; position: relative; top: 50%; height: 150px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%);} .first_dan .overview_dan {height:auto;} .first_dan .overview_dan .copy {height:auto; padding: 9px 14px 30px;} .first_dan .overview_dan .copy .kor {font-size:15px;} .first_dan .overview_dan .copy .en {font-size:15px;} .first_dan .overview_dan .copy .kor br {display:none} #section_fir .overview_title {margin-left:0 !important; width:100%;} .first_dan .overview_dan {margin-bottom: 12px !important;} .main_article_area {margin-bottom:12px;} .main_article_area.first {display: flex;} .main_article_area.second {display: inline-flex; align-content: flex-start; flex-wrap: wrap;} .main_article_area.second li {flex: auto; margin-bottom:12px !important;} .main_article_area li {float:left !important; width:calc(50% - 6px); flex: 1;} ul.main_article_area li.mobile_left {margin-right:6px !important;} ul.main_article_area li.mobile_right {margin-left:6px !important;} ul.main_article_area li {background:#FFF;} .empty12 {display:block; height:12px;float:none !important; width:100% !important; background:transparent !important; flex: 0 !important;} .basic_nor .map_flag {position: static; margin-top:5px;} .basic_nor .map_flag span img {width:8% !important;} .icon_play_btn {right:0} .news_mobile {} .news_mobile ul {background:#fff; margin-bottom:12px;} .news_mobile ul:after {content:" "; display:block; clear:both; *zoom:1; background:#fff;} .news_mobile ul li {float:left !important; width:50%;} #section_sec .fir {display:none} #section_sec .sec {float:none; width:100%;} #section_sec .sec ul li {float:none; margin-right: 0px; margin-bottom: 0px;} #section_sec .first_dan {width:100%;} .first_dan .overview_dan ul li:first-child {width:100%;} #section_sec .overview_title {margin-left:0 !important; width:100%;} .news_area .news_dan {width:100%;} .certific_nor {padding: 0 14px; height: auto;} .certific_nor:after {content:" "; display:block; clear:both; *zoom:1;} .certific_nor .left {float:left; width:50%} .certific_nor .right {float:left; width:50%; margin-top:9px;} .certific_nor .title {font-size:15px;} .certific_nor li {font-size:15px;} #section_sec .main_article_area.tech p img {width:100%;} #section_sec .sec .main_article_area.production li:first-child {width:100%;} .quality_nor {height:auto;} .quality_nor:after {content:" "; display:block; clear:both; *zoom:1;} #section_sec .qc_img {float:right; width:50%;} #section_sec .qc_copy {float:left; width:50%;} .main_article_area li.manufact {margin-bottom:12px !important;} .main_article_area.production .caption_copy {display:none;} #section_sec .main_article_area.production .copy {height:auto;} #section_thi .fir {display:none;} #section_thi .overview_title {margin-left:0 !important; width:100%;} #section_thi .sec {float:none; width:100%;} #section_thi .sec ul li {float:none; margin-right: 0px; margin-bottom: 0px;} #section_thi .first_dan {width:100%;} #section_thi .sec .news_area {margin-bottom:12px;} #section_thi .popular_nor ul li {float:left; width:33.3%; padding-right:10px;} #section_thi .popular_nor ul li:last-child {padding-right:0px;} .popular_nor ul li div:first-child {width:100%; height:auto;} .popular_nor ul li div img {width:100%;} .popular_nor ul li div:last-child {width:100%; margin-left:0; margin-top: 10px;} .popular_nor ul li {border-bottom: 0;} #head_nav_after nav {width:100% !important;} #head_nav_after nav, #head_nav_after div.nav_wrap { height: 53px !important;} header nav .gnb {width:100% !important; height: auto;} .mobile_picture {display:block; height: calc( 100vh - 328px );} .mobile_picture img {width:100%;} .main_menu {position:absolute; display:block; top:64px; right:40px;} .main_menu .mobile_main_topmenu_01 {width:27px; background: url(../images/main_topmenu_01.svg) no-repeat center top; background-size: 100%; height:58px; display:inline-block;} .main_menu .mobile_main_topmenu_02 {width:27px; background: url(../images/main_topmenu_02.svg) no-repeat center top; background-size: 100%; height:74px; display:inline-block;} .main_menu .mobile_main_topmenu_03 {width:27px; background: url(../images/main_topmenu_03.svg) no-repeat center top; background-size: 100%; height:48px; display:inline-block} #header_menu .main_menu .gnbBt.m_topmenu01 {position:static; width: auto; height: auto; display: inline-block; margin-right:50px; vertical-align: top;} #header_menu .main_menu .gnbBt.m_topmenu02 {position:static; width: auto; height: auto; display: inline-block; margin-right:50px; vertical-align: top;} #header_menu .main_menu .gnbBt.m_topmenu03 {position:static; width: auto; height: auto; display: inline-block; vertical-align: top;} header nav .oneD {float: unset !important;} input.img_reset_button {top:16px; right:82px; width: 21px; height: 21px; background-size: 21px 21px;} input.img_clear_button {top:16px; right:48px; width: 21px; height: 21px; background-size: 21px 21px; background: url('/new/images/canvas_01_clear.png') no-repeat 50% 50%; background-size:21px 21px;} #header_menu { z-index: 1;} .gnb_service_menu {display:none} #head_nav_after nav .pageHeaderMenu.after .topLevel {display:none;} .head_nav_after_gnb_after {height:auto !important;} #footer .foot_logo {width:15px; margin-bottom:20px;} #head_nav_after div.nav_wrap.small_wrap .small_over {display:none !important;} #head_nav_after div.nav_wrap.small_wrap .small_menu {display:none !important;} .gnbBt.mobile_small {display:block !important;} .lanquge_position {display:none !important;} } /* 320x960 */ @media (min-width:961px) { .mobile_picture {display:none;} .main_menu {display:none} } #wrapper_menu {position:relative; width:100%; max-width:100%; overflow:hidden} #header_menu {display:none; position:absolute; top:0; left:0; width:100%; height:75px; background:transparent; z-index:12} #header_menu.new_side_menu {height:auto;} #header_menu.main {background:none; border-bottom:1px solid rgba(255,255,255,0.2)} #header_menu h1 {display:block; width:100%; height:75px; text-align:center;} #header_menu h1 a {display:inline-block; vertical-align:top; margin-top:19px} .gnbBt {position:absolute; top:50%; right:15px; margin-top:-20px} .gnbBt.m_bigmenu {margin-top:0px} .gnbBt a {display:inline-block; vertical-align:top;} #header_menu .gnbArea {position:absolute; top:0; left:100%; width:100%; height:auto !important; background:#fff; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); z-index:9999; overflow:hidden;} #change_header .partner_container {overflow-y: auto; height: 100%;} #change_header .partner_container::-webkit-scrollbar {width: 8px; height:50px;} #change_header .partner_container::-webkit-scrollbar-track {background: #ebebeb; } #change_header .partner_container::-webkit-scrollbar-thumb {background: #ccc; } #change_header .partner_container::-webkit-scrollbar-thumb:hover {background: #111; } /* #header_menu .gnbArea::-webkit-scrollbar {width: 8px; height:50px;} #header_menu .gnbArea::-webkit-scrollbar-track {background: #ebebeb; } #header_menu .gnbArea::-webkit-scrollbar-thumb {background: #ccc; } #header_menu .gnbArea::-webkit-scrollbar-thumb:hover {background: #111; } */ #header_menu .gnbArea .top {padding:14px 15px; overflow:hidden} #header_menu .gnbArea .top .lang {position:relative; display:inline-block; font-size:14px; color:#fff; line-height:20px; padding-left:10px; margin-left:11px;} #header_menu .gnbArea .top .lang:before {content:''; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:14px;} #header_menu .gnbArea .top .lang:first-child {padding-left:0; margin-left:0;} #header_menu .gnbArea .top .lang:first-child:before {width:0; height:0;} #header_menu .gnbArea .top .srchBt {float:right; position:relative; padding-right:13px; margin-right:32px} #header_menu .gnbArea .top .srchBt:before {content:''; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:14px;} #header_menu .gnbArea .menuDiv {width:100%; margin:0 20px 20px 0; overflow-y: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden;} #header_menu .gnbArea .menuDiv a {float:unset;} #header_menu .gnbArea .menuDiv .oneD {display:inline-block; border-bottom:0px solid #ddd; font-size:28px; line-height:17px; color:#111; padding:25px 0px 25px; text-transform:uppercase; letter-spacing:0.03em; font-family: 'NunitoSans-Bold', sans-serif;} #header_menu .gnbArea .menuDiv .oneD:active {} #header_menu .gnbArea .menuDiv .oneD:hover {} #header_menu .gnbArea .menuDiv .oneD:focus {} #header_menu .gnbArea .menuDiv .oneD.on {} #header_menu .gnbArea .menuDiv .oneD span {display:block;} #header_menu .gnbArea .menuDiv .oneD.on span {} #header_menu .gnbArea .menuDiv .twoD {display:none; padding:0px 0 15px; border-bottom:0px solid #ddd;} #header_menu .gnbArea .menuDiv .twoD.empty {height:0 !important; line-height: 0; padding: 0 !important;} #header_menu .gnbArea .menuDiv .twoD ul {padding-left:3px;} #header_menu .gnbArea .menuDiv .twoD ul li a {display:block; font-size:18px; line-height:1em; color:#111; padding:8px 0; font-family: 'NunitoSans-Regular', 'notokr-regular', sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 0.05em; } #header_menu .gnbArea .menuDiv .twoD ul.depth_menu > li a {display:inline-block} #header_menu .gnbArea .menuDiv .twoD ul li.depth_wrap a {padding:8px 0 5px;} #header_menu .gnbArea .menuDiv .twoD ul li.depth_wrap ul {padding-left:0;} #header_menu .gnbArea .menuDiv .twoD ul li.depth_wrap ul li a {padding:5px 0; color:#666;} #header_menu .gnbArea .menuDiv .twoD ul li.depth_wrap ul li a::before {content: "-"; padding-right: 5px;} #header_menu .gnbArea .menuDiv .twoD ul li.depth_wrap ul li:last-child a {padding-bottom:10px;} #header_menu .gnbArea .menuDiv .twoD a span.kor {font-family:'NunitoSans-Regular', 'Noto_Sans_Medium', sans-serif; font-weight:400; letter-spacing:-0.02em;font-size:14px; display:inline-block; margin-right:7px;} #header_menu .gnbArea .menuDiv .twoD.on {} #header_menu .gnbArea .menuDiv .thiD {display:none; padding:0px 0 15px; border-bottom:0px solid #ddd;} #header_menu .gnbArea .menuDiv .thiD a {display:block; font-size:14px; line-height:14px; color:#333; padding:10px 0; font-family: 'NunitoSans-Regular', sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 0.05em;} #header_menu .gnbArea .util {padding:25px 20px 50px} #header_menu .gnbArea .util a {display:block; font-size:15px; line-height:15px; color:#555; margin-top:16px;} #header_menu .gnbArea .util a:first-child {margin-top:0} .closeBt {position:absolute; top:15px; right:15px; display:block; z-index:99999;} #header_menu .gnbArea .menuDiv .twoD.m_menu01 ul {border-left: 0px solid #ffe0db;} #header_menu .gnbArea .menuDiv .twoD.m_menu01 ul.depth_menu {border-left: 0px solid #ffe0db;} #header_menu .gnbArea .menuDiv .twoD.m_menu02 ul {border-left: 0px solid #ffc3bd;} #header_menu .gnbArea .menuDiv .twoD.m_menu02 ul.depth_menu {border-left: 0px solid #ffc3bd;} #header_menu .gnbArea .menuDiv .twoD.m_menu03 ul {border-left: 0px solid #ffa298;} .m_open_lang {font-size: 11px; text-transform: uppercase; font-family: 'NunitoSans-Regular', sans-serif; font-weight: 600; letter-spacing: 0.1em;} .gnb_service_menu_mobile {margin-top:60px; padding:0 20px 10px;} .gnb_service_menu_mobile span {display:inline-block; padding-right:12px; font-size:11px; text-transform:uppercase; font-family: 'NunitoSans-Regular', sans-serif; font-weight:600; letter-spacing:0.1em;} .gnb_service_mobile_logo {left:19px; top:15px; background:url('/new/images/logo_header_small.svg') no-repeat 50% 50%; width:112px; height:20px; display:inline-block; position:absolute; z-index: 999;} .gnb_service_menu_mobile .seach_input_field {width:198px;} .gnb_service_menu_mobile .search_ti {padding-right:5px;} .gnb_service_menu_mobile i.icon_search { vertical-align: top; margin-top:4px;} .gnb_service_menu_mobile .seach_input_field {font-size:15px; height: 34px;} #header_menu .m_topmenu_01 { background: url(../images/header_menu_01_small_m.svg) no-repeat top left; width: auto; height: 35px; background-size: auto 100%; } #header_menu .m_topmenu_02 { background: url(../images/header_menu_02_small_m.svg) no-repeat top left; width: auto; height: 35px; background-size: auto 100%; } #header_menu .m_topmenu_03 { background: url(../images/header_menu_03_small_m.svg) no-repeat top left; width: auto; height: 35px; background-size: auto 100%; } /*** 서브시안 스타일 **/ .back_sub_rel {background:#f8f5f5 url('/new/images/back_sub_rel.png') repeat-x top left; margin-top:70px; text-align:center;} .sub_top {text-align:center; background:#FFF; margin-bottom:0px;} .sub_contents {text-align:center;} .sub_foot {background:#fff; text-align:center; margin-top:0px;} .sub_inquiries {position:absolute; right:-218px; top:60px; display:inline-block; z-index: 5;} .sub_language {position:fixed; left:50%; margin-left:650px; bottom:30px; display:inline-block; z-index: 5;} .display_inline_block {display:inline-block;} .position_relative {position:relative;} .position_absolute {position:absolute;} .carousel_box {position:relative;} .tech_name {position:absolute; top:-100px;} .name_link {position:absolute; top:-100px;} /* 네임태그 */ #scm_name_link {position:absolute; top:-60px;} .report_tab_wrap:after, .report_contents_wrap:after {content:" "; display:block; clear:both; *zoom:1;} .report_tab_wrap > li {float:left; border-bottom:1px solid #555; padding-bottom:20px; width:calc(33.33% - 10px); text-align:center;} .report_tab_wrap.news > li {padding-bottom:10px; padding-top:10px; border-top:1px solid #555; overflow:hidden; text-align:left; word-break: break-all; min-height:90px;} .report_tab_wrap.news > li a, ul.hashtag > li a {color:#ff433f; font-style:italic; margin-right:20px; font-family: 'NunitoSans-SemiBold'; line-height: 1.8em; letter-spacing: 0em;} .report_tab_wrap li:first-child {margin-right:10px;} .report_tab_wrap li:last-child {margin-left:10px;} .report_tab_wrap li img {height:38px;} .report_tab_wrap li.cosmaxbti {background:url('/new/images/img_cosmaxbti_logo_dimmed.png') no-repeat 50% top; background-size:auto 38px; height:58px;} .report_tab_wrap li.cosmaxbti.on {background:url('/new/images/img_cosmaxbti_logo.png') no-repeat 50% top; background-size:auto 38px; height:58px;} .report_tab_wrap li.cosmaxcompany { background:url('/new/images/img_cosmaxcompany_logo_dimmed.png') no-repeat 50% top; background-size:auto 38px; height:58px; } .report_tab_wrap li.cosmaxcompany.on { background:url('/new/images/img_cosmaxcompany_logo.png') no-repeat 50% top; background-size:auto 38px; height:58px; } .report_tab_wrap li.cosmaxeast.on { background: url('/new/images/img_cosmaxeast_logo.png') no-repeat 50% top; background-size: auto 38px; height: 58px; font-size: 0 !important; } .report_tab_wrap li.cosmaxeast { background: url('/new/images/img_cosmaxeast_logo_dimmed.png') no-repeat 50% top; background-size: auto 38px; height: 58px; font-size: 0 !important; } /* .report_tab_wrap li.cosmaxeast, li.cosmaxeast_ir { height:58px; font-size: 40px; font-weight: 600; letter-spacing: 0.04em; color: #ccc; line-height: 1em; padding: 0; } */ .ir_menu ul { font-size:0; letter-spacing: 0; } .ir_menu ul > li { display:inline-block; vertical-align:top; *display:inline;*zoom:1 } .ir_menu ul > li.cosmaxeast_ir:last-child, li.cosmaxeast_ir { vertical-align: top; text-align: center; color: #000; } .report_tab_wrap li.cosmaxeast.on { color: #000; } .report_contents_wrap li {border-bottom:1px solid #555; padding:12px 0;} .report_contents_wrap .date {float:right; display:inline-block; font-size:13px; letter-spacing:0.04em;} .date_normal {display:inline-block; font-size:13px; letter-spacing:0.04em;} .report_tab_wrap.process li {text-align:left; padding-bottom: 10px;} .img_process {width:370px; height:auto !important; margin-top:20px;} .report_tab_wrap.technologies:after {content:" "; display:block; clear:both; *zoom:1;} .report_tab_wrap.technologies > li {float:left; width:232px; margin-right:47px; margin-left:0; border-bottom: 0;text-align:left; padding-bottom:0; margin-bottom:60px;} .report_tab_wrap.technologies > li:last-child {margin-right:0;} .report_tab_wrap.technologies > li img {width:100%; max-height:290px; height:auto; margin-bottom:5px;} .report_tab_wrap.technologies > li img.title_img {width:auto; max-height:auto; height:auto; margin-bottom:5px;} .report_tab_wrap.technologies > li .video_caption {margin-top: 0px;} /* 리포트탭 */ .report_tab li { display:inline-block; padding:20px; cursor:pointer; } .report_tab_con div { display:none; } .iframe_relative {position:relative;padding: 20px 0 20px 20px;} .iframe_white_block {display:inline-block;position:absolute; right:0; top:0; height:915px; width:17px;z-index:5; background:#f8f5f5 url('/new/images/iframe_white_block.png') repeat-y top right; } iframe.dart_data {width:754px; height:930px; overflow:hidden; margin: 0 auto;} iframe.dart_data html {overflow:hidden} /* 뉴스 */ #news_container.beauty_photo_container {margin-bottom:70px;} #news_container.beauty_photo_container:last-child {margin-bottom:0px;} #news_container .news_wrap:after {content:" "; display:block; clear:both; *zoom:1;} /*#news_container .news_wrap > li {float:left; margin-right:47px; width:232px; margin-bottom:20px; background:#fff;}*/ #news_container .news_wrap > li .thumb {background-color:#FFF;} #news_container .news_wrap > li img {width:100%; height:180px;} #news_container .news_wrap.beauty_photo {margin-bottom:70px;} #news_container .news_wrap.beauty_photo:last-child {margin-bottom:0px;} #news_container .news_wrap.beauty_photo > li {margin-bottom:20px;} #news_container .news_wrap.beauty_photo > li img {width:100%; height:auto;} #news_container .news_wrap.partners_wrap > li {margin-bottom:20px; background-color:#FFF;} #news_container .news_wrap.partners_wrap > li img {width:100%; height:auto;} #news_container .news_wrap.essentials_wrap > li {background-color:transparent; margin-bottom:40px;} #news_container .news_wrap.essentials_wrap .thumb {} #news_container .news_wrap.essentials_wrap > li img {width:100%; height:auto;} #news_container .news_wrap > li:nth-child(3n) {margin-right:0;} .report_contents_wrap li.news_navigator {text-align:center; border-bottom: 0px solid #555;} .news_navigator {text-align:center;} .news_navigator.news_navigator_list{text-align:left;} .news_navigator a {font-size:16px; margin:0 10px;} .news_navigator a.active {color:#ff433f; font-family:'NunitoSans-bold', 'notokr-medium', sans-serif;} .news_navigator img {vertical-align:middle; margin-top:-2px;} .news_contetns_navigator {border-top: 0px solid #555; padding-top: 30px;} .beauty_photo_name {display:inline-block;margin-right:20px;} /** 파트너테이블 **/ #news_container .partners_wrap.partners_list:after {content:" "; display:block; clear:both; *zoom:1;} #news_container .partners_wrap.partners_list {width:calc(100% + 30px); margin-right:-15px; margin-left:-15px; letter-spacing: 0;} #news_container .partners_wrap.partners_list > li {width:25%; padding-right:15px; padding-left:15px; margin:0; background:transparent; margin-bottom:30px;} #news_contents_container {} #news_contents_container .news_wrap.news_contents {border-bottom:0px solid #555; padding-bottom:20px; margin-bottom:30px;} #news_contents_container .news_wrap.news_contents.press_head {padding-top:0px;} #news_contents_container .news_wrap.news_contents .ti {color:#000; font-size:22px; font-family: 'NunitoSans-bold', 'notokr-medium', sans-serif;} #news_contents_container .news_contents_body {padding-bottom:0px;} #news_contents_container .news_contents_body img {/*width:100% !important;*/ height:auto !important; margin-bottom:20px; max-width:100%;} #news_contents_container .news_contents_body strong {font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; letter-spacing: -0.01em; font-weight: normal !important;} #news_contents_container .news_contents_body p, #news_contents_container .news_contents_body font, #news_contents_container .news_contents_body span {font-family: 'NunitoSans-Regular', 'notokr-regular', sans-serif !important; font-size: 18px !important;} .news_photo {margin:10px 0 30px;} .attach_wrap:after {content:" "; display:block; clear:both; *zoom:1;} .attach_wrap {padding:30px 0; border-top: 1px solid #555;} .attach_wrap > div {float:left;} .attach_wrap > div:first-child {padding-right:10px;} .tag_span_wrap {line-height:1em; margin-bottom:10px;} a.tag_none {color:#111 !important; margin-right:5px; font-family: 'NunitoSans-Bold','notokr-Medium', sans-serif; line-height: 1.4em; letter-spacing: 0em; font-size:15px;} .tag_none {color:#111 !important; margin-right:5px; font-family: 'NunitoSans-Bold','notokr-Medium', sans-serif; line-height: 1.4em; letter-spacing: 0em;} .tag_none.tag_none_title {font-size:22px; margin-bottom:20px;} /* 공지사항 */ #notice_container .notice_wrap {margin-bottom:40px;} #notice_container .notice_wrap .notice_list {} #notice_container .notice_list:after {content:" "; display:block; clear:both; *zoom:1;} #notice_container .notice_list:first-child {border-top:0px solid #555;} #notice_container .notice_list:last-child {border: 0;} #notice_container .notice_list {border-bottom:1px solid #555; padding:12px 0;} #notice_container .notice_list span {display:inline-block} /* 뷰티에센셜 5단 */ .beauty_essentials_mainimg {margin-bottom:60px} .beauty_essentials_mainimg .essen_img, .essen_img {margin-bottom:10px} .str_summary { overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4em; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #most_popular_container .most_wrap:after {content:" "; display:block; clear:both; *zoom:1;} #most_popular_container .most_wrap > li {float:left; margin-right:47px; width:232px;} #most_popular_container .most_wrap > li .thumb {position:relative;} #most_popular_container .most_wrap > li .thumb img {width:100%; max-height:290px;} #most_popular_container .most_wrap > li .num {display:inline-block; color:#ff433f; font-size:36px; font-family: 'NunitoSans-Bold'; position:absolute; left:50%; top:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #most_popular_container .most_wrap > li:nth-child(5n) {margin-right:0;} .howto_person_wrap {width:50%; background-color:#FFF; position:relative; min-height:150px;} .howto_person_wrap img {width:150px; height:150px; position:absolute; top:0; left:0;} .person_info {width:calc(100% - 170px); margin-left:170px; padding-top: 20px;} .interview_detail_view p {margin-top:30px;} .interview_detail_view img {width:100%; height:auto;} .skin_wrap img.main_img, .skin_list > p img {margin-bottom:20px; border-bottom: 0px solid #ff433f;} .skin_wrap_ti {line-height:1.3em; text-transform:uppercase !important; margin-bottom:15px; font-family: 'NunitoSans-Bold', 'notokr-medium', sans-serif; letter-spacing:0.02em;} .skin_wrap .ti_wrap span {display:block; } .skin_wrap_ti > img {width:auto !important; height:auto;} /* 단 섹션 칼라 */ /* 제품소개 */ .beauty_tech_list:after {content:" "; display:block; clear:both; *zoom:1;} .beauty_tech_list li {float:left;} /* 사업문의 */ body.beauty_inquiries {background:url('/new/images/back_inquiries_01.jpg') no-repeat 50% 50%; background-size:cover;} .beauty_inquiries #fir_section_color {height: calc( 100vh - 60px); background-color: transparent;} .beauty_inquiries #fir_section_color.last_section {height: 100%; background-color: transparent;} .beauty_inquiries #section_desk_wrap {height:100%; position:relative;} .beauty_inquiries #section_desk_wrap .contents_body_sec {height:100%; position:relative;} .beauty_inquiries .tabcontent_container {padding-right: 174px; position: absolute; left: 50%; top: 45%; width: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .beauty_inquiries .inquiries_foot { position:absolute; bottom:50px; width:100%; text-align:center; padding:0 ;font-family: 'NunitoSans-Regular', 'notokr-medium', sans-serif; letter-spacing:0.02em; text-transform:uppercase !important; font-size:16px;} .beauty_inquiries .inquiries_foot .line {border-bottom:1px solid #555;} .beauty_inquiries_wrap {text-align:center; position: absolute; left: 50%; top: 45%; width: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } ul.beauty_inquiries_2step_list:after {content:" "; display:block; clear:both; *zoom:1;} ul.beauty_inquiries_2step_list li {float:left; width:295px; margin-right:20px;} ul.beauty_inquiries_2step_list li img {width:100%; } ul.beauty_inquiries_2step_list li .back_pink {background:#ff595a} ul.beauty_inquiries_2step_list li:last-child {margin-right:0px;} ul.beauty_inquiries_2step_list li p {text-align:center; background:#fff; padding:13px 0; font-weight:bold;} ul.beauty_inquiries_2step_list li a:hover {opacity:0.5} ul.beauty_inquiries_2step_list.flag {margin-top:100px;} ul.beauty_inquiries_2step_list.flag li img {width:auto; margin:0 5px;} ul.beauty_inquiries_2step_list.flag li a:hover {opacity:1} ul.beauty_inquiries_2step_list.flag li p {margin-top:10px;} ul.beauty_inquiries_2step_list.flag li p:hover {background:#ff595a; } ul.beauty_inquiries_3step_list:after {content:" "; display:block; clear:both; *zoom:1;} ul.beauty_inquiries_3step_list > li {float:left; width:400px; margin-right:20px;} ul.beauty_inquiries_3step_list > li {padding:0 50px;} ul.beauty_inquiries_3step_list li:last-child {margin-right:0px;} ul.beauty_inquiries_3step_list ul.contents > li {text-align:center; text-transform:uppercase} ul.beauty_inquiries_3step_list ul.contents .ti {font-size:60px; font-family: 'NunitoSans-Bold'; border-bottom:1px solid #555; padding-bottom:30px; line-height:1em; letter-spacing:0.04em;} ul.beauty_inquiries_3step_list ul.contents .medium {font-size:20px; font-family: 'NunitoSans-Extrabold'; border-bottom:1px solid #555; padding:20px 0; font-style: italic; margin-bottom:20px; letter-spacing:0.04em;} /* 제품소개 */ .beauty_product_info_wrap {position:relative; margin-bottom:60px} .beauty_product_info_wrap.sec {position:relative; height:auto;margin-bottom:0px} .beauty_product_info_wrap .back_beauty_product img {width:100%; height:auto;} /* 건강식품 */ .beauty_product_info_wrap.health {position:relative; margin-bottom:60px} .beauty_product_info_wrap.health .back_beauty_product img {width:100%; height:auto;} /******** 프로턱트 원들 ********/ .fade_product {position:absolute;display:inline-block; text-align:center; color:#fff; border-radius:50%; display:table; cursor:pointer; display: block; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; animation-fill-mode: forwards; animation-name: springy-text; opacity: 0;} .fade_product p {text-align:center; vertical-align:middle; line-height:1.4em; cursor: default; z-index: 1;} .fade_product p img {width:100%; height:auto;cursor: pointer;} .fade_product.skinbasics {bottom:70%; right:73.291%; width:17.468%; height:17.468%; animation-delay: 0s;} .fade_product.sheetmask {bottom:77.468%; right:51.646%; width:17.468%; height:17.468%; animation-delay: 1s;} .fade_product.Hair {bottom:70.886%; right:24.051%; width:14.430%; height:14.430%; animation-delay: 1.5s;} .fade_product.Body {bottom:70.886%; right:5.823%; width:14.430%; height:14.430%; animation-delay: 0.5s;} .fade_product.Cleansing {bottom:56.456%; right:60.253%; width:14.430%; height:14.430%; animation-delay: 1s;} .fade_product.Suncare {bottom:42.9%; right:42.632%; width:14.430%; height:14.430%; animation-delay: 0.5s;} .fade_product.SkinMakeup {bottom:35.494%; right:71.899%; width:17.468%; height:17.468%; animation-delay: 0.5s;} .fade_product.cushion {bottom:32.709%; right:57.975%; width:13.924%; height:13.924%; animation-delay: 1.2s;} .fade_product.EyeMakeup {bottom:5.380%; right:71.139%; width:17.468%; height:17.468%; animation-delay: 0.5s;} .fade_product.LipMakeup {bottom:10.949%; right:53.924%; width:17.468%; height:17.468%; animation-delay: 1.5s;} .fade_product.Nail {bottom:10.418%; right:23.038%; width:11.392%; height:11.392%; animation-delay: 2s;} .fade_product.Fragrance {bottom:20.2%; right:5.823%; width:14.430%; height:14.430%; animation-delay: 1s;} .fade_product.BabyChild {top:0px; left:5%; width:17.468%; height:17.468%; animation-delay: 0s;} .fade_product.Herbal {top:0px;left:50%; width:17.468%; height:17.468%; animation-delay: 0.5s; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); } .fade_product.Cosmeceutical {top:0px; right:5%; width:17.468%; height:17.468%; animation-delay: 1s;} /** 건강식품 원들 **/ .fade_product.softgel {bottom:54.79%; right:55.70%; width:17.72%; height:17.72%; animation-delay: 0s;} .fade_product.tablet {bottom:54.79%; right:25.57%; width:17.72%; height:17.72%; animation-delay: 1s;} .fade_product.liguid {bottom:26.30%; right:70.89%; width:17.468%; height:17.72%; animation-delay: 1.5s;} .fade_product.jelly {bottom:26.30%; right:40.63%; width:17.72%; height:17.72%; animation-delay: 2s;} .fade_product.powder {bottom:26.30%; right:10.38%; width:17.72%; height:17.72%; animation-delay: 2.5s;} @keyframes springy-text { 0% { opacity: 0; } 100% { opacity: 1; } } /** 툴팁 모바일 **/ .tooltip_product_M .tooltip-content_product {position:relative; display:none; width: 230px; background-color: #fff; color:#111; position: absolute; padding:20px; text-align:left !important; word-break:keep-all; z-index:100;} .tooltip_product_M .tooltip-content_product.tooltip_skinbasics {bottom:-50%; left:0px;} .tooltip_product_M .tooltip-content_product.tooltip_sheetmask {bottom:-100%; left: -130%;} .tooltip_product_M .tooltip-content_product.tooltip_Hair {bottom:-160%; right:0;} .tooltip_product_M .tooltip-content_product.tooltip_Body {bottom:-220%; right:0;} .tooltip_product_M .tooltip-content_product.tooltip_Cleansing {bottom:-160%; left: -120%;} .tooltip_product_M .tooltip-content_product.tooltip_Suncare {top:0; right:-195%;} .tooltip_product_M .tooltip-content_product.tooltip_SkinMakeup {top:0; left: 0;} .tooltip_product_M .tooltip-content_product.tooltip_cushion {top:0; right:-200%;} .tooltip_product_M .tooltip-content_product.tooltip_LipMakeup {top:0px; right:-160%;} .tooltip_product_M .tooltip-content_product.tooltip_Fragrance {bottom:-75%; right:0px;} .tooltip_product_M .tooltip-content_product.tooltip_EyeMakeup {top:0px; left:0;} .tooltip_product_M .tooltip-content_product.tooltip_Nail {bottom:-70%; right:0px;} .tooltip_product_M .tooltip-content_product.tooltip_BabyChild {bottom:-55%; left:0;} .tooltip_product_M .tooltip-content_product.tooltip_Herbal {bottom:-35%; left:-120px;} .tooltip_product_M .tooltip-content_product.tooltip_Cosmeceutical {top:-75%; right:0;} /** 툴팁 피씨 **/ .tooltip_product .tooltip-content_product {position:relative; display:none; width: 230px; background-color: #fff; color:#111; position: absolute; padding:20px; text-align:left !important; word-break:keep-all; z-index:100;} .tooltip_product .tooltip-content_product.tooltip_skinbasics {bottom:-50%; left:0px;} .tooltip_product .tooltip-content_product.tooltip_sheetmask {bottom:-100%; left:0;} .tooltip_product .tooltip-content_product.tooltip_Hair {bottom:-160%; left:0;} .tooltip_product .tooltip-content_product.tooltip_Body {bottom:-220%; right:0;} .tooltip_product .tooltip-content_product.tooltip_Cleansing {bottom:-160%; left:0;} .tooltip_product .tooltip-content_product.tooltip_Suncare {top:0; right:-195%;} .tooltip_product .tooltip-content_product.tooltip_SkinMakeup {top:0; right:-155%;} .tooltip_product .tooltip-content_product.tooltip_cushion {top:0; right:-200%;} .tooltip_product .tooltip-content_product.tooltip_LipMakeup {top:0px; right:-160%;} .tooltip_product .tooltip-content_product.tooltip_Fragrance {bottom:-75%; right:0px;} .tooltip_product .tooltip-content_product.tooltip_EyeMakeup {top:0px; right:-160%;} .tooltip_product .tooltip-content_product.tooltip_Nail {bottom:-70%; right:0px;} .tooltip_product .tooltip-content_product.tooltip_BabyChild {bottom:-55%; left:0;} .tooltip_product .tooltip-content_product.tooltip_Herbal {bottom:-35%; left:0;} .tooltip_product .tooltip-content_product.tooltip_Cosmeceutical {top:-75%; right:0;} /* 툴팁 건강식품 */ .tooltip_product .tooltip-content_product.tooltip_softgel {bottom:-50%; left:0px;} .tooltip_product .tooltip-content_product.tooltip_tablet {bottom:-50%; left:0px;} .tooltip_product .tooltip-content_product.tooltip_liguid {bottom:-50%; left:0px;} .tooltip_product .tooltip-content_product.tooltip_jelly {bottom:-50%; left:0px;} .tooltip_product .tooltip-content_product.tooltip_powder {bottom:-50%; left:0px;} /* 툴팁 건강식품 모바일*/ .tooltip_product_M .tooltip-content_product.tooltip_softgel {bottom:-50%; left:0px;} .tooltip_product_M .tooltip-content_product.tooltip_tablet {bottom:-50%; right:0px;} .tooltip_product_M .tooltip-content_product.tooltip_liguid {bottom:-50%; left:0px;} .tooltip_product_M .tooltip-content_product.tooltip_jelly {bottom:-50%; right:-50px;} .tooltip_product_M .tooltip-content_product.tooltip_powder {bottom:-50%; right:0px;} .search_result_container {border-top:1px solid #3c3c3c; margin-top:60px; padding-top:40px;} .search_result_container:nth-child(2) {margin-top:10px;} .search_result_container > .headline {margin-bottom: 40px; } .search_result_wrap {margin-bottom:30px;} .search_result_wrap:last-child {/*margin-bottom:0px;*/} .search_result_wrap:after {content:" "; display:block; clear:both; *zoom:1;} .search_result_wrap .fir, .search_result_wrap .sec {float:left} .search_result_wrap .fir {width:110px; height:110px; background-position: 50% 50%; background-size: cover;} .search_result_wrap .sec {width:calc( 100% - 110px); padding-left:20px;} .search_result_wrap.noimg .sec {width:100%} .search_result_wrap .p font {font-family: 'NunitoSans-Regular', 'notokr-regular', sans-serif;} /** 190528 **/ body {background:#f5f5f5} #new_layout_container:after {content:" "; display:block; clear:both; *zoom:1;} #new_layout_container {margin-bottom:28px; /*background: #fff;*/} #new_layout_container .layout_dan {float:left;} #new_layout_container .layout_dan img {width:100%; /*height:300px;*/height:auto;} #new_layout_container .layout_dan .date_num {text-align: center; position:absolute; top:57%; left:50%; width: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #new_layout_container .layout_dan .date_num p {display:inline-block; margin: 0 5px; width: 26%;} #new_layout_container .layout_dan .date_num img {width:100%; height:auto;} #new_layout_container .layout_dan.fir01 {width:65.9091%;}/*870px*/ #new_layout_container .layout_margin {margin-right:2.2727%;} #new_layout_container .layout_dan.sec02 {width:31.8182%;}/*420px*/ #new_layout_container .layout_dan.thi03 {width:31.8182%;} #new_layout_container .layout_dan .zoom_img {/*height:300px;*/ background:#fff;} .new_lay_ti {font-size:29px; font-family: 'NunitoSans-Bold'; padding:30px 20px 15px 20px; letter-spacing: 0.02em;} .new_lay_copy {font-size:20px;padding:0 20px 30px 20px; word-break:keep-all;word-wrap:break-word; } .sns_ti_area {padding-bottom:20px;} #new_layout_container.last_news .back_white {position:relative; background:#fff;} #new_layout_container.last_news .back_white img.trans_date_back {overflow: hidden; width: 100%; height: auto;} #new_layout_container.last_news .inner_date {position:absolute; width:100%;top:0; left:0;} .new_lay_ti_wrap.news_lay{background:#fff; transition:all .2s ease .2s; } .new_lay_ti_wrap.news_lay:hover {background:#ff7b7b; transition:all .2s ease .2s; } a.new_lay_href > ul {background:#fff; transition:all .2s ease .2s; } a.new_lay_href:hover > ul {background:#ffcfc9; transition-delay:0s} a.new_lay_href.dan02_href:hover > ul {background:#ffa298; transition-delay:0s} a.new_lay_href.dan03_href:hover > ul {background:#ff7b7b; transition-delay:0s} .dan01_color {background:#ffcfc9;} .dan02_color {background:#ffa298;} .dan03_color {background:#ff7b7b;} #footer {background:#fff;} body#index_body #footer {background:#f5f5f5;} /** 고객문의 **/ table.question_table {} table.question_table .table-colwidth-l {width:10%; min-width:130px;} table.question_table .table-colwidth-r {width:90%;} table.question_table th {text-align:left; font-weight:normal; min-width: 84px;} table.question_table th, table.question_table td {padding:12px 0;} table.question_table select {border: 1px solid #e4e4e4; background-color:#fff !important; height: 50px; padding:0 10px; background: url('/new/images/select_arrow.png') no-repeat 98% 55%; background-size: 14px;} table.question_table input {border: 1px solid #e4e4e4; background-color:#fff; height: 50px; padding:0 10px;} table.question_table textarea {border: 1px solid #e4e4e4; background-color:#fff !important; padding:10px; outline-style:none; min-height: 300px;} table.question_table .phone select, table.question_table .phone input {width:30%;} table.question_table .file-attach input {border:0; background:transparent; padding: 8px 0px; vertical-align: middle; width:auto;} table.question_table .ag_info_ti {margin-top:30px;} table.question_table .ag_info {border: 1px solid #e4e4e4; background-color:#fff} table.question_table .ag_check {margin-top:40px;} table.question_table input[type=checkbox]+label {padding-left:26px;} table.question_table .guide-txt {font-size:14px;} .quarters03_wrap:after {content:" "; display:block; clear:both; *zoom:1;} .quarters03_wrap > ul > li {float:left; width:33.3333%;} .quarters03_wrap > ul > li.two_thirds_wrap { width:66.6667%;} .quarters03_wrap > ul > li.one_thirds_wrap { width:100%;} .quarters03_box > ul > li {float:left;} .quarters03_box > ul > li:nth-child(1) {padding-right:24px; width:40%;} .quarters03_box > ul > li:nth-child(2) { text-align:center; width:20%;} .quarters03_box > ul > li:nth-child(3) {padding-left:24px; text-align:right; width:40%;} /** 이전후컨텐츠 **/ #contents_body.sub_page #sub_contents_container.pre_next_contents {padding:80px 0 80px;} #contents_body.sub_page #sub_contents_container.pre_next_contents strong {line-height:1.25em; word-break: keep-all; } .pre_contents {padding-left: 35px; position: relative;} .next_contents {padding-right: 35px; position: relative;} .list_contents {padding-top: 32px; position: relative;} .pre_contents:before {content: " "; position: absolute; left:0; top:50%; background: url(/new/images/btn_con_pre.svg) no-repeat left 50%; display: inline-block; width: 20px; height: 52px; vertical-align: middle; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition:all .1s ease .1s; -o-transition:all .1s ease .1s; -ms-transition:all .1s ease .1s; -webkit-transition:all .1s ease .1s; transition:all .1s ease .1s;} .next_contents:after {content: " "; position: absolute; right:0; top:50%; background: url(/new/images/btn_con_next.svg) no-repeat right 50%; display: inline-block; width: 20px; height: 52px; vertical-align: middle; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition:all .1s ease .1s; -o-transition:all .1s ease .1s; -ms-transition:all .1s ease .1s; -webkit-transition:all .1s ease .1s; transition:all .1s ease .1s;} .list_contents:before {content: " "; position: absolute; left:50%; top:0; background: url(/new/images/btn_con_list.svg) no-repeat 50% top; display: inline-block; width: 52px; height: 20px; vertical-align: middle; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate-50%, 0); -moz-transition:all .1s ease .1s; -o-transition:all .1s ease .1s; -ms-transition:all .1s ease .1s; -webkit-transition:all .1s ease .1s; transition:all .1s ease .1s;} .pre_contents .sti, .next_contents .sti {font-size:16px;line-height: 2em;} .pre_contents .link_ti, .next_contents .link_ti, .list_contents .link_ti {font-size:20px; letter-spacing: 0em;line-height: 1em;} a.pre_contents_link:hover > .pre_contents:before {background: url(/new/images/btn_con_pre_over.svg) no-repeat left 50%;} a.next_contents_link:hover > .next_contents:after {background: url(/new/images/btn_con_next_over.svg) no-repeat left 50%;} a.list_contents_link:hover > .list_contents:before {background: url(/new/images/btn_con_list_over.svg) no-repeat 50% top;} .info_list.philosophy {padding-top: 12%;} .contents_header_title > p {margin-bottom:25px} .contents_header_title > p:last-child {margin-bottom:0px} .quarters03_wrap_center {width:66.6667%; margin:0 auto;} /** half 나누기 **/ ul.half_wrap:after {content:" "; display:block; clear:both; *zoom:1;} ul.half_wrap {margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); font-size: 0;letter-spacing: 0;} ul.half_wrap > li {float:unset; display:inline-block; vertical-align:top; width: 50%; padding-left: 20px; padding-right: 20px; margin-bottom:40px; font-size: 18px;} ul.half_wrap > li img {width:100%; height:auto;} #news_container ul.news_wrap {margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); font-size: 0; letter-spacing: 0;} #news_container ul.news_wrap > li {float:unset; display:inline-block; vertical-align:top; width: 25%; padding-left: 20px; padding-right: 20px; margin-bottom:40px; font-size: 18px;} #news_container ul.news_wrap > li .thumb {width:100%; height:180px; background-repeat:no-repeat; background-size:cover; background-position: 50% 50%;} #news_container ul.news_wrap > li .thumb img {width:100%;height:100%;} #news_container .news_wrap .news_list_box {padding: 15px 0;} #news_container ul.news_wrap.youtube_wrap {font-size:0; letter-spacing: 0;} #news_container ul.news_wrap.youtube_wrap > li {float: unset; float: none; display: inline-block; vertical-align: top; width: 33.33%; padding-left: 20px; padding-right: 20px; margin-bottom: 40px; font-size: 18px; line-height: 1.667em; position:relative;} .ir_iframe_menu {position:absolute; right:0; top:5px;} .ir_iframe_cosmaxbti {display:inline-block; background: url('/new/images/img_cosmaxbti_logo.png') no-repeat 50% top; background-size:auto 38px; height:58px; width: 100%;} .ir_iframe_cosmax {display:inline-block; background: url('/new/images/img_cosmaxcompany_logo.png') no-repeat 50% top; background-size:auto 38px; height:58px; width: 100%;} .ir_iframe_cosmaxeast {display:inline-block; background: url('/new/images/img_cosmaxeast_logo.png') no-repeat 50% top; background-size:auto 38px; height:58px; width: 100%; font-size:0 !important} .ir_menu ul > li {display:inline-block; width:33.0%;} .ir_menu ul > li:last-child {vertical-align:middle;} #index_video_container.sub_topimg {background-repeat:no-repeat; background-size:cover; background-position:50% 50%; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } #current_location_wrap .current_location {width:1218px; margin:0 auto; position:relative;} .current_location:after {content:" "; display:block; clear:both; *zoom:1;} .current_location {text-align:right; font-size:13px; color:#555; padding-top:8px; padding-bottom:5px; letter-spacing:0.03em;} .current_location span {display:inline-block; padding-left: 12px;} .anniversary .current_location span { color:#bcbcbc } .current_location span.current_line {border-bottom:1px solid #666;} .current_location span:after {content: " "; background:url('/new/images/bullet_location.png') no-repeat right 50%; display: inline-block; width:7px; height:13px; margin-top: -4px; vertical-align: middle; padding-left: 12px;} .anniversary .current_location span:after {content: " "; background:url('/new/images/bullet_location_anni.png') no-repeat right 50%;} .current_location span.division a {text-transform:uppercase !important;} .anniversary .current_location span.division a {color:#bcbcbc} .anniversary .current_location span.division strong a {color:#fff} .current_location span.division:after {content: " "; background:url('/new/images/bullet_location_parti.png') no-repeat right 50%; display: inline-block; width:1px; height:13px; margin-top: -4px; vertical-align: middle; padding-left: 12px;} .anniversary .current_location span.division:after {background:url('/new/images/bullet_location_parti_anni.png') no-repeat right 50%;} .current_location span.division:last-child:after {content: " "; display:none; padding-left: 0px;} .current_location span a:hover {color:#ea0029} .current_location span.back {padding-left:0;} .current_location span.back:before {content: " "; background:url('/new/images/bullet_back.png') no-repeat left 50%; display: inline-block; width:7px; height:13px; margin-top: -4px; vertical-align: middle; padding-right: 12px;} .anniversary .current_location span.back:before {content: " "; background:url('/new/images/bullet_back_anni.png') no-repeat left 50%;} .current_location span.back:after {display:none;} .current_location .current_menu .division ul > li a {letter-spacing:0;} .current_location { display: grid; grid-template-columns: 70px auto; } .current_location > div:first-child { text-align: left; } /** 메뉴 **/ .menuDiv.menu_header .oneD {font-size:0 !important; width:450px;height:20px;background-repeat:no-repeat; background-position:left 50%;} .menuDiv.menu_header .menu_home .oneD {background-image:url('/new/images/menu/menu_home.svg');} .menuDiv.menu_header .menu_home:hover > .oneD {background-image:url('/new/images/menu/menu_home_over.svg');} .menuDiv.menu_header .menu_way .oneD {background-image:url('/new/images/menu/menu_way.svg');} .menuDiv.menu_header .menu_way:hover > .oneD {background-image:url('/new/images/menu/menu_way_over.svg');} .menuDiv.menu_header .menu_group .oneD {background-image:url('/new/images/menu/menu_group.svg');} .menuDiv.menu_header .menu_group:hover > .oneD {background-image:url('/new/images/menu/menu_group_over.svg');} .menuDiv.menu_header .menu_story .oneD {background-image:url('/new/images/menu/menu_story.svg');} .menuDiv.menu_header .menu_story:hover > .oneD {background-image:url('/new/images/menu/menu_story_over.svg');} .menuDiv.menu_header .menu_30th .oneD {background-image:url('/new/images/menu/menu_30th.svg');} .menuDiv.menu_header .menu_30th:hover > .oneD {background-image:url('/new/images/menu/menu_30th_over.svg');} .menuDiv.menu_header .menu_people .oneD {background-image:url('/new/images/menu/menu_people.svg');} .menuDiv.menu_header .menu_people:hover > .oneD {background-image:url('/new/images/menu/menu_people_over.svg');} .menuDiv.menu_header .menu_research .oneD {background-image:url('/new/images/menu/menu_research.svg');} .menuDiv.menu_header .menu_research:hover > .oneD {background-image:url('/new/images/menu/menu_research_over.svg');} .menuDiv.menu_header .menu_beauty .oneD {background-image:url('/new/images/menu/menu_beauty.svg');} .menuDiv.menu_header .menu_beauty:hover > .oneD {background-image:url('/new/images/menu/menu_beauty_over.svg');} .menuDiv.menu_header .menu_infra .oneD {background-image:url('/new/images/menu/menu_infra.svg');} .menuDiv.menu_header .menu_infra:hover > .oneD {background-image:url('/new/images/menu/menu_infra_over.svg');} .menuDiv.menu_header .menu_careers .oneD {background-image:url('/new/images/menu/menu_careers.svg');} .menuDiv.menu_header .menu_careers:hover > .oneD {background-image:url('/new/images/menu/menu_careers_over.svg');} .menuDiv.menu_header .menu_news .oneD {background-image:url('/new/images/menu/menu_news.svg');} .menuDiv.menu_header .menu_news:hover > .oneD {background-image:url('/new/images/menu/menu_news_over.svg');} .menuDiv.menu_header .menu_service .oneD {background-image:url('/new/images/menu/menu_service.svg');} .menuDiv.menu_header .menu_service:hover > .oneD {background-image:url('/new/images/menu/menu_service_over.svg');} .menuDiv.menu_header .menu_kbeauty .oneD {background-image:url('/new/images/menu/menu_kbeauty.svg');} .menuDiv.menu_header .menu_kbeauty:hover > .oneD {background-image:url('/new/images/menu/menu_kbeauty_over.svg');} .menuDiv.menu_header .menu_sns .oneD {background-image:url('/new/images/menu/menu_sns.svg');} .menuDiv.menu_header .menu_sns:hover > .oneD {background-image:url('/new/images/menu/menu_sns_over.svg');} .menuDiv.menu_header .menu_sustainability .oneD {background-image:url('/new/images/menu/menu_sustainability.svg');} .menuDiv.menu_header .menu_sustainability:hover > .oneD {background-image:url('/new/images/menu/menu_sustainability_over.svg');} /*.menu_contact .oneD.close {background: url('/new/images/menu/menu_contact.svg');}*/ #change_header .oneD.close:hover {background: url('/new/images/menu/menu_contact_over.svg') no-repeat left 50%;} /** 영상소리제어 **/ .mute_wrap {position:absolute; width:1218px; height:28px; left:50%; top: 650px; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1;} .mute-video {background:url('/new/images/video_control_mute.png') no-repeat center; background-size:100%; border:0; width:28px; height:28px; position: absolute; bottom: 15%; right: 26px; border:0; outline:0;} .unmute-video { background:url('/new/images/video_control_sound.png') no-repeat center; background-size:100%; width:28px; height:28px; border:0; outline:0;} /** 인트로 **/ .intro_logo {position:absolute; left:50%; top:50%; background:url('/new/images/intro_logo.png') no-repeat 50% 50%; background-size:100%; /*width: 300px; height:433px;*/width: 160px; height:231px; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation-duration: 0.5s; animation-name: fadein; animation-delay: 0.3s; animation-fill-mode:backwards;} .philosophy_apple_copy {padding-top:65px;} .accord_wrap.faq ul li.mb {border-top:0 !important} .title.people_question {display:none;} #mute.btn {width: 30px; height: 30px; position: absolute; right:20px;} .langu {display:none;} .relation_box ul li:nth-child(2) p:nth-child(2) {overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6em; height: 4.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .cosmax_ci_container .different .carousel_box {margin-bottom: 60px;} .cosmax_ci_container .different .carousel_box:last-child {margin-bottom: 0px;} .certi_status_ti {padding-top:10px;} .index_height_set {background: #fff;} .skin_title {font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; color:#000; font-weight: normal; display:block;} body.h_hidden {overflow: hidden;} .search_result_container:after {content:" "; display:block; clear:both; *zoom:1;} .search_result_container {font-size:0;} .search_result_wrap {width:50%; /*float:left;*/ display:inline-block; vertical-align:top; *display:inline;*zoom:1; margin-bottom: 60px;} .search_result_wrap p {font-size: 18px;} .search_result_container {margin-top: 15px;} .search_result_wrap .sec p:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.8em; height: 3.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .search_result_wrap:nth-child(odd) {padding-left:20px;} .search_result_wrap:nth-child(even) {padding-right:20px;} .vod_back {background-size:cover; width: 100%; height: 100%; background-repeat:no-repeat; background-position:50% 50%;} .videoWrapper { padding:0; text-align:center; position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; /*margin-left: -45%;*/ width: 100%; height: 100%; } .videoWrapper .movie { position: absolute; top: 0; margin-left: -45%; width: 100%; height: 100%; } .side_lang span {display:inline-block; font-size:18px; padding-right:15px; padding-top:20px; font-family: 'NunitoSans-SemiBold';} /** 안정성 **/ .source_small {font-size:10px; letter-spacing: 0.03em; line-height:1em; text-align:right; color:#777; padding-top:15px; list-style-type: none !important;} .source_small.width70 {width: 70%; margin:0 auto;} @media (max-width: 856px) { .source_small.width70 {width: 100%;} } .strong_safety {font-size:19px} select.safety_select option:first-child {display: none;} .dropmenu_submenu {} .dropmenu_submenu li a {} .dropmenu_submenu li a:hover, .dropmenu ul li:hover a {} .dropmenu_submenu li ul {display:none; height:auto; border:0px; position:absolute; width:auto; z-index:200; margin-left: -25px; border:1px solid #eeeeee;} .dropmenu_submenu li:hover ul {display:block;} .dropmenu_submenu li li {background: #fff; display:block; float:none; margin:0px; padding:0px; width:auto;} .current_location .dropmenu_submenu li ul {left: 50%; transform: translateX(-50%); margin-left: 0;} .current_location .dropmenu_submenu li.last ul {left: auto; right:0; transform: none; margin-left: 0;} .current_location .dropmenu_submenu li li {white-space: nowrap;} .dropmenu_submenu li li:first-child {padding-top:5px;} .dropmenu_submenu li li:last-child {padding-bottom:5px;} .dropmenu_submenu li:hover li a {background:none;} .dropmenu_submenu li ul a {display:block; padding: 10px 12px; text-align:left; line-height: 1em; font-family:'NunitoSans-Regular', 'notokr-medium', sans-serif; font-size:14px; color:#000;} .dropmenu_submenu li ul a:hover, .dropmenu li ul li:hover a {background:#ea0029; border:0px; color:#ffffff !important;} .dropmenu_submenu p {clear:left;} @media all and (min-width: 897px) and (max-width: 1280px) { .dropmenu_submenu li ul {/*right: 0;*/} .dropmenu_submenu.list_up li ul {right: auto;} } .dropmenu_submenu.list_up {font-size:0;} .dropmenu_submenu.list_up li {position:relative; float:none; float:unset; display:inline-block; vertical-align:top; *display:inline;*zoom:1} .dropmenu_submenu.list_up li ul {left:50%; margin-left: auto; width:120%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);} .dropmenu_submenu.list_up li li:first-child {padding-top:0px;} .dropmenu_submenu.list_up li li:last-child {padding-bottom:0px;} .dropmenu_submenu.list_up li ul a {text-align:center; padding: 10px 10px 9px; line-height:1.4em;} .dropmenu_submenu.list_up li ul li {width:100%;} .current_location ul.current_menu > li {display: inline-block; padding-left: 12px; text-transform:uppercase; position:relative;} .current_location ul.current_menu > li:after {content: " "; background: url(/new/images/bullet_location.png) no-repeat right 50%; display: inline-block; width: 7px; height: 13px; margin-top: -4px; vertical-align: middle; padding-left: 12px;} .current_location ul.current_menu > li.none:after {background: none; width: 0; padding-left: 0;} .current_location ul.current_menu > li.division:after {content: " "; background: url(/new/images/bullet_location_parti.png) no-repeat right 50%; display: inline-block; width: 1px; height: 13px; margin-top: -4px; vertical-align: middle; padding-left: 12px;} .current_location ul.current_menu > li.division:last-child:after {content: " "; display:none; padding-left: 0px;} .current_location ul.current_menu > li a:hover {color:#ea0029} .current_down_container {background: #f0f0f0; padding-top:10px; text-align:right;} .current_down_wrap {background: #f0f0f0; width: 1218px; margin: 0 auto;} .btn_currentdown {border:1px solid #ea0029; background-color:transparent; color:#ea0029; display:inline-block; padding:5px 10px 3px; text-align:center; font-size: 13px; line-height:1.4em; letter-spacing:0.03em; margin-bottom:5px;} .btn_currentdown img {width:13px; height:13px; vertical-align:middle; margin-top:-2px;} .safety_menu_container {/*padding-right:25px; padding-left:25px;*/} .safety_menu_wrap:after {content:" "; display:block; clear:both; *zoom:1;} .safety_menu_wrap > li {float:left; width:25%; text-align:center; padding: 0 25px;} .safety_menu_wrap > li .safety_menu_box {position:relative; display:inline-block; width:100%; height:auto; padding-bottom:100%; border-radius:50%; border:2px solid #000; background-color:#transparent; -moz-transition:all .1s ease .1s; -o-transition:all .2s ease .1s; -ms-transition:all .2s ease .1s; -webkit-transition:all .2s ease .1s; transition:all .2s ease .1s;} .safety_menu_wrap > li .safety_menu_box:hover {background-color:#ea0029; border:2px solid #ea0029; } .safety_menu_wrap > li .safety_menu_box:hover > .safety_menu_copy {color:#fff;} .safety_menu_wrap > li .safety_menu_box:hover .icon_plus_new {background: url('/new/images/foot_ico_plus_W.png') no-repeat top;} .safety_menu_wrap > li .safety_menu_copy {width:100%; height:auto;position:absolute; top:50%; left:50%; -ms-transform: translate(-50%, -45%); -webkit-transform: translate(-50%, -45%); -moz-transform: translate(-50%, -45%); transform: translate(-50%, -45%);} .safety_menu_wrap .safety_menu_copy {font-family:'NunitoSans-Bold', 'notokr-bold', sans-serif; font-size:22px; line-height: 1.3em; -moz-transition:all .1s ease .1s; -o-transition:all .2s ease .1s; -ms-transition:all .2s ease .1s; -webkit-transition:all .2s ease .1s; transition:all .2s ease .1s;} .icon_plus_new {display:inline-block; background: url('/new/images/foot_ico_plus.png') no-repeat top; width: 13px; height: 13px; margin-right:10px; -moz-transition:all .1s ease .1s; -o-transition:all .2s ease .1s; -ms-transition:all .2s ease .1s; -webkit-transition:all .2s ease .1s; transition:all .2s ease .1s;} .safety_02dan:after {content:" "; display:block; clear:both; *zoom:1;} .safety_02dan > li {float:left; width:50%; text-align:center; padding-left:20px; padding-right:20px; word-break:keep-all;} .safety_02dan.none_padding > li {padding-left:0px; padding-right:0px; } .safety_02dan.none_padding > li img {width:100%; height:auto;} .safety_02dan.bad_cosmetics > li:first-child {padding-right:15px;} .safety_02dan.bad_cosmetics > li:last-child {padding-left: 15px;} .safety_02dan.bad_cosmetics > li p {/*padding-bottom:8px;*/} .safety_05dan:after {content:" "; display:block; clear:both; *zoom:1;} .safety_05dan > li {/*float:left;*/ width:20%; text-align:center; padding-left:10px; padding-right:10px; word-break:keep-all;} .safety_05dan.rawmaterial > li {font-size:16px; line-height: 1.7em;} .safety_05dan.rawmaterial > li img {width:60%; height:auto; margin-bottom:20px;} .safety_05dan.rawmaterial.exam > li:last-child {width:40%; text-align:left; padding-left: 50px; padding-right: 0px;} ul.safety_05dan {font-size:0} ul.safety_05dan > li {display:inline-block; vertical-align:top; *display:inline;*zoom:1} .safety_04dan:after {content:" "; display:block; clear:both; *zoom:1;} .safety_04dan > li {float:left; width:25%; text-align:left; padding:25px 15px 20px 20px; word-break:keep-all; margin:0 5px 10px; width:calc(25% - 10px);} .safety_04dan > li {font-size:16px; line-height: 1.7em;} .safety_04dan > li img {width:100%; height:auto; margin-top: -10px;} .safety_04dan.check_menu {margin-right:-5px; margin-left:-5px;} .safety_04dan.check_menu > li {background-color:#eeeeee;} .safety_04dan.check_menu > li > a div {float:left;} .safety_04dan.check_menu > li > a div:first-child {width:calc(100% - 23%); min-height: 86px; overflow: hidden;} .safety_04dan.check_menu > li > a div:last-child {width:23%; float:right;} .safety_04dan.check_menu .icon_plus_new {margin-top: -4px; vertical-align: middle;} .check_menu_ti {vertical-align:middle; margin-right:10px; } .safety_04dan.list_up > li {width:8.33%; margin:0;} @media all and (min-width: 897px) and (max-width:1000px) { .safety_04dan.list_up > li {width:16.66%;} } @media all and (min-width: 640px) and (max-width:896px) { .safety_04dan.list_up > li {width:25%;} } .strong_ti { font-family:'NunitoSans-Bold', 'notokr-bold', sans-serif; font-size:18px; padding-bottom:5px;} .question_wrap ul:after {content:" "; display:block; clear:both; *zoom:1;} .question_wrap ul li {float:left; } .question_wrap ul li:first-child {padding-right:20px; width: 80px;} .question_wrap ul li:last-child {padding-top:0px; width:calc(100% - 80px);} .question_wrap .icon_question {display:inline-block; width:100%; height:80px; background: url('/new/images/icon_question.svg') no-repeat top; background-size:100%;} .question_wrap .icon_question.icon_mark {background: url('/new/images/icon_mark.svg') no-repeat top;} .table_rawmaterial_exam {border: 1px solid #999; margin-top: 10px;} .table_rawmaterial_exam td {padding:10px 10px;border-bottom: 1px solid #999; font-size:13px; letter-spacing:0.04em; line-height: 1.6em;} .table_rawmaterial_exam td:first-child {border-right: 1px solid #999; width: 30%} .table_rawmaterial_exam tr:last-child td {border-bottom: 0;} .new_preservative_photo {text-align:center;} .new_preservative_photo img {width:70%; height:auto;} @media (max-width: 856px) { .new_preservative_photo img {width:100%;} } .anti_virus_photo {text-align:center;} .anti_virus_photo img {max-width:420px; width:100%; height:auto;} .stitle {font-family:'NunitoSans-SemiBold', 'notokr-bold', sans-serif;} #top {position:absolute; top:-80px;} #current_location_wrap.safety_loation {position:relative;} .icon_safety_location {display:inline-block;} .safety_text_list {padding-left: 20px;} .safety_text_list p {margin-bottom:5px; display: list-item; list-style-type: disc;} .usability_ox:after {content:" "; display:block; clear:both; *zoom:1;} .usability_ox .usability_ox_icon {max-width:100px; height:100px;} .usability_ox > div {float:left;} .usability_ox > div:first-child {width:20%; padding-right:20px;} .usability_ox > div:last-child {width:80%; } /* K-beauty */ #new_layout_container.kbeauty_container .layout_dan.fir01 {width: 100%;} #new_layout_container.kbeauty_container .layout_margin {margin-right: 0;} /*팝업제어 */ #popModal_container {left:0; top:0; z-index: 999;} #popModal_back {left:0; z-index:99999} .pop_content01 {left:20px; top:20px;} #popModal_back1 {left:500px; z-index:999999} .pop_content02 {top:20px;} .pop_back_close {width:100%; height:100%;} /*.pop_back01 {background-color:rgba(0,0,0,0.4);}*/ .side_sns_wrap {position:absolute; left:45px; top:11px; font-size:0} .side_sns_wrap_bottom {top:11px; font-size:0; display:none; margin-top:20px; margin-left: -4px} .side_sns_wrap span, .side_sns_wrap_bottom span {display:inline-block; width:25px; height:25px; background-size:100%;margin-right: 2px; vertical-align: middle;} .side_sns_wrap_bottom span {margin-right: 6px;} .side_sns_wrap_bottom span.sns_top01_insta {margin-right: 9px;} span.sns_top01_insta {background:url('/new/images/sns_top01_insta.svg') no-repeat 50% 50%; margin-right: 6px;} span.sns_top02_youtube {background:url('/new/images/sns_top02_youtube.svg') no-repeat 50% 50%;} span.sns_top03_facebook {background:url('/new/images/sns_top03_facebook.svg') no-repeat 50% 50%; margin-right: 5px;} span.sns_top04_cosplus { width:100px; height:12px; background:url('/new/images/logo_cosmaxplus_black.svg') no-repeat 50% 50%; background-size:100%;} .instargram_widgets_wrap {margin-top:-20px; margin-left:-20px; margin-right:-20px;} /** 유튜브팝업 **/ .video-popup.reveal {display: flex; position: fixed; top: 0; left: 0; right: 0; bottom: 0; justify-content: center; align-items: center; z-index:999} .video-popup {padding:0 20%;} .video-popup .video-wrapper {position: relative; width: 100%; padding-bottom: 56.25%; z-index: 1000} .video-popup .video-wrapper iframe {position: absolute; width: 100%; height: 100%; border:0;} .video-popup.reveal .video-popup-closer {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .85); z-index: 999} .video-popup-closer:hover {cursor: url('/new/images/btn_close_27_white.png'), auto;} .youtube_link {width:100%; height:auto; z-index:7; display:inline-block;} .popupVideo {position:relative; border: 1px solid #ebebeb;} .popupVideo:hover {cursor:pointer} .popupVideo:hover > .btn_youtube_play_over {opacity:1;} .btn_youtube_play_over, .btn_youtube_play {position:absolute; top:50%; left:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition:all .1s ease .1s; -o-transition:all .2s ease .1s; -ms-transition:all .2s ease .1s; -webkit-transition:all .2s ease .1s; transition:all .2s ease .1s; opacity:0; z-index:8; width: 15%; height: auto;} .btn_youtube_play {opacity:1; z-index:7;} .btn_youtube_play_over.block {opacity:1;} .btn_youtube_play_over img, .btn_youtube_play img, .youtube_link img {height:auto !important;} #fbfeed:after {content:" "; display:block; clear:both; *zoom:1;} #fbfeed {margin-top: -20px; margin-left: -20px; margin-right: -20px; font-size:0;} #fbfeed .facebook_feed {max-width: 25%; width: 25%; padding:20px; display:inline-block; vertical-align: top;} #fbfeed .facebook_feed img {width:100%; height:auto;} #fbfeed .myfb_message {font-size: 18px; line-height: 1.667em; padding: 15px 0 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 4.2em; margin-bottom: 15px;} .zoom_img.down_broshure {max-height:238px; margin-bottom:10px; position:relative;} .zoom_img.down_broshure.last {margin-bottom:0;} .down_broshure_copy {position:absolute; top:0;left:0;z-index: 9;} @media all and (min-width:976px) and (max-width:1217px) { .zoom_img.down_broshure {max-height:227px;} } @media all and (min-width:640px) and (max-width:975px) { .zoom_img.down_broshure {max-height:227px; min-height:190px;} } .error_container {padding:100px;} .error_logo {width: 120px; height: 21px; background: url('/new/images/logo_header_small.svg') no-repeat 50% 50%; background-size:100%; margin-bottom:50px;cursor:pointer;} .error_ti {font-size: 44px; font-family: 'NunitoSans-Bold', 'notokr-medium', sans-serif; padding:20px 0 30px; line-height: 1em;} .error_en_copy {font-size: 21px; letter-spacing:0.01em; margin-bottom:5px;} .error_back {background: url('/new/images/btn_con_pre.svg') no-repeat left 50%; width: 8px; height: 20px; display:inline-block; vertical-align:middle; margin-right:5px;} .btn_error_back {cursor:pointer;} .dart_modal_ti {margin-bottom:40px;} .dart_modal_ti > div {display:inline-block;} .dart_modal_ti > div img {height:20px; width:auto;} .dart_btn {display:none !important;} /* 220507 */ #policy_wrap.contents_body_sec { float: none; } .goversion_wrap { margin-top:60px; } .goversion_txt { margin-bottom:10px; } select.goversion_select { width:50%; border: 1px solid #eaeaea; background: #fff url('/new/images/foot_ico_plus.png') no-repeat 97% 50%; padding: 12px; height: auto; } .ov_sns { position: absolute; bottom: -50px; border-top: 1px solid #3c3c3c; width: 100%; padding: 5px 0; padding-left: 20px; } /* 중앙정렬 -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); :after {content:" "; display:block; clear:both; *zoom:1;} 버튼 속도 -moz-transition:all .1s ease .1s; -o-transition:all .2s ease .1s; -ms-transition:all .2s ease .1s; -webkit-transition:all .2s ease .1s; transition:all .2s ease .1s; */