.wScratchPad_btn {display:none}
.index_rni_list {padding-bottom:10px; display: inline-block;}
.normal_list_contents.technology_detail img {width:auto !important; height:auto !important; max-width:100%; display: block; margin: 0px auto;}
.factories_info1 {padding-bottom:0px}
.factories_info2 {padding:8px 20px 0}
ul.report_tab_wrap.process {font-size:0}
ul.report_tab_wrap.process > li {float:none;display:inline-block; vertical-align:top; *display:inline;*zoom:1; font-size:18px;}
.biz_progressbar_end {display:inline-block}
input, textarea {}

@media (max-width: 812px) {
.quarters03_wrap_center {width:100%;}
.w812px {min-width: auto;}
}

@media (min-width: 480px) {
.qa_input {float:right;}
}

@media (min-width:1120px) {
.mobile_only {display:none}
.desktop_only {display:block}
.select_biz_detail input[type=checkbox]+label {min-width:208px; margin-right:4px;}
}

@media all and (min-width: 840px) and (max-width: 1119px) {
.mobile_only {display:none}
.desktop_only {display:block}
.select_biz_detail input[type=checkbox]+label {min-width:calc(25% - 60px); margin-right:4px; font-size: 18px;}
.select_biz_detail.experience_wrap input[type=checkbox]+label {width:15%; min-width:15%;}
.select_biz_detail.experience_wrap input[type=checkbox]+label:last-child {width:25%;}
}

/** 탭사이즈 **/
@media all and (min-width: 640px) and (max-width: 896px) {
.relation_container #section_desk_wrap .contents_body_sec {width: 70%; float: left;}
.relation_container #section_desk_wrap .contents_body_fir {width: 30%;}
#current_location_wrap .current_location {width: 100%; padding:9px 20px 5px;}
.current_down_container {padding:10px 20px 0;}
.current_down_wrap {width:100%;}
#contents_body.sub_page section {width:100%; padding: 0 30px;}
#change_header .partner_container {width: 100%;}
.mobile_only {display:none}
.desktop_only {display:block}
.select_biz_detail input[type=checkbox]+label {min-width:calc(33.3% - 56px); margin-right:4px; font-size: 18px;}
}

@media (min-width:961px) {
.mobile_only_vod {display:none}
.desktop_only_vod {display:block}
}
@media (min-width:1219px) {
#foot_responsive {display:none}
}
@media (max-width:1218px) {
.accord_wrap.rndcenter_wrap .contents_wrap img {width:100% !important; height:auto !important; margin-bottom:20px;}
.drop_list_container.academic_papers ul.drop_list_subdep.academic {width: calc(100% - 105px);}
}
@media (min-width:1130px) {
.btn_normal_white.good_04_people.dart_btn {display:none}
}
@media (max-width:1129px) {
#modal_wrap iframe.dart_data {height: 100%;}
/*공지자료*/
.dart_desktop_only {/* display:none */}
.ir_menu {/* display:none; */}
}
@media (min-width:895px) {
.news_title {display:none;}
}
@media (max-width:799px) {
.news_title {display:block; padding-bottom: 20px;}
.tabcontent_container {/*background: url('/new/images/img_onestop_solution_00.png') no-repeat top center; background-size:70% auto;*/}
.tabcontent_container img.one_gram {width: 70% !important; height: auto;}
}
@media all and (min-width: 600px) and (max-width: 1218px) {
.rnd_icon_wrap ul li.icon_box > div img {width:100%; height:auto;}
}
@media (max-width:599px) {
.rnd_icon_wrap ul li.icon_box div.fir {line-height: 1.3em;}
.rnd_icon_wrap ul li.icon_box > div img {width:100%; height:auto;}
.rnd_icon_wrap ul li.icon_box > div:first-child {margin-bottom:20px;}
.rnd_icon_wrap ul li.icon_box > div:last-child {padding: 0 0 0 0px;}
.rnd_icon_wrap ul li.icon_box > div {display:block; width:100% !important; padding:0; margin-bottom:15px; text-align:left;}
.rnd_icon_wrap ul li.icon_box > div p { position: absolute; left: 35%;  margin-bottom: 0px;  min-height: auto; margin-top: 10px;}
.rnd_icon_wrap ul li.icon_box > div > img {width:30%; height:auto;}
.rnd_icon_wrap ul li.icon_box > div.sec, .rnd_icon_wrap ul li.icon_box > div.thi, .rnd_icon_wrap ul li.icon_box > div.fou { width: calc(33.3% - 10px);}
}
@media all and (min-width: 640px) and (max-width: 980px) {
.tooltip .tooltip-content {left: none; right:0;}
}
@media all and (min-width: 0px) and (max-width: 480px) {
.technology_bagic_wrap div {margin-bottom: 0px !important;}
.carousel_container .carousel_container_title {margin-top: -4px !important;}
}

/* 테크놀로지 리스트 */
@media all and (min-width: 640px) and (max-width: 1218px) {
.carousel_container ul li { width: calc(33.3% - 10px); margin-right: 15px; }
.carousel_container.technology_list ul {font-size:0}
.carousel_container.technology_list ul li {display:inline-block; vertical-align:top; *display:inline;*zoom:1; font-size: 18px; float: none;}
}

@media all and (min-width: 0px) and (max-width: 960px) {
.pageHeaderMenu .subMenu .menu_list_wrap {padding-left:10px}
.pageHeaderMenu #subMenu_1.subMenu .menu_list_wrap {border-left: 6px solid #ffe0db;}
.pageHeaderMenu #subMenu_2.subMenu .menu_list_wrap {border-left: 6px solid #ffc3bd;}
.pageHeaderMenu #subMenu_3.subMenu .menu_list_wrap {border-left: 6px solid #ffa298;}
.pageHeaderMenu #subMenu_1.subMenu {height: auto; border:0} /*130*/
.pageHeaderMenu #subMenu_2.subMenu {height:auto; border:0}
.pageHeaderMenu #subMenu_3.subMenu {height:auto;border:0}
}

/* 메뉴길게*/
@media all and (min-width: 0px) and (max-width: 639px) {
#contents_body.sub_page section {width:100%; padding: 0 20px;}
.search_result_container {    padding-top: 30px; margin-top: 50px;}
.search_result_container > .headline {margin-bottom: 20px;}
.search_result_wrap .fir {
    /*width: 33.33%;
    height: 120px;*/
    background-position: 50% 50%;
    margin-right: 0;
	    background-size: cover;
}
.search_result_wrap .sec {width: calc( 100% - 110px); padding-left:15px;}
.search_result_wrap.noimg .sec {padding-left:0px;}
.search_result_wrap.noimg .article_wrap {overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5em;
    height: 4.5em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

.m_empty {margin-bottom: 10px;}

.pageHeaderMenu .subMenu .menu_list_wrap {top:0px; left:10px; padding-left:10px}
.rangeItems .drop_dep_group, .rangeItems .drop_dep_lab {position: static; padding-left:10px; padding-top: 5px; padding-bottom: 10px;}
.rangeItems .drop_menulist .dep_title {padding:5px 0;}
.rangeItems .drop_menulist > div.fir, .rangeItems .drop_menulist > div.sec {float:none; width:auto;}
.rangeItems .drop_menulist > div.sec {margin-top:7px; }
.rangeItems .drop_menulist .dep_title, .rangeItems .drop_menulist .dep_title a, .pageHeaderMenu .subMenu ul li a {font-size: 14px; letter-spacing:0.01em}

body#index_body #subMenu_1.subMenu.menuboard {top:315px; height: 700px;  }
body#index_body #subMenu_2.subMenu.menuboard {top: 315px; height: 668px; }
body#index_body #subMenu_3.subMenu.menuboard {top: 315px; height: 86px; }

.pageHeaderMenu .subMenu.company_menu {right:22%; left: auto; }
.pageHeaderMenu .subMenu.innovation_menu {right:22%;  left: auto;}
.pageHeaderMenu .subMenu.beaty_menu {right:22%;  left: auto;}

.pageHeaderMenu  #subMenu_1.subMenu.menuboard {height:598px;}
.pageHeaderMenu  #subMenu_2.subMenu.menuboard {height:580px;}
.pageHeaderMenu  #subMenu_3.subMenu.menuboard {height:90px;}
}

@media all and (min-width: 640px) and (max-width: 666px) {
.pageHeaderMenu .subMenu .menu_list_wrap {left: 0; top:0}
}

/* 메뉴2단으로*/
@media all and (min-width: 640px) and (max-width: 960px) {

.search_result_wrap.noimg .article_wrap {overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.6em;
    height: 3.2em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.main_topmenu_01 {right: 360px;}
.main_topmenu_02 {right: 180px;}

.subMenu_close_button {right:auto; top:-20px; left:12px; height: 12px; width: 12px;}
.rangeItems .drop_dep_group, .rangeItems .drop_dep_lab {position: static; padding-left:10px; padding-top: 5px; padding-bottom: 10px;}
.rangeItems .drop_menulist > div.fir, .rangeItems .drop_menulist > div.sec {float:left; width:auto; margin-right:20px;}
.rangeItems .drop_menulist > div.sec {margin-top:0px; }
.pageHeaderMenu .subMenu ul {width:auto;}
.rangeItems .drop_dep_group, .rangeItems .drop_dep_lab {width:100vw;}
.rangeItems .drop_menulist .dep_title, .rangeItems .drop_menulist .dep_title a, .pageHeaderMenu .subMenu ul li a {font-size: 14px; letter-spacing:0.04em}

body#index_body #subMenu_1.subMenu.menuboard {top:315px; height: 580px;  }
body#index_body #subMenu_2.subMenu.menuboard {top: 315px; height: 86px; }
body#index_body #subMenu_3.subMenu.menuboard {top: 315px; height: 86px; }

.pageHeaderMenu .subMenu.company_menu {right:40%; left: auto; }
.pageHeaderMenu .subMenu.innovation_menu {right:40%;  left: auto;}
.pageHeaderMenu .subMenu.beaty_menu {right:40%;  left: auto;}

.pageHeaderMenu  #subMenu_1.subMenu.menuboard {height:586px;}
.pageHeaderMenu  #subMenu_2.subMenu.menuboard {height:650px;}
.pageHeaderMenu  #subMenu_3.subMenu.menuboard {height:90px;}

.pageHeaderMenu #subMenu_2.subMenu .menu_list_wrap {left: -50px;}
.pageHeaderMenu #subMenu_3.subMenu .menu_list_wrap {left: 0px;}
.group_group_list .btn_normal_white {min-width: 100px;}

}

@media all and (max-width: 1023px) {
	.current_down_container {
		text-align: center;
	}
	.sust_btn_wrap.dan3,
	.sust_btn_wrap.dan4 {
		width: 100%;
	}
}
/* max 1023 */

/********************* 모바일용 *************************/
@media all and (min-width: 0px) and (max-width: 767px) {
	.contents_body_sec .new_body.group_bti_box {float: auto; width: 100%; padding-left: 0px; padding-right: 0px;}
}

@media all and (min-width: 0px) and (max-width: 639px) {

.check_menu .check_menu_copy br {display:none;}
.ir_menu {/* display: none; */}

.quarters03_box > ul > li {float:auto; width:100%;}
.quarters03_box > ul > li:nth-child(1) {padding-right:15px; width:50%;}
.quarters03_box > ul > li:nth-child(2) {padding-right:0px; padding-left:0px; padding-top:10px; text-align:center; display:none;}
.quarters03_box > ul > li:nth-child(3) {padding-left:15px; text-align:right; width:50%;}

#contents_body.sub_page #sub_contents_container.sec_section_color.pre_next_contents {padding: 40px 0 40px !important;}

ul.info_list li {margin-bottom: 25px;}

.w812px {min-width: 100% !important; width: 100% !important;}
#section_desk_wrap .contents_body_sec.group_group {width: 100%; margin-right: 0; margin-left: 0;}
#section_desk_wrap .contents_body_fir {padding-bottom:0px !important;}

#section_desk_wrap .contents_body_sec.good.group_bti {margin-left: 0px; margin-right: 0px; width: 100%;}

.contents_body_sec .new_body.group_bti_box > div {margin-bottom: 30px;}
.contents_body_sec .new_body.group_bti_box:nth-last-child(-n+2) > div {margin-bottom: 30px;}
.contents_body_sec .new_body.group_bti_box:last-child > div {margin-bottom: 0px;}

.relation_container #section_desk_wrap .contents_body_fir {width: 100%; float: auto; padding-bottom: 0px;}
.relation_container .relation_wrap .relation_box:nth-child(1) {width: 100%; padding-right: 0px;}

.quarters03_wrap > ul > li {float: auto; width: 100%;}
.quarters03_wrap > ul > li.two_thirds_wrap {width: 100%;}

/** 현재위치 **/
#current_location_wrap {width:100%; padding:0 15px;}
#current_location_wrap .current_location {width:100%; padding-top: 10px; padding-bottom: 10px;}
#current_location_wrap .current_location > div {font-size: 11px; line-height: 2.0em;}
.current_location span.back:before {padding-right: 8px;}
.current_location span:after {padding-left: 8px;}
.current_location span.division:after {padding-left: 8px;}
.current_location span {padding-left: 6px; }
#current_location_wrap .current_location .floatleft { text-align: left;}
#current_location_wrap .current_location .floatright {}
#current_location_wrap .current_location .floatright span:first-child {color: #aaaaaa;}
#current_location_wrap .current_location .floatright span:first-child:after {opacity: 0.3;}

/** half 나누기 **/
ul.half_wrap {margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); font-size: 0;}
ul.half_wrap > li {float:unset; display:inline-block; vertical-align:top; width: 49.98%; padding-left: 10px; padding-right: 10px; margin-bottom:30px; font-size: 18px;}

section.question_section .btn_normal_white {min-width: 120px;}
table.question_table .file-attach input {width:100%; font-size: 14px; height: 36px; padding: 0px 0px 16px;}
table.question_table .guide-txt {display: block; line-height: 1.4em; padding-top:5px;}
table.question_table .w50p {width: 100%;}
table.question_table .phone select, table.question_table .phone input {width: 100%;}

#index_video_container {height: 420px;}
#index_video_wrap.sub_vod video {top: -317px;}
#sub_page_body #head_nav h1.logo {top:28px; width: 23px; height: 230px; right:30px; top:60px;}

.depth_page_ti_wrap.page_top_tile { margin-top: 40px; padding: 7px 0 50px;}
.info_list.philosophy {padding-top: 0%;}

.relation_container #section_desk_wrap .contents_body_sec {width: 100%; float: auto;}
.relation_container .relation_wrap .relation_box {float: auto; margin-bottom:20px;}
.relation_container .relation_wrap .relation_box:nth-child(1) {width:100%; padding-left:0px;}
.relation_container .relation_wrap .relation_box:nth-child(2) {width:100%; padding-left:0px;padding-right:0px;}
.relation_container .relation_wrap .relation_box:nth-child(3) {width:100%; padding-right:0px; padding-left: 0;}

body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{word-break:normal;}
#footer { padding: 0px 24px 20px;}
body.depth_group .acc-btn .accord_caption {margin-bottom: 5px;}
body.depth_group .acc-btn .stats-tab-img-area .btn_normal_white {position: static;     min-height: 24px;     padding: 6px 5px 4px;}

.drop_list_container ul.drop_list_wrap .drop_list_maindep .ti:first-child {margin-top: 0px;}

/* 인터뷰 */
#contents_body.sub_page #sub_contents_container.interview_inner {padding-top:0px !important;}
#contents_body.sub_page #sub_contents_container.interview_inner .quarters03_wrap {padding-top: 40px; border-top: 1px solid #555;}
.interview_inner .contents_body_fir {display:none;}
.interview_inner ul.people_info_wrap > li:first-child {width:100%; padding-right: 0px; margin-bottom:10px;}
.interview_inner ul.people_info_wrap > li:last-child {width:100%; padding-left:0px;}
.interview_inner ul.people_info_wrap > li div.fir {width: 33.333%; margin-bottom: 0; float: left;}
.interview_inner ul.people_info_wrap > li div.sec.people_info {width: calc(100% - 33.333%); float: left; padding-left: 15px; padding-right: 0; height:auto;}


#wrap_popup #closed label {margin-right: 5px;}
#wrap_popup #closed .check_copy {font-size: 13px;}
#wrap_popup input[type=checkbox]+label, input[type=radio]+label {width: 20px; height: 24px; background-size: 18px auto; }

.mobile_only {display:block}
.desktop_only {display:none}
.mobile_only_vod {display:block}
.desktop_only_vod {display:none}
.biz_progressbar_end {display:none}

.biz_input_wrap.body_wrap .float-right {display: block; width: 65%;}
.biz_input_wrap input {min-width: auto; width: calc(100% - 10px); padding: 8px 10px 8px 0; font-size: 16px;}
.biz_input_wrap input#BusiCapital, .biz_input_wrap input#BusiInwon, .biz_input_wrap input#BusiTaking {min-width: auto; width:52%}
.biz_input_wrap input#BusiMoq {min-width: auto; width:65%}
.biz_input_wrap input#biz_tell, .biz_input_wrap input#biz_email, .biz_input_wrap input#biz_name {min-width: auto; width:calc(100% - 24px); padding: 0 12px 8px 12px; text-align:right}
input[type=checkbox].radio_normal +label {font-size: 16px;}

.biz_input_wrap.body_wrap .check_nation:after {content:" "; display:block; clear:both; *zoom:1;}
.biz_input_wrap.body_wrap .check_nation {display:inline-block; width:auto; text-align:right}
.biz_input_wrap.body_wrap .check_nation.check_othernation {padding-left:0; padding-right:0;}

.check_nation label {float:none}
.biz_input_location input[type=checkbox].radio_normal +label.kor {padding-right: 10px;}
.biz_input_wrap.body_wrap .float-right.distribution {float:none; display:block; width:100%; text-align:right}
.biz_input_wrap.body_wrap .floatright.ea {float:none; display:block; width:100%; text-align:right}
.biz_input_wrap.body_wrap .float-right.launched_qa_right {float:none; display:block; width:100%; text-align:right}

/*아코디언*/
.acc-btn .stats-tab-img-area {float: none; text-align: left; margin-bottom: 10px;}
#sec_section_color.cosmax_ci_container .acc_img {margin-bottom: 10px;}
.accord_wrap.rndcenter_wrap .acc-btn .stats-tab-img-area {float: right;}
.accord_wrap.rndcenter_wrap .contents .fir {float:none; width: 100%;padding-right: 0px; margin-bottom:20px;}
.accord_wrap.rndcenter_wrap .contents .contents_wrap.research_wrap .fir {margin-bottom:0px;}
.accord_wrap.rndcenter_wrap .contents .sec{float:none; width: 100%;}
.accord_wrap.rndcenter_wrap .contents .fir.research {width:40%; float:left}
.accord_wrap.rndcenter_wrap .contents .sec.research {width: 100%; float:none;}
.accord_wrap.rndcenter_wrap .contents .sec.research.product_list {margin-bottom:30px;}
.accord_wrap.rndcenter_wrap .contents .sec.research p {display:none;}
.accord_wrap.rndcenter_wrap .contents .sec.research.product_list p {display:block;}
.openContent {margin-bottom: 30px;}
li.acc_active {margin-bottom: 30px;}
.rndcenter_wrap .accord_contents {padding: 14px 0 0px;}
.acc-btn .stats-tab-img-area > img.icon_plus { width: 10px; height: 10px;}
ul.dot_arrow > li:before {margin-top: -5px;}

/* 인증 */
.rnd_icon_wrap.certifications_wrap ul li.icon_box div.fir {display:block; padding-right: 0px;  margin-bottom: 10px; width:100%;}
.rnd_icon_wrap.certifications_wrap ul li.icon_box div.sec  {display:block; padding-right: 0px;  width:100%; padding-left:0; margin-bottom: 10px;}
.tooltip .tooltip-content {width: 100%;position: absolute; top: 10px; left: 0px; border: 1px solid #eeeeee; margin-top:20px;}
.tooltip .tooltip-content > p {position: static !important;  left: 0 !important;}
/*.tooltip:hover .tooltip-content { visibility: none !important; }*/

/* 논문 */
.drop_list_container ul.drop_list_wrap .drop_list_maindep {background:transparent; }
.drop_list_container.academic_papers ul.drop_list_maindep > li:first-child .ti {margin-top:0px;}
.drop_list_container ul.drop_list_wrap .drop_list_maindep .ti {display:block; margin-top:0px; font-family: 'NunitoSans-Bold', 'notokr-bold',sans-serif;}
.drop_list_container.academic_papers ul.drop_list_subdep.academic {width: 100%; left:0;}
.drop_list_container.academic_papers ul.drop_list_subdep {padding: 20px 0px 20px 0px; top:0;margin-top: 10px;}
.dot_dia_10px.academic {left: 50%; margin-left: -6px;}
.drop_list_container.academic_papers ul.drop_list_subdep {font-size: 16px; line-height: 1.6em;}

/* 테크놀로지 */
.technology_bagic_wrap div {width: 25%; margin-bottom:20px;}
.technology_bagic_wrap .diagram_tech_bagic {width: 40%;}
.technology_bagic_wrap {padding-top:20px;}
.carousel_container.technology_list {}
.carousel_container ul li {display: inline-block; float: none; width: 100%; margin-right: 0;}
.carousel_container.technology_list ul li {margin-bottom: 20px;padding-right: 0px; padding-left: 0px;}
.carousel_container.technology_list .thumb {float:left; width:33.3%;  padding-right: 0px;}
.carousel_container.technology_list .thumb_info {float:left; width: calc(100% - 33.3%); padding-left: 15px;}
.carousel_container .carousel_container_title {padding-top:0;  margin-top: 0px;}
.contents_body_sec.different .carousel_box .ti {font-size: 20px; margin-bottom: 15px; padding-top:10px;}

.factories_info2 {padding:8px 10px 0 !important;}
#contents_body.sub_page #sub_contents_container {padding: 10px 0 40px !important;}
#contents_body.sub_page #sub_contents_container.location_group {padding-bottom: 15px !important;}

.tabcontent .left_onestop img, .tabcontent .right_onestop img {width: auto; height: 20px;}
.tabcontent .num {padding-bottom: 35px;}
.num_model_creator_img { margin-top: -4px;  margin-right: 5px; width:15px; height:15px;}
.tabcontent_container.creator p.copy_depth {padding-left: 12px;}

ul.accord_table_list li .w170 {width:100%}
ul.accord_table_list li span.sec {width: 100%;}
ul.accord_table_list li > span {float: auto;}

#group_acc ul.accord_table_list li {padding-top: 8px; padding-bottom: 8px}

header nav .gnb {min-width:320px;}
#header_menu {display:block}
h1.head_nav_after_logo {top:15px !important;}
.gnb_service_menu_wrap.index {display:none}
.gnbBt {position:absolute; top:18px; right:20px; height:13px; margin-top:0; width:20px; height:17px; z-index:111}
.wScratchPad_btn {display:block; position:absolute; top:16px; right:52px; width: auto !important; line-height: 1em; margin-right: 0 !important;}
.gnb_service_menu_wrap.subpage {display:none;}
.main_topmenu_01 {right: 194px; background-size: 32px 91px;} /*42 119*/
.main_topmenu_02 {right: 104px; background-size: 32px 117px;} /*42 154*/
.main_topmenu_03 {right: 14px; background-size: 32px 74px;} /*42 97*/
.subMenu_close_button {right:auto; top:-22px; left:12px;}
.video_caption p:first-child {line-height: 1.5em; padding-bottom:3px;}
.video_caption .fir { float: none; width:100%; padding-bottom:5px;}
.video_caption .sec { float: none; width:100%;  line-height: 1.5em;  text-align: left;}

#scratch_area {background-size: 80% auto; background-position:0px 180px;}
#head_nav h1.logo {} /*43 437*/
#head_nav.sub_header h1.logo {width: 20px;height: 200px;}
#change_header {/*min-height: 350px;*/}
body#index_body #change_header {/*min-height: 360px;*/}
#head_nav>div {/*height: 440px;*/}

.pageHeaderMenu .topLevel { top:45px;}

.pageHeaderMenu .subMenu {height:220px; top:180px;}

.pageHeaderMenu .subMenu .menu_list_wrap .kor_menu {padding-right: 0; line-height: 2em;}
.pageHeaderMenu .subMenu ul {width:auto; padding-right:0; margin-top: -3px;}
.pageHeaderMenu .subMenu ul > li {line-height:1.7em;}
.subMenu_close_button {width:12px; height:12px;}

#contents_body.sub_page #sub_contents_container {padding: 10px 0 50px;}
.depth_page_ti_wrap { padding: 7px 0 35px;}

.people_list_wrap .people_info_wrap {margin-right:0; margin-left:0; width:100%; margin-bottom: 10px;}
.people_list_wrap .people_info_wrap > li {width:100%; padding-right:0px; padding-left:0px; margin-bottom:20px; padding-top:0;}
.people_list_wrap .people_info_wrap:last-child .interview_sum {margin-bottom: 0px;}
/*.people_list_wrap ul >  li:nth-child(-n+2) { padding-top: 0px;}
.people_list_wrap ul li:nth-child(-n+3) { padding-top: 0px;}
.people_list_wrap ul li:nth-child(3) { padding-top: 20px;}*/
.people_list_wrap ul li div.sec {width:100%; word-break:keep-all; line-height: 1.53em; padding-right:15px; overflow:hidden}
.people_list_wrap.job_list ul li div.fir {float:none; width:100%;  padding-right: 0px;}
.people_list_wrap.job_list ul li div.fir img {margin-bottom:10px;}
.people_list_wrap.job_list ul li div.sec {float:none; width:100%; padding-right:0;padding-left:0;}
.people_list_wrap.job_list ul li div.sec p:first-child {font-size: 18px;}
.people_list_wrap.job_list ul li div.sec .mb20 {margin-bottom: 0 !important;}
.people_list_wrap.job_list ul li:nth-child(3) {padding-top:0;}

.btn_normal_white.good_04_people {min-width: auto; width:100%; font-size: 14px; padding: 6px 5px 4px;}
.group_bti.mobile_only .btn_normal_white.good_04_people {width:20px; height:20px; padding: 0px 5px 0px;}

/* 640까지 인덱스 */
.section_ti_01_new {width: 32px; height: 91px;}
.section_ti_02_new {width: 32px; height: 117px;}
.section_ti_03_new {width: 32px; height: 74px;}
#index_body #section_fir .left_index_area, #index_body #section_sec .left_index_area, #index_body #section_thi .left_index_area {width:70px;}
#index_body #section_fir .right_index_area, #index_body #section_sec .right_index_area, #index_body #section_thi .right_index_area{border-right:0; width: calc(100% - 70px);}

#section_fir .fir {display:none;}
#section_fir .sec {float:none; width:100%;}
#section_fir .sec ul li {/*float:none;*/ margin-right: 0px; margin-bottom: 0px;}
#section_fir .sec .news_area .first_dan {float:none; width:100%;}
#section_fir .first_dan .overview_dan ul li:first-child {width:100%; height:auto;}
#index_body #section_fir .overview_img, #index_body #section_sec .overview_img, #index_body #section_thi .overview_img {border-right: 0px; margin-left: 0 !important; width: 100%;}
#section_sec .news_area .news_dan, #section_sec #tech_container .news_dan, #section_sec #tech_container .first_dan, #section_thi .overview_dan .overview_title { width: 100%;}
#section_sec .news_area .news_dan.rnicenter_news_dan {padding-bottom:0px;}
.first_dan .overview_dan img, #section_thi .first_dan .overview_dan img {width: 100%; height: auto;}
#section_fir .sec .news_area .cada_dan {float:none; min-height: auto; width:100%;}
.index_bottom_img {position: static;}
.pc_video.index video, .pc_video.index .video {height: auto !important;}
#index_body #section_sec .overview_img, video, .pc_video .video {width:100% !important}
.index_fir_height_eq {height:unset !important;}
.zoom_img {width:100%; height:auto;}
.zoom_img:hover img {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);}

.index_top_ti {padding-top: 5px;}
.first_dan .overview_dan .copy, #section_sec .main_article_area .copy {padding: 2px 12px 20px;}
.copy .kor {font-size:15px;}
.copy {padding:2px 12px 20px; height:auto;}
.copy .kor br {display:none}
.copy .en, #section_sec .main_article_area .copy .copy_box {font-size:15px; line-height:1.2em;}
#section_fir .sec .news_area .cada_dan .date_num {padding-top:0;}

#section_fir .first_dan .overview_dan {border-bottom:4px solid #ffe0db}
#section_fir .sec .news_area {border-bottom:4px solid #ffe0db}
#section_fir .sec .news_area:last-child {border-bottom:0;}

#section_fir .sec .news_area.mobile_only > li:first-child {padding-bottom:20px;}
#section_fir .sec .news_area.mobile_only > li {border-bottom: 4px solid #ffe0db;margin-bottom: 12px;}
#section_fir .sec .news_area.mobile_only > li:last-child {border-bottom: 0px solid #ffe0db;margin-bottom: 0px;}

#section_sec .first_dan .overview_dan {border-bottom:4px solid #ffc3bd}
#section_sec .sec .news_area {border-bottom:4px solid #ffc3bd}
#section_sec .sec .news_area:last-child {border-bottom:0;}

#section_fir .first_dan .overview_dan.mobile_dan {margin-bottom: 0px !important;}
#section_fir .first_dan .overview_dan.mobile_dan.none_line {margin-bottom: 0px !important; border-bottom: 0px }

.index_zoomimg_position {position: static;}
#head_nav_after nav .inner_menu_wrap {width:100%;}
#head_nav_after h1.head_nav_after_logo { height:35px !important; width:135px; left:20px; top: 20px !important;}
#movie_modal {width:100%;}
/* video */
.player {display: none;}
.videoWrapper {
padding: 0px;
text-align:center;
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
font-size: 0;
line-height: 1em;
}
.videoWrapper .vod_height {
position: absolute;
top: 0;
left:50%;
width: 100%;
height: auto;
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
/* 비즈니스상담*/
.business_inquiries_wrap {left:0; width: 60px;margin-left:0;bottom: -50px;}
.business_inquiries_wrap img {width:100%; height:auto;}
.bottom_slogan.black {margin: 0px auto 40px;padding-top: 40px;}
.bottom_slogan.black img {width:92%;}
.business_inquiries_wrap_change {bottom: 0px; display: none;}

/* 사람들 아코디언 */
ul.accord_table_list li:before { top: 14px !important; }
#group_acc p.mb40 {margin-bottom: 20px !important;}
#group_acc ul.accord_table_list > li > span:first-child {font-family:'NunitoSans-bold', 'notokr-medium', sans-serif !important;}
.btn_normal_white.line_only.map_btn {margin: 5px 0 5px;}
.contents_body_sec .new_body:last-child > div.mb50 {margin-bottom: 0px !important;}
.acc-btn .stats-tab-img-area > img {height:29px; width:auto;}
.people_list_wrap ul li div.sec p { word-wrap: break-word;}

/* 걸어온길 */
.drop_list_container.history_wrap .history_fir > .ti {height: 50px; line-height: 52px;}
.drop_list_container.history_wrap .history_fir > .ti a {font-size: 20px;}
.dot_dia_10px.history {width: 9px; height: 9px; background-size: contain; margin-bottom: -4px; margin-left: -4px;}
.drop_list_container.history_wrap ul.drop_list_subdep.history {background: url('/new/images/dot.png') repeat-y top center;}
.drop_list_container.history_wrap .drop_list_subdep .contents_detail:nth-child(odd) {margin-right: 0;}
.drop_list_container.history_wrap .drop_list_subdep .contents_detail { width:100%; font-size: 12px;}
.drop_list_container.history_wrap .drop_list_subdep .contents_detail:nth-child(even) {margin-left: 0px;}
.drop_list_container.history_wrap .contents_detail .ti {font-size: 17px; margin-bottom: 5px;}
.drop_list_container.history_wrap ul.drop_list_subdep.history {padding-bottom:0px;}

/*연관컨텐츠*/
.relation_box .headline {font-size: 16px !important; word-wrap: break-word;}
.relation_container .relation_wrap .relation_box {}
.relation_container .relation_wrap .relation_box:last-child {margin-bottom:0;}
.relation_container .relation_wrap .relation_box img {width: 100%;}
.relation_container .relation_wrap .relation_box ul:after {content:" "; display:block; clear:both; *zoom:1;}
.relation_container .relation_wrap .relation_box ul > li.thum_img {width:33.3%; height:auto !important; float:left; margin-bottom: 0px;}
.relation_container .relation_wrap .relation_box ul > li:last-child {width:calc(100% - 33.3%); float:left; padding-left:15px;}
.btn_normal_white.line_only.map_btn.floatright {float:none; display: block; width:100px; min-width:auto; font-size: 13px;}

/* 투자자 */
#section_desk_wrap .contents_body_sec.dart_wrap {/* display:none; */}
#dart_modal iframe.dart_data {width:765px; height:774px;}

.report_tab_wrap li.cosmaxbti.on, .report_tab_wrap li.cosmaxbti, .report_tab_wrap li.cosmaxcompany.on,
.report_tab_wrap li.cosmaxeast, .report_tab_wrap li.cosmaxeast.on, 
.ir_iframe_cosmaxbti,
.ir_iframe_cosmax,
.ir_iframe_cosmaxeast {
	background-size: contain; 
	background-position-y: 50%;
}
.report_tab_wrap li.cosmaxcompany {background-size: contain; background-position-y: 50%;}
.report_tab.report_tab_wrap.mb60 {margin-bottom: 25px;}
.report_contents_wrap li {padding: 8px 0; line-height:1.4em;}
.report_contents_wrap > li > a {line-height: 1.4em !important; display:inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.report_contents_wrap > li.news_navigator {padding-top:16px;}
.report_contents_wrap > li.news_navigator > a {width:auto; vertical-align: middle;}
.report_contents_wrap .date {float:unset; display:block;font-size: 12px;}
img.ceo_sign {width:150px; height:auto;}
#news_contents_container .news_wrap.news_contents .ti {margin-bottom:5px;}
#news_contents_container .news_contents_body {padding-bottom:20px;}

/* R&I센터 */
.networking_system img {width:100%; height:auto;}

#sub_contents_container .left_area {width:60px !important; margin-right:10px !important;}
#sub_contents_container .right_area {padding-right:0px;}

.location_select_wrap div.fir {max-width: 100%; padding-right: 15px;}
.location_select_wrap div.sec {width: 100%; margin-bottom: 10px;}
.location_select_wrap .select_float { float: none; margin-right: 0px; padding-left: 0px;}
.location_select_wrap div.thi { width: 100%; margin-right: 0;}

.section_ti_01_new, .section_ti_02_new, .section_ti_03_new {top: 6px;}
.accord_wrap.faq ul li.mb {margin-bottom: 30px;}

#news_container .news_wrap > li.news_list:after {content:" "; display:block; clear:both; *zoom:1;}
#news_container .news_wrap > li {margin-right: 0px; width:100%; background: transparent;}
/*#news_container .news_wrap > li .thumb {float:left; width: 33.3%; height:112px;}*/
.tag_none.tag_none_title {font-size: 20px;}
#notice_container .notice_wrap .notice_list .floatleft {float: none; display:block;}
#notice_container .notice_wrap .notice_list .floatright.date_normal {float: none; display:block;}
#notice_container .notice_wrap {margin-bottom: 20px;}

#news_container .news_wrap.partners_list > li { width: 50%; margin-bottom: 20px !important;}
#news_container .news_wrap.partners_list > li:nth-child(2n) { margin-right: 0px;}
#news_container .news_wrap.partners_list > li.mb0 {margin-bottom: none !important;}

#news_container .partners_wrap.partners_list {width:calc(100% + 20px); margin-right:-10px; margin-left:-10px;}
#news_container .partners_wrap.partners_list > li {width:50%; padding-right:10px; padding-left:10px; margin:0; background:transparent; margin-bottom:20px;}

/** New 사이트 css **/
.desk_mp4 {display:none}
.mobile_mp4 {display:block}
#change_header .partner_container {width:100%;}
#change_header .partner .menu_text {padding: 10px 20px 10px 20px; height:100%;}
#header_menu .gnbArea .menuDiv .oneD {font-size:20px; padding: 12px 0px 12px; line-height: 1.2em}
#header_menu .gnbArea .menuDiv .twoD ul li a {font-size:15px;}
#change_header .partner_wrap .close {left:22px; top:31px; height: 20px; width: 20px; background-position:50% 50%;}
#change_header .partner_wrap .oneD.close {width: 100%;}
#change_header .menu_contact .oneD.close {width:95%; height:15px;}
#head_nav h1.logo {width: 23px; height: 230px; top: 60px; right: 30px;}
#head_nav_after h1.head_nav_after_logo {left:auto; right:20px;}
.gnbBt.mobile_small {display:none !important}
#change_header .partner .menu_open {left: 4px;}
#head_nav_after div.nav_wrap, #head_nav_after nav {height: 80px !important;}
#container_wrap.index_container {margin-top: 25px; padding-right:20px; padding-left:20px; position: relative; z-index: 1; background:#f5f5f5; margin-top: 0;padding-top: 25px;}
#contents_body {padding:0 0;}
.myBtn_wrap {top:520px; width: 100%; display:none;}
#new_layout_container .layout_dan.fir01 {width: 100%;}
#index_body #section_fir .right_index_area {width: 100%;}
#new_layout_container .layout_margin {margin-right: 0px;}
#new_layout_container .layout_dan .zoom_img {height:auto}
#new_layout_container .layout_dan img {width: 100%; height: auto;}
#new_layout_container .layout_dan.sec02 {width: 100%;}
#new_layout_container .layout_dan {float: none; margin-bottom:20px;}
.new_lay_ti_wrap {height: auto !important;}
.new_lay_ti {font-size: 25px; line-height: 1.15em;padding: 25px 20px 10px 20px;}
.new_lay_copy { font-size: 17px; line-height: 1.7em;}
.gnb_service_menu_wrap.index {display: block; padding-top: 16px; margin-right: -6px;}
.search_view {margin-right:10px; }
#header_menu.new_side_menu {margin-top:30px;margin-bottom:30px;}

.sero_writing_ti_kor {line-height:1.25em; font-size:20px; color:#000; display: inline-block; vertical-align: top; /*width:20px;*/ margin-top:0px;
font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; letter-spacing: 0.02em; word-break: keep-all;     padding-bottom: 15px;}
.sero_writing_ti_en {line-height:1em; font-size:18px; letter-spacing:0.1em; color:#000; text-transform: uppercase; display:none;}
section.first_section .sero_writing_ti_kor { margin-top: 9px;}
.accordion-section-title.accord_caption {margin-top:15px; font-family: 'NunitoSans-Bold', 'notokr-bold', sans-serif; font-size:20px;}
.acc-btn .accord_caption {font-size: 19px;  line-height: 1.300em;}
.intro_logo {width: 150px; height:217px; }
.mute_wrap {
    position: absolute; width: calc(100% - 40px); height: 28px; left: 0; bottom: 100px; top:auto;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 1;}
#change_header .side_menu_close.close {display:none !important; width:0; height:0;}
.menuDiv.menu_header .oneD {width:82%;height:15px;}
#header_menu .gnbArea .menuDiv .oneD {padding: 20px 0px 20px;}
#header_menu .gnbArea::-webkit-scrollbar {width: 0px; height:0px;}
#header_menu .gnbArea::-webkit-scrollbar-track {background: #fff; }
#header_menu .gnbArea::-webkit-scrollbar-thumb {background: #fff; }
#header_menu .gnbArea::-webkit-scrollbar-thumb:hover {background: #fff; }
#header_menu .gnbArea .menuDiv {margin-bottom:50px;}

#footer .foot_links_area li {text-align: center;}

#footer .select_link {left:50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); width:100%;}
#footer .select_box, #footer ul.select_url { width:100%;}

#footer .add {padding-top: 20px; margin-bottom: 10px;}
.top_select {bottom: 0px;}
#lanquge_wrap .lanquge_select strong {bottom: 16px;}
i.icon_search {margin-left:5px;}
.contents_body_sec .new_body.group_bti_box .group_btn.mobile_only {line-height: 16px; height: 22px; min-width: 60px; top: 3px;}
.pre_contents:before, .next_contents:after {width: 10px;}
.pre_contents {padding-left: 20px;word-wrap: break-word;}
.next_contents {padding-right: 20px;}
.pre_contents .sti, .next_contents .sti {display:none;}
.pre_contents .link_ti, .next_contents .link_ti, .list_contents .link_ti {font-size: 16px;}
#contents_body.sub_page #sub_contents_container.pre_next_contents strong {line-height: 1.15em;}
.select_loaction {font-size: 15px; background-size: 12px; padding-right: 18px; height: 34px;}
#subMap div#map {top: 100px;}
.location_into_box {width: calc(100% - 40px) !important;;margin-left: 20px;}
.drop_list_container.history_wrap .contents_detail {padding: 25px 0 0px;}
.drop_list_container.history_wrap .contents_detail:last-child {padding-bottom:20px;}
.drop_list_container.history_wrap .contents_detail img {margin-bottom: 0px !important;}
.drop_list_container.history_wrap ul.drop_list_subdep > li img {width:50%; padding-right:15px; padding-bottom:0px; float:left;}
.accord_show.contents p:last-child {margin-bottom: 0px !important;}
.rndcenter_wrap.new_rndcenter > a li {padding: 15px 10px 12px; font-size: 15px;}
.accord_wrap.rndcenter_wrap {margin: 0 -5px; width: auto;}
.rndcenter_wrap.new_rndcenter > a li {width: calc(50% - 10px);float:left;margin-right:5px; margin-left:5px; margin-bottom:10px;}
.rndcenter_wrap.new_rndcenter.second_rndcenter {margin: 0;}
.rndcenter_wrap.new_rndcenter.second_rndcenter > a li {width: 100%; margin-right:0px; margin-left:0px;}
.rndcenter_wrap.new_rndcenter > a li:after {display:none;}
.carousel_container.technology_list ul li { margin-bottom: 0px;}
.cosmax_ci_container .different .carousel_box {margin-bottom: 30px;}
.cosmax_ci_container .different .carousel_box #carousel .carousel_container.technology_list ul li  {margin-bottom: 10px;}
.cosmax_ci_container .different .carousel_box #carousel .carousel_container.technology_list ul li:last-child  {margin-bottom: 0px;}
.cosmax_ci_container .different .carousel_box:last-child {margin-bottom: 0px;}
.carousel_container ul {width: 100%; margin-right: 0; margin-left: 0;}
.normal_list_wrap .normal_list_contents {padding: 20px 0 0px;}
.certifications_wrap .certifications_box .uppercase {font-size: 15px; line-height: 1.3em;}
.certifications_wrap .certifications_box .font_medium {font-size: 18px; margin-bottom:5px;}
.carousel_btn_pre img, .carousel_btn_next img {height: 20px; width: auto;}
.carousel_container.patents_container ul > li {/*width: 50vw !important; margin-right: 10px; margin-left: 10px; padding-right: 0px; padding-left: 0px;*/}

.safety_04dan > li {width: 100%;margin: 0 0 10px;}
.safety_02dan > li {float: left; width: 100%; margin-bottom:20px;}
.safety_02dan > li:last-child {margin-bottom:0px;}
.safety_02dan.bad_cosmetics > li:first-child {padding-right: 0px;}
.safety_02dan.bad_cosmetics > li:last-child {padding-left: 0px;}
.safety_04dan.list_up > li {width: 50%; margin: 0;}
.new_preservative_photo img {width:100%;}
.safety_menu_container {padding-right: 0px; padding-left: 0px;}
.safety_menu_wrap > li {width: 50%; padding:0 10px 10px;}
.safety_menu_wrap > li .safety_menu_box {width: 100%; height: auto; padding-bottom: 100%; border-radius: 50%;}
.strong_safety {font-size:17px}
.side_sns_wrap {display:none;}

.icon_search:before {width: 13px; height: 12px; margin-top: 0px; margin-left: 0px;}
.side_sns_wrap_bottom {display:block;}
.current_down_container {padding:10px 20px 0; }
.current_down_wrap {width:100%;}
.btn_currentdown {    font-size: 10px;     padding: 6px 5px 4px;}
.none639 {display:none;}

	.current_location ul.current_menu > li:first-child {
		padding-left: 0;
		display: block;
    	color: #aaaaaa;
	}
	.current_location ul.current_menu > li:first-child:after {
		display: none;
	}
	.current_location ul.current_menu > li.division:after {
		height: 10px;
		margin-top: -3px;
		padding-left: 10px;
	}
	.current_location ul.current_menu > li {
		padding-left: 8px;
	}
	.sust_btn_wrap.dan3.r_pc,
	.sust_btn_wrap.dan4.r_pc {
		display: none;
	}
	.sust_btn_wrap.dan3.r_mo,
	.sust_btn_wrap.dan4.r_mo {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}
/******************************** 0~639*******************************/

@media all and (min-width: 0px) and (max-width: 840px) {
/* 풋터 */
.bottom_slogan {width:100%;}
#footer .foot_body ul.foot_half li.policy_area {float:right; text-align:right;margin-right: 0;}
#footer {}
#footer .foot_logo_mobile {display:block; background:url('/new/images/logo_header_small.svg') no-repeat 50% 50%; width:150px; height:50px; margin-bottom:30px;}
#footer .foot_links_area li {  font-size: 12px; letter-spacing: -0.02em;}
#footer .link_list_parti {padding: 0 6px;}
#footer .add {margin-bottom: 10px;}
#footer .foot_links_area .selectbox select {height: 36px; font-size: 13px; line-height: 36px;}
#footer .relative { margin-bottom: 15px;}
#footer .foot_links_area .sns {font-size: 12px;}
#footer .foot_links_area .sns span {margin-left:0px; margin-right: 6px;}
#footer .foot_links_area .sns span img {width: 70%; height: auto;}
#footer .foot_links_area .copyright {line-height: 1.22em;}
#footer .foot_links_area .copyright span { font-size: 10px; position: relative;}
.top_select.mobile_only {position:absolute; right:-10px; left: auto; bottom:-10px; }
#footer .foot_body ul.foot_half li.sec {float: none; clear:both;}
}

/*************************** PC용 *********************************/
@media all and (min-width: 640px) and (max-width: 1000px) {
#contents_body, #scratch_area, header nav .gnb {width:100%;}
#change_header {margin: 0 20px; width: calc(100% - 40px) !important;}
.business_inquiries_wrap {left:0; width: 80px;margin-left:0;bottom: 0px;}
.business_inquiries_wrap img {width:100px; height:auto;}
.index_fir_height_eq, .copy_box.index_tech{height:unset !important;}

#section_fir .sec .overview_dan ul li, #section_sec .sec .overview_dan ul li,  #section_thi .sec .overview_dan ul li  {float: none;}
#section_fir .sec .news_area .first_dan, #section_sec .sec .news_area .first_dan, #section_thi .sec .news_area .first_dan, #section_sec #tech_container .first_dan {width:calc(50% + 3px); border-right: 6px solid #ffe0db;}
#section_fir .sec .news_area .cada_dan, #section_sec .news_area .news_dan, #section_sec #tech_container .news_dan, .news_area .news_dan{width:calc(100% - (50% + 3px)); }
#section_sec .sec {float: none;}
#index_body #section_fir .overview_img, #index_body #section_sec .overview_img, #index_body #section_thi .overview_img {border-right:0;}
#index_body #section_fir .left_index_area, #index_body #section_sec .left_index_area, #index_body #section_thi .left_index_area {width:120px;}

#section_fir .overview_title, #section_sec .overview_title, #section_thi .overview_title, #section_thi .overview_dan .overview_title {width:100%;}
#section_fir .sec .news_area .cada_dan {min-height: auto;}
.first_dan .overview_dan .copy .kor br, .first_dan .overview_dan .copy .en br {display:none;}
.index_top_ti, #section_sec #tech_container .logo {padding-top:5px;}
.index_bottom_img, .index_zoomimg_position {position: static;}
.zoom_img, .zoom_img img { height: 56.3%; width:100%;}
.zoom_img_back_wrap {position: static;}
.first_dan .overview_dan img, #section_thi .first_dan .overview_dan img {width:100%;  height: 56.3%;}
.copy {padding:9px 12px;}
.copy .kor br {display:none;}
.copy .kor {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 font-size: 20px;
 line-height: 1.4em;
 margin-bottom: 2px;
 letter-spacing: -0.01em;}
.copy .en { display: inline-block; width: 100%; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; height: 2.6em;
 font-size: 20px;
 line-height: 1.32em;
 letter-spacing: 0.01em;}
#section_sec .main_article_area .copy .copy_box { font-size: 20px; line-height: 1.4em; margin-bottom: 0px; letter-spacing: -0.01em;}
.mobile_only_vod {display:block}
.desktop_only_vod {display:none}
.video {width:100%;}
.player {display: none;}
.videoWrapper {
padding:0 10px;
text-align:center;
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
font-size: 0;
line-height: 1em;
}
.videoWrapper .vod_height {
position: absolute;
top: 0;
left:50%;
width: 100%;
height: 100%;
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.videoWrapper.popupVideo {padding-right:0; padding-left:0;}
.first_dan.vod_dan .overview_img {width:100% !important;}
#section_fir .sec .news_area .cada_dan .date_num {text-align: center; padding-top: 5px; padding-bottom: 20px;}
#section_fir .sec .news_area .cada_dan ul.list li {font-size: 15px; padding: 10px 0 7px;}
/* 스크롤 헤더 */
#active_menu, .head_nav_after_gnb_after, #head_nav_after nav .inner_menu_wrap{width:100%}
h1.head_nav_after_logo.small_logo {right:30px;}
#head_nav_after div.nav_wrap.small_wrap .small_menu {right:20px;}
.gnb_service_menu_wrap.index_after {width: 100%;padding-right: 20px;}
#head_nav_after nav .pageHeaderMenu.after .topLevel {width:100%;}
#head_nav_after nav .main_topmenu_01_after {right: 428px;}
#head_nav_after nav .main_topmenu_02_after {right: 208px;}
#head_nav_after nav .main_topmenu_03_after {right: 25px;}
h1.head_nav_after_logo {left:20px;}
#head_nav_after nav .pageHeaderMenu #subMenu_4.subMenu {right: 434px; left:auto;}
#head_nav_after nav .pageHeaderMenu #subMenu_5.subMenu {right: 214px; left:auto;}
#head_nav_after nav .pageHeaderMenu #subMenu_6.subMenu {right: 31px; left:auto;}
#footer {padding:0 40px 30px;}
#wing_lang_wrap {position:fixed; right:-10px; left: auto; /*bottom:-10px;*/ display:block}

	.report_tab_wrap li.cosmaxbti,
	.report_tab_wrap li.cosmaxcompany,
	.report_tab_wrap li.cosmaxbti.on,
	.report_tab_wrap li.cosmaxcompany.on,
	.report_tab_wrap li.cosmaxeast,
	.report_tab_wrap li.cosmaxeast.on,
	.ir_iframe_cosmaxbti,
	.ir_iframe_cosmax,
	.ir_iframe_cosmaxeast	
	{
		background-size: auto 25px;
		height: 28px;
	}

}
/******************************** 640~1000*******************************/

@media all and (min-width: 1001px) and (max-width: 1218px) {
#head_nav {padding:0 20px;}
#scratch_area {width:100%; height:632px; background: #FFF url('/new/images/canvas_01.png')no-repeat 134px 180px; background-size: 732px 260px; padding:0 20px; }
header nav .gnb {width:100%; min-width:640px;}
.pageHeaderMenu .topLevel {}
/* 스크롤 헤더 */
#active_menu, .head_nav_after_gnb_after, #head_nav_after nav .inner_menu_wrap{width:100%}
#head_nav_after div.nav_wrap.small_wrap .small_menu {right:20px;}
.gnb_service_menu_wrap.index_after {width: 100%;padding-right: 20px;}
#head_nav_after nav .pageHeaderMenu.after .topLevel {width:100%;}
#head_nav_after nav .main_topmenu_01_after {right: 491px;}
#head_nav_after nav .main_topmenu_02_after {right: 258px;}
#head_nav_after nav .main_topmenu_03_after {right: 25px;}
h1.head_nav_after_logo {left:20px;}
#head_nav_after nav .pageHeaderMenu #subMenu_4.subMenu {right: 497px; left:auto;}
#head_nav_after nav .pageHeaderMenu #subMenu_5.subMenu {right: 264px; left:auto;}
#head_nav_after nav .pageHeaderMenu #subMenu_6.subMenu {right: 31px; left:auto;}
}

/**** 인덱스 컨텐츠반응 ****
@media all and (min-width: 1001px) and (max-width: 1218px) {
#contents_body {width:100%;}
#index_body #section_fir .left_index_area, #index_body #section_sec .left_index_area, #index_body #section_thi .left_index_area{width: 16.8%;}
#index_body #section_fir .right_index_area, #index_body #section_sec .right_index_area, #index_body #section_thi .right_index_area {width: 83.2%;}
#section_fir .sec .news_area .first_dan, #section_sec .sec .news_area .first_dan, #section_thi .sec .news_area .first_dan, #section_sec #tech_container .first_dan {width:75.4%;}
#section_fir .overview_title, #section_sec .overview_title, #section_thi .overview_title, #section_thi .overview_dan .overview_title {width:32.6%;}
#index_body #section_fir .overview_img, #index_body #section_sec .overview_img, #index_body #section_thi .overview_img {width:67.4% !important;}
#section_fir .sec .news_area .cada_dan, #section_sec .news_area .news_dan, #section_sec #tech_container .news_dan, .news_area .news_dan {width: 24.6%; min-height: 290px; }
}
/**** 인덱스 컨텐츠반응 ****/

/*서브페이지 모바일~800까지*/
@media all and (min-width: 0px) and (max-width: 895px) {
.business_inquiries_wrap {left:0; width: 80px;margin-left:0; height: auto; bottom:50px;}
.business_inquiries_wrap.cosplus .img_btn_meta,
.business_inquiries_wrap.cosplus .btn_left_cosplus {width: 80px; height: 79px;}
.business_inquiries_wrap img {width:100%; height:auto;}

#contents_body.sub_page section.acc-content-inner {padding: 0;}
#sub_contents_container .left_area {width:70px; margin-right:30px;}
#sub_contents_container .right_area {padding-right:0px;}
/*공지자료*/
#section_desk_wrap .contents_body_sec.dart_wrap {
	width:100vw;
	text-align:left;
    overflow: auto;
}
#section_desk_wrap .contents_body_sec .iframe_relative {
    position: relative;
    padding: 30px 0 30px 30px;
}
.fir_section_color .contents_body_fir {}
.sec_section_color .contents_body_fir.none {display: none;}
#contents_body.sub_page #sub_contents_container {padding: 10px 0 60px;}
#section_desk_wrap .contents_body_fir {float:none; width: 100%;padding-left: 0; padding-right: 0; padding-bottom:20px; padding-top:10px;}
body.depth_group #section_desk_wrap .contents_body_fir {}
body.depth_group .acc-btn {margin-top: 20px;}
#section_desk_wrap .contents_body_fir .sero_writing_ti_kor br {display:none;}
.good.good_location .fir_section_color .contents_body_fir {display:block;  padding-bottom: 20px !important;}
.good.good_location .fir_section_color .contents_body_fir br {display:none;}
.location_into_wrap {position: absolute; z-index: 9; width: 100%; left: 0; margin-left: 0;}
.location_into_box {padding: 20px; display: inline-block; max-width: 100%; width: 100%;}
.factories_info1 {padding-bottom:0px}
.factories_info2 {padding:8px 20px 0}
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-bottom: 60px;}
}

@media all and (min-width: 640px) and (max-width: 895px) {
#section_desk_wrap .contents_body_fir {width: 100%; float: none;}
/*.relation_container #section_desk_wrap .contents_body_sec {width: calc(100% - 24px); float: none; margin-left: -12px; margin-right: -12px;}*/

.bottom_slogan img {width:60%;}
.bottom_slogan.black {margin: 0px auto 50px;padding-top: 60px;}
/* 스크롤메뉴 */

#head_nav_after nav .main_topmenu_01_after {width: 70px; height: 32px; background-size: 70px 32px; right: 307px !important;} /*79 36*/
#head_nav_after nav .main_topmenu_02_after {width: 87px; height: 32px; background-size: 87px 32px; right: 150px !important;} /*98 36*/
#head_nav_after nav .main_topmenu_03_after {width: 55px; height: 32px; background-size: 55px 32px;} /*62 36*/
#head_nav_after nav .pageHeaderMenu #subMenu_4.subMenu {padding-left: 10px; right: 386px !important;}
#head_nav_after nav .pageHeaderMenu #subMenu_5.subMenu {padding-left: 10px; right: 246px !important;}
#head_nav_after nav .pageHeaderMenu #subMenu_6.subMenu {padding-left: 10px; right: 105px !important;}
/*.pageHeaderMenu .subMenu .menu_list_wrap {left:15px;}*/
.pageHeaderMenu.after .subMenu ul.rangeItems {top:70px;}
#head_nav_after nav .pageHeaderMenu.after .topLevel a.open ~ .subMenu.after {width: auto;}
.pageHeaderMenu .subMenu ul {width:auto}
.pageHeaderMenu .subMenu.company_menu {left: auto; right:567px}
.pageHeaderMenu .subMenu.innovation_menu {left: auto; right:350px}
.pageHeaderMenu .subMenu.beaty_menu {left: auto; right:99px}

.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-left:12px;padding-right:12px;}
.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:12px;padding-right:12px;}

.relation_container .relation_wrap .relation_box img {width: 100%; max-height: 100%}
.relation_container .relation_wrap .relation_box ul li.thum_img {height:auto !important;}
.btn_normal_white.line_only.map_btn.floatright {float:none; display: block; width:100px; min-width:auto;}
/*#news_container .news_wrap > li{ width: calc(33.3% - 10px); margin-right: 15px;}*/
#news_container .news_wrap > li .thumb {width:100%;}
#notice_container .notice_wrap .notice_list .floatleft {float: none; display:block}
#notice_container .notice_wrap .notice_list .floatright.date_normal {float: none; display:block}
}

/* 서브페이지 */
@media all and (min-width: 896px) and (max-width: 1218px) {
.business_inquiries_wrap {left:0; width: 100px; margin-left:0;bottom: 35px; height:auto; }
.business_inquiries_wrap img {width:100px; height:auto;}
.business_inquiries_wrap.cosplus .img_btn_meta,
.business_inquiries_wrap.cosplus .btn_left_cosplus {width: 100px; height: 99px;}
#footer {padding:0 50px 40px;}
.bottom_slogan {width: 100%;}

#contents_body.sub_page section {width:100%; padding-right:50px; padding-left:50px;}
#sub_contents_container .left_area {width:12%}
#sub_contents_container .right_area {width:100%; padding-right:0px;}

#section_desk_wrap .contents_body_fir {}
#section_desk_wrap .contents_body_sec {width:100%;}
.sero_writing_ti_kor {word-break: break-word;}
.relation_container .relation_wrap .relation_box { }
.relation_container .relation_wrap .relation_box:nth-child(2) {;}
.relation_container .relation_wrap .relation_box img {width: 100%; max-height: 100%}
.relation_container .relation_wrap .relation_box ul li.thum_img {height:auto !important;}
.btn_normal_white.line_only.map_btn.floatright {float:none; display: block; width:100px; min-width:auto;}

/*#news_container .news_wrap > li{width:29.3671%; margin-right: 5.9494%;}*/
#news_container .news_wrap > li .thumb {width:100%;}
}
/****** 서브페이지 896 X 1240 *******/
@media all and (min-width: 1219px) and (max-width: 1511px) {
.business_inquiries_wrap {left:0;margin-left: 0;}
}
@media all and (min-width: 640px) and (max-width: 1218px) {
.business_inquiries_wrap_change {bottom: 279px;}
}

@media (min-width:1001px) {
.index_fir_height_eq { height: 290px !important;}
}

/********** 캐러셀 특허현황 **********/
@media (min-width: 1219px) {
.carousel_container.patents_container ul > li {/*width: 345px !important;*/}
}
@media all and (min-width: 0) and (max-width: 1218px) {
#carousel, #carousel_sun, #carousel_base, #carousel_makeup, #carousel_material, #carousel_fragrance, #carousel_global, #carousel_facilities {width:100%;}
.carousel_container.patents_container .carousel_container_inner {width:100%;}
.carousel_container.patents_container .thumb img {height: auto !important; width: 67.2464% !important;}
}
@media all and (min-width: 1100px) and (max-width: 1218px) {
.carousel_container.patents_container ul > li {/*width: 221px !important;*/}
.carousel_container.patents_container .thumb img {height: auto !important; width: 60% !important;}
}
@media all and (min-width: 896px) and (max-width: 1099px) {
	.video-popup {padding: 0 50px;}
.carousel_container.patents_container ul > li {/*width: 187px !important;*/}
.carousel_container.patents_container .thumb img {height: auto !important; width: 60% !important;}
}
@media all and (min-width: 640px) and (max-width: 895px) {
	.video-popup {padding: 0 30px;}
.carousel_container.patents_container ul > li {/*width: 253px !important;*/}
.carousel_container.patents_container .thumb img {height: auto !important; width: 60% !important;}
}
@media all and (min-width: 0px) and (max-width: 639px) {
	.video-popup {padding: 0 20px;}
/*.carousel_container.patents_container ul > li {width: 215px !important;}
.carousel_container.patents_container .thumb img {height: auto !important; width: 80% !important;}*/
}
/* 모바일전용 */
@media all and (min-width: 320px) and (max-width: 359px) {
.carousel_container.patents_container ul > li {/*width: 170px !important;*/}
.carousel_container.patents_container .thumb img {height: auto !important; width: 60% !important;}
}
@media all and (min-width: 360px) and (max-width: 374px) {
/*.carousel_container.patents_container ul > li {width: 210px !important;}
.carousel_container.patents_container .thumb img {height: auto !important; width: 80% !important;}*/
}
@media all and (min-width: 375px) and (max-width: 383px) {
.carousel_container.patents_container ul > li {/*width: 225px !important;*/}
.carousel_container.patents_container .thumb img {height: auto !important; width: 60% !important;}
}
@media all and (min-width: 384px) and (max-width: 413px) {
.carousel_container.patents_container ul > li {/*width: 234px !important;*/}
.carousel_container.patents_container .thumb img {height: auto !important; width: 60% !important;}
}
@media all and (min-width: 414px) and (max-width: 479px) {
.carousel_container.patents_container ul > li {/*width: 264px !important;*/}
.carousel_container.patents_container .thumb img {height: auto !important; width: 60% !important;}
}
@media all and (min-width: 480px) and (max-width: 481px) {
.carousel_container.patents_container ul > li {/*width: 155px !important; margin-right: 20px; margin-left: 20px;*/}
.carousel_container.patents_container .thumb img {height: auto !important; width: 60% !important;}
}
@media all and (min-width: 600px) and (max-width: 601px) {
.carousel_container.patents_container ul > li {/*width: 186.5px !important; margin-right: 30px; margin-left: 30px;*/}
.carousel_container.patents_container .thumb img {height: auto !important; width: 80% !important;}
}
/********** 캐러셀 특허현황 **********/


/**************** 비즈니스상담 전용 ****************/
@media all and (min-width: 640px) and (max-width: 1218px) {
#modal_wrap {position: absolute; top: 0;left: 0; width: 100%;height: 100%;}
#email_modal #modal_wrap,
#regulatory_modal #modal_wrap {position: relative;}
}
@media all and (min-width: 0px) and (max-width: 639px) {
.zoom_img_back_wrap {position: static;}
#modal_wrap {top: 0;left: 0; width: 100%;height: 100%; overflow: auto; position: relative; /*-webkit-overflow-scrolling:touch;*/}
}
@media (min-width: 920px) {
#modal_wrap {padding: 40px 0 0px 80px; }
}
@media all and (min-width: 640px) and (max-width: 919px) {
#modal_wrap {padding: 30px 0 0px 50px;}
}
@media all and (min-width: 0px) and (max-width: 639px) {
#modal_wrap {padding: 20px 0 0px 30px;}
}
@media all and (min-width: 547px) and (max-width: 960px) {
body#biz_body {padding: 50px 25px 25px;}
.inquiries_foot {width: calc(100% - 50px); padding: 20px 0 20px;}
}
@media (min-width: 961px) {
body#biz_body {padding: 50px 80px 60px;}
}
@media (max-width: 908px) {
body.biz_1-1step .fir_step_container.contents .select_biz_section .biz_h1_kr_small {/*display:none*/}
}

@media (min-width: 547px) {
.new_window_close {display:none;}
}

/* 모바일사이즈 */
@media (max-width: 546px) {

body#biz_body {padding: 45px 30px 0; overflow-x: hidden; /*height: 100vh;*/}
#bizcontact_modal { padding:0 !important; }
.new_window_close { background: url('/new/images/close_17_navigation_default.svg') no-repeat 50% 50%; height: 17px; width: 17px; display: inline-block; top: 18px; right: 18px; position: fixed; z-index: 5;	cursor:pointer; }

.inquiries_foot {width: calc(100% - 60px); height:auto; padding: 10px 0px 20px;}
.biz_progressbar_wrap {bottom: 0px; width:100%;}
.biz_button {min-width: auto;  padding: 4px 6px 2px;}
.inquiries_foot .relative {margin-top: 5px;}
.biz_h1_kr {font-size: 21px; line-height: 1.38em;}
.biz_h1_kr_small {font-size: 13px; margin-top: 5px;}
.biz_h1_kr_small br {display:none;}
.biz_kinds_sti {margin-bottom: 5px;}
.select_biz_pro input[type=checkbox] + label {margin: 12px; font-size: 18px; line-height: 1.25em;}
.select_biz_mapnum .nation_copy {line-height: 1.4em; font-size: 14px;}
ul.biz_nation_wrap li {width:100%; display:block; padding-right:0;}
/* div 수정 */
.biz_nation_wrap.body_wrap > div.cell {width:100%; display:block; padding-right:0;}
.select_biz_mapnum .nation_copy, .select_biz_mapnum .nation_copy.production{padding:0 15px 0 15px; word-break: normal;}
body.biz_1-1step .fir_step_container.contents .select_biz_section .biz_h1_kr_small {display: block; margin-top: 5px;}
#biz_contact_container.mapmap .body_wrap_sales_num {display: none;}/*지도숫자*/
.biz_contact_next {display:none;}
.select_biz_mapnum input[type=checkbox] + label {font-size: 18px;}
.select_biz_pro input[type=checkbox] + label {background-size: 19px !important;}
.select_biz_pro input[type=checkbox] + label {margin-bottom: 5px !important;}
.inquiries_foot .biz_navi_num {vertical-align: unset; padding: 0 6px;}
.biz_progressbar_wrap .biz_progressbar_copy {    font-size: 13px; line-height: 1.2em;}
input.blue_line.nation_name {width: calc(100% - 30px); min-width: calc(100% - 30px);}
.box_input_line {width: 100%; min-width: 100%;}
.biz_title {padding: 0;margin-bottom: 20px;}
input.blue_line {    font-size: 16px;}

.select_biz_masonry {column-count: 2; column-gap: 8px; column-fill: initial;}
.select_biz_masonry > label {display: block;}

.biz_oem_wrap li {width:100%; padding-right: 0px; float:none;}
.biz_oem_wrap li:last-child .graph {margin-bottom:40px;}
.oem_en_copy {position: relative; margin: 0 15px 20px; width:auto;}
.nation_copy.oem_wrap {height:auto !important; margin-top: 20px; margin-bottom: 20px; padding: 0 0px 0 15px;}
.select_biz_mapnum .nation_copy.graph {padding: 0; text-align:center;	}
.select_biz_mapnum .nation_copy.graph img {width:54%; height:auto;}
.select_biz_mapnum .brick.oem {padding: 0;}
}
/* 모바일사이즈 */
@media all and (min-width: 547px) and (max-width: 784px) {
.select_biz_mapnum .nation_copy {padding: 0 0px 0 10px; word-break: break-all;}
}
@media (max-width: 1218px) {
input.blue_line.nation_name {width:100%;}
}
@media all and (min-width: 480px) and (max-width: 639px) {
.select_biz_detail input[type=checkbox]+label {font-size: 16px; line-height: 1.3em; min-width: calc(50% - 57px); margin-right:5px;}
.select_biz_detail input[type=checkbox]+label:nth-child(2n) {margin-right:5px;}
.select_biz_detail.biz_health_tech input[type=checkbox] + label {min-width: calc(100% - 57px);}
.biz_input_wrap ul {width:100%;}
.select_biz_mapnum .nation_copy.graph img { width: 70%; height: auto;}
}
@media (max-width: 479px) {
	.select_biz_detail input[type=checkbox]+label {font-size: 16px; line-height: 1.3em; min-width: auto; width:calc(100% - 52px); margin-right:0;}
	.select_biz_detail.biz_health_tech input[type=checkbox] + label { min-width: auto; }
	.select_biz_detail input[type=checkbox]+label {min-height: 13px; padding: 14px 15px 18px 35px;}
	.select_biz_detail input[type=checkbox]+label.respon_label {min-height: auto; height: auto; padding-bottom: 12px;}
	.biz_input_wrap ul li span {font-size:16px}
	.biz_input_wrap ul {width:100%;}
	.unit {padding: 9px 12px 8px 0 !important;}
	.qa_input {float:none; text-align: right;}
	.laun_qa_wrap {padding: 9px 12px 8px 0 !important;}
}

@media all and (min-width: 0) and (max-width: 639px) {
.select_biz_detail input[type=checkbox] + label:hover {background-color: unset !important;}
.select_biz_detail input[type=checkbox]:checked + label {background-color: #d3ebff !important;}

/* 판매국가롤오버 */
#biz_contact_container .body_wrap .brick:hover {background: none;}
#biz_contact_container .body_wrap .brick.num01:hover {background: none;}
#biz_contact_container .body_wrap .brick.num02:hover {background: none;}
#biz_contact_container .body_wrap .brick.num03:hover {background: none;}
#biz_contact_container .body_wrap .brick.num04:hover {background: none;}
#biz_contact_container .body_wrap .brick.num05:hover {background: none;}
#biz_contact_container .body_wrap .brick.num06:hover {background: none;}
#biz_contact_container .body_wrap .brick.num07:hover {background: none;}
#biz_contact_container .body_wrap .brick.num08:hover {background: none;}

/** OEM 롤오버 **/
#biz_contact_container .body_wrap .brick.oem:hover {background: none;}

/* 런칭제품군 롤오버 */
.select_biz_masonry .brick:hover > .active_layer {opacity: 0;}

/*생산국가롤오버 건강기능식품*/
#biz_contact_container .body_wrap .brick.biz_map_01.num01:hover {background: none; border: 1px solid #e1abab;}
#biz_contact_container .body_wrap .brick.biz_map_01.num02:hover {background: none; border: 1px solid #e1abab;}
#biz_contact_container .body_wrap .brick.biz_map_01.num03:hover {background: none; border: 1px solid #e1abab;}
#biz_contact_container .body_wrap .brick.biz_map_01.num04:hover {background: none; border: 1px solid #e1abab;}
#biz_contact_container .body_wrap .brick.biz_map_01.num05:hover {background: none; border: 1px solid #e1abab;}
#biz_contact_container .body_wrap .brick.biz_map_01.num06:hover {background: none; border: 1px solid #e1abab;}
#biz_contact_container .body_wrap .brick.biz_map_01.num07:hover {background: none; border: 1px solid #e1abab;}

/*생산국가롤오버 건강기능식품*/
#biz_contact_container .body_wrap .brick.health.num01:hover {background: none; border: 1px solid #ff5959;}
#biz_contact_container .body_wrap .brick.health.num02:hover {background: none; border: 1px solid #ff5959;}
#biz_contact_container .body_wrap .brick.health.num03:hover {background: none; border: 1px solid #ff5959;}
#biz_contact_container .body_wrap .brick.health.num04:hover {background: none; border: 1px solid #ff5959;}
#biz_contact_container .body_wrap .brick.health.num05:hover {background: none; border: 1px solid #ff5959;}
#biz_contact_container .body_wrap .brick.health.num06:hover {background: none; border: 1px solid #ff5959;}
#biz_contact_container .body_wrap .brick.health.num07:hover {background: none; border: 1px solid #ff5959;}
}
/**************** 비즈니스상담 전용끝 ****************/

/* 아이폰핵 */
@media all and  (max-width: 767px) {
    _::-webkit-full-page-media, _:future, :root .select_biz_mapnum {top: 20%; padding-bottom: 38%; //or any property you need}
    _::-webkit-full-page-media, _:future, :root .select_biz_masonry .brick:hover > .active_layer {opacity: 0; //or any property you need}
    _::-webkit-full-page-media, _:future, :root .select_biz_pro input[type=checkbox]:checked ~ .active_layer {opacity:0.9; //or any property you need}
    _::-webkit-full-page-media, _:future, :root .select_biz_masonry {padding-bottom: 200px; //or any property you need}
}
@media (max-width: 546px) {
    _::-webkit-full-page-media, _:future, :root .select_biz_masonry > label {display: block; //or any property you need}
}

/*** 제품군선택 이미지 ***/
@media all and (min-width: 0) and (max-width: 639px) {
.select_biz_masonry .brick {height: 120px !important;}
.select_biz_masonry.start_biz {column-count: 1;}
.select_biz_masonry.start_biz .brick {padding-bottom: 0;}
}

/** 생산제품소개 다이아그램 **/
@media (min-width: 640px) {
.beauty_product_info_desktop_view {display:block; width:820px; margin:0 auto;}
.beauty_product_info_mobile_view {display:none;}
.popup_close.product_position {display:none;}
.copyright.en_letter.desktop_only br {display:none;}
.error_ti br {display:none;}
}
@media all and (min-width: 0) and (max-width: 639px) {
.error_container {padding: 50px 35px;}
.error_ti {font-size: 38px;}
.error_ti br {display:block;}
.beauty_product_info_desktop_view {display:none;}
.beauty_product_info_mobile_view {display:block;}
.popup_close.product_position {display:block;}
.tooltip_product_M .tooltip-content_product {font-size:14px; line-height: 1.5em;padding: 15px 20px 15px 15px;}
}


/*************************************** 190826 제어 ***************************************/
@media (min-width: 1218px) {
.new_lay_ti_wrap {height:210px;}
}
/** min1218 **/

@media all and (min-width: 897px) and (max-width: 1217px) {
#index_body #contents_body {width: 100%; margin: 0px auto 0px; position: relative; padding-right:40px; padding-left:40px;}
#container_wrap.index_container {margin-top: 35px;}
#head_nav h1.logo {right:4%; top:60px; width: 30px; height: 300px;}
h1.head_nav_after_logo.small_logo {right:40px;}

#current_location_wrap, .current_down_container {padding:0 50px;}
.current_down_container {padding-top:10px;}
#current_location_wrap .current_location, .current_down_wrap {width:100%; }
#change_header .partner .menu_open {left: 32px;}
#sub_page_body #head_nav h1.logo {right: 50px;}
#new_layout_container .layout_dan .date_num {top:60%;}
#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;}

#news_container ul.news_wrap {margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); font-size: 0;}
#news_container ul.news_wrap > li {width: 25%; padding-left: 10px; padding-right: 10px; margin-bottom: 40px; font-size: 18px;}

#fbfeed {margin-top: -10px; margin-left: -10px; margin-right: -10px; font-size:0;}
#fbfeed .facebook_feed {max-width: 25%; width: 25%; padding:10px; }

}
/** 896 ~ 1217 **/

@media all and (min-width: 640px) and (max-width: 896px) {
#index_body #contents_body {width: 100%; margin: 0px auto 0px; position: relative; padding-right:30px; padding-left:30px;}
#container_wrap.index_container {margin-top: 30px;}
#head_nav h1.logo {right:4%; top:60px; width: 23px; height: 230px;}
#new_layout_container .layout_dan .date_num {top:68%;}
#new_layout_container .layout_dan .date_num p {margin: 0 2px; width: 20%;}

#news_container ul.news_wrap > li .thumb {height:112px;}
#news_container ul.news_wrap {margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); font-size: 0;}
#news_container ul.news_wrap > li {width: 33.3%; padding-left: 10px; padding-right: 10px; margin-bottom: 40px; font-size: 18px;}
#news_container ul.news_wrap.youtube_wrap > li {width: 33.3%; padding-left: 10px; padding-right: 10px; margin-bottom: 40px; font-size: 18px;}

#fbfeed {margin-top: -10px; margin-left: -10px; margin-right: -10px; font-size:0;}
#fbfeed .facebook_feed {max-width: 33.3%; width: 33.3%; padding:10px; }

.quarters03_wrap > ul > li {width: 30%;}
.quarters03_wrap > ul > li.two_thirds_wrap {width: 70%; padding-left: 12px;}

.safety_04dan > li {width: calc(50% - 10px);margin: 0 5px 10px;}
.safety_05dan.rawmaterial > li {width:33.3%; padding-bottom: 20px;}
.safety_05dan.rawmaterial.exam > li:last-child {width: 100%; text-align: left; padding-left: 10px; padding-right: 10px;}
.mb40 {margin-bottom:35px !important;}
}
/** 640 ~ 896 **/

@media all and (min-width: 320px) and (max-width: 639px) {
.drop_list_container.academic_papers ul.drop_list_maindep > li {padding-top: 10px;}
#index_video_container .video {height:420px;}
#index_video_wrap {height: 580px; position: fixed;}
#index_video_wrap.mobile_mp4 {height: 420px; position: fixed;}
#index_video_wrap.index_mobile.mobile_mp4 {height: auto; position: fixed;}
#sub_video_wrap {height: 420px; position: fixed;}
#index_video_wrap video {width:102% !important; height:auto; top:-5px; left:50%;
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
#container_wrap.vod_page {margin-top:420px;}
.mobile_mp4.index_mp4 {display: block; position: relative; 
height: 0;
padding-bottom:161.19%;
}

#news_container ul.news_wrap > li .thumb {height:112px;}
#news_container ul.news_wrap {margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); font-size: 0; letter-spacing: 0;}
#news_container ul.news_wrap > li {width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; font-size: 16px;}
#news_container ul.news_wrap.youtube_wrap > li {width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; font-size: 16px;}
#news_container ul..news_list_box > li {float:left; width: 100%; height:auto !important; padding: 10px 0 0 0;}
#news_container ul.news_wrap > li a {line-height:1.55em;}

#fbfeed {margin-top: -10px; margin-left: -10px; margin-right: -10px; font-size:0;}
#fbfeed .facebook_feed {max-width: 50%; width: 50%; padding:10px; }
#fbfeed .myfb_message {font-size: 16px; line-height: 1.65em;}

#news_container .news_wrap .news_list_box {padding: 10px 0 0;}
#news_container .news_wrap .news_list_box .lineheight_medium {line-height: 1.5em;}
#contents_body.sub_page #sub_contents_container.pre_next_contents {padding: 30px 0 30px !important;}
#news_contents_container .news_wrap.news_contents {padding-bottom: 10px; margin-bottom: 20px;}
#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: 16px !important;}
#news_contents_container .news_contents_body img {margin-bottom: 10px;}
#new_layout_container .layout_dan .date_num p {width: 22%;}
.ir_ti {padding-top:10px;}
table.question_table th, table.question_table td {border-bottom:1px solid #dedede;}
body#index_body .business_inquiries_wrap {left:0px;}

.select_biz_pro {height:auto !important;}

body.biz_input_step .inquiries_foot { position: relative; width:100%;}
body.biz_input_step #biz_contact_container.right_btn {margin-bottom: 0px;}
body.biz_input_step .biz_error_caption {margin-top: 0;}
body#index_body #contents_body {padding: 0 0 40px;}
body#index_body #contents_body {padding: 0 0 40px; margin: 0px auto 0px;}

#wrap_popup  {width:100% !important; height: auto !important; background: transparent; top:0px;}
#wrap_popup #pop_content img  {width:100% !important; height: auto !important;}

#popModal_back, #popModal_back1 {width:calc(100% - 40px) !important; /*height:auto !important;*/ left:20px !important;}
/*#wrap_popup {position: relative; display: inline-block; width:calc(100% - 40px) !important; height:auto !important; left:0px !important;}*/
#wrap_popup #pop_content img {width:100% !important; height:auto !important;}

.safety_05dan.rawmaterial > li {width:50%; padding-bottom: 20px;}
.safety_05dan.rawmaterial.exam > li:last-child {width: 100%; text-align: left; padding-left: 10px; padding-right: 10px;}

#index_video_container.sub_topimg.safety_index {background-position: 35% 50%;}
#index_video_container.sub_topimg.safety_materials {background-position: 68% 50%;}
#index_video_container.sub_topimg.safety_antiseptic {background-position: 30% 50%;}
#index_video_container.sub_topimg.safety_check {background-position: 69% 50%;}
#index_video_container.sub_topimg.safety_after {background-position: 40% 50%;}

#index_video_container.sub_topimg.usa_hr {background-position: 40% 50%;}

.check_menu_copy {height: auto !important;}
#wrap_popup, #popModal_back, .modal_back {position: relative;}

#current_location_wrap .current_location > div:first-child {
	display: none;
}
#current_location_wrap .current_location > div:last-child {
	text-align:center;
}
.current_location {
    grid-template-columns: 1fr;
}
#current_location_wrap .current_location .floatright span:first-child {
	display: block;
}
#current_location_wrap .current_location .floatright span:first-child:after {
	display: none;
}

}
/** 320~ 639 **/

@media all and (min-width: 320px) and (max-width: 895px) {
body.biz_input_step .inquiries_foot { position: relative; width:100%;}
body.biz_input_step #biz_contact_container.right_btn {margin-bottom: 0px;}
body.biz_input_step .biz_error_caption {margin-top: 0;}
body.biz_input_step .m_epty {height:20px; display:block !important;}
}
/** 320~ 895 **/

@media all and (min-width: 650px) and (max-width: 896px) {
#change_header .partner_container {width:100%;}
}

@media all and (min-width: 640px) and (max-width: 896px) {
#header_menu .gnbArea {overflow-y: hidden;}
#change_header .partner_container {overflow: auto;}
#change_header .partner_wrap .close {left:30px; top:33px; height: 20px; width: 20px; background-size: 100%;}
#change_header .oneD.close {background: url(/new/images/menu/menu_contact.svg) no-repeat left 50%; cursor: pointer; position: static; top: auto; width: 486px; height: 20px; z-index: 510;}
#change_header .partner .menu_text {padding: 20px 50px 30px 50px;}
#header_menu {/*padding-left: 20px;*/}
#head_nav_after nav {height: 80px !important;}
#sub_page_body #head_nav h1.logo {top: 28px; width: 23px; height: 230px; right: 30px; top: 60px;}
#index_video_container {height: 360px;}
h1.head_nav_after_logo.small_logo { width:167px; height: 30px; top: 22px;}
#header_menu .gnbArea .menuDiv {width: 100%;margin: 0 20px 20px 0;}
#header_menu.new_side_menu {/*margin-top: 20px;*/}
.philosophy_apple_copy {padding-top: 10px;}
.side_sns_wrap {left: 15px;}
/* 지속가능경영 */
.sustainability_portrait {margin:0 20px 20px 0; width:30%;}
.policy_business_chart02 {margin:0 0 0 20px;}
}

/** 탑이미지 **/
.sub_good_01_group.sub_topimg {background-image:url('/new/images/top/02_1_Cosmax_group_s.jpg');}
.sub_differ_03_technology_list.sub_topimg {background-image:url('/new/images/top/06_1_0_Cosmax_Beauty_Tech.jpg');}

@media all and (min-width: 320px) and (max-width: 639px) {
.sub_good_01_group.sub_topimg {background-image:url('/new/images/top/02_1_Cosmax_group_s_M.jpg');}
.sub_differ_03_technology_list.sub_topimg {background-image:url('/new/images/top/06_1_0_Cosmax_Beauty_Tech_M.jpg');}
.desktop_only_popup {display:none;}
.mobile_only_popup {display:block;}
.swi-btn-next.prodution, .swi-btn-prev.prodution {/*display:none;*/ width: 45px !important; height: 45px !important; background-size: 100% !important; top:30px;}
.swi-btn-next.carousel, .swi-btn-prev.carousel {top:30px !important;}
.swi-btn-next.carousel {right: -15px;}
.swi-btn-prev.carousel {left: -15px;}
ul.patents_list li {width:100% !important;}
.carousel_container ul > li {margin-bottom: 30px;}

.search_result_container:after {content:" "; display:block; clear:both; *zoom:1;}
.search_result_container {font-size:0;}
.search_result_wrap {width:100%; /*float:left;*/ display:inline-block; vertical-align:top; *display:inline;*zoom:1; margin-bottom: 40px;}
.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:0px;}
.search_result_wrap:nth-child(even) {padding-right:0px;}
#index_video_wrap.desk_mp4 video {display:none !important;}
#index_video_container.desk_mp4 .sub_vod, #index_video_container.desk_mp4 .video, #index_video_container.desk_mp4 video {display:none !important;}
.tooltip .tooltip-content {padding: 18px;}
.tooltip .tooltip-content {width: 90%; left:5%;}
.current_location ul.current_menu > li.mobile_only select,
.current_location ul.current_menu.mobile_only select {font-size: 11px;}

.packing_icon_wrap > li div {float:left; width:35%; padding-right:10px;}
.packing_icon_wrap > li ul {float:left; width:65%;}
.packing_icon_wrap .video_caption {margin-top: 0px; font-size: 14px;}

/** 지속가능경영 **/
.sustainability_portrait {margin:0 20px 20px 0; width:40%;}
.policy_business_chart02 {margin:20px 0 30px; width:100%;}
.sustain_ti .en {font-size:25px; line-height:1.2em; letter-spacing:0.04em;}
.sustain_ti .kr {font-size:23px; line-height:1.2em; letter-spacing:-0.04em;}
.white_box {padding:20px;}
.img70p img {width:100%;}
h1 {margin-bottom:5px;}
}
/* 320 - 639 */

@media (min-width: 640px) {
.desktop_only_popup {display:block;}
.mobile_only_popup {display:none;}
#index_video_wrap.mobile_mp4 .video {display:none !important;}
#index_video_wrap.mobile_mp4 video {display:none !important;}
.current_location ul.current_menu > li.mobile_only select,
.current_location ul.current_menu.mobile_only select {font-size: 13px;}
}

/* 안전성메뉴 */
.current_location ul.current_menu > li.desktop_only {display:inline-block;}
.current_location ul.current_menu > li.mobile_only {display:none;}
.current_location ul.current_menu > li.desktop_only:after, .current_location ul.current_menu > li.mobile_only:after{display:none}

@media all and (min-width: 320px) and (max-width: 896px) {
#change_header .side_menu_close.close {display:none !important; width:0; height:0;}
.gnbArea {height: 100% !important;}
.biz_map_01.new_bizmap, .biz_map_02.new_bizmap {display: none;}

/**safety **/
.dropmenu_submenu.list_up li:after {content:" "; display:block; clear:both; *zoom:1;}
.dropmenu_submenu.list_up li ul {display: block; position: static; float:left; width: 75%;}
.icon_safety_location {float:left; width:25%;}
.dropmenu_submenu.list_up li ul {left: auto; margin-left: auto; -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0);}
.dropmenu_submenu.list_up li a {text-align: left;}
.dropmenu_submenu.list_up li ul a {text-align: left;}
.dropmenu_submenu.list_up li ul {border:0;}
.dropmenu_submenu.list_up li li {background: transparent; word-break:keep-all;}
.safety_04dan.list_up > li img {margin-top: 0;}
.safety_04dan > li {padding: 10px 0px 0px 0px;}
.safety_04dan.check_menu > li {padding: 15px;}

.safety_menu_wrap > li .safety_menu_copy  {font-size:18px;}
.safety_menu_wrap > li {    padding: 0 10px 10px;}

.current_location ul.current_menu > li.desktop_only,
.current_location ul.current_menu.desktop_only {display:none;}
.current_location ul.current_menu > li.mobile_only, 
.current_location ul.current_menu.mobile_only {display:inline-block;}
.current_location ul.current_menu > li.mobile_only select,
.current_location ul.current_menu.mobile_only select {color:#555; font-family: 'NunitoSans-Regular', 'notokr-regular', sans-serif; height: 13px; padding: 0px; letter-spacing: 0.03em; margin-top: -4px; width:auto; text-transform: uppercase;}

.dropmenu_submenu li ul a:hover, .dropmenu li ul li:hover a {background:inherit; color:inherit !important;}

/*팝업제어*/
#popModal_back1 {left: 20px !important; /*top: 40vh;*/}
.modal_back {/*position: absolute;*/ max-width: calc(100% - 40px); overflow:hidden;}
#popModal_container {width: 100vw; left: 0; top: 0; overflow: auto; padding-top: 20px; position: absolute;}
.pop_content01 {left:0px;}

.table_overflow {overflow-x:scroll;}
.table_overflow table {width:200vw}
.table_overflow::-webkit-scrollbar {width: 2px;  height:3px;}
.table_overflow::-webkit-scrollbar-thumb {background-color: #7f7f7f; border-radius: 0;}
.table_overflow::-webkit-scrollbar-track {background-color:#fff;}
}
/* 320~896 */

@media (min-width: 1219px) {
.technology_list .carousel_container .thumb img {height:233px;}
}

@media (max-width: 812px) {
.technology_graph img {width:100%;height:auto;}
}

.side_lang {display:none;}

@media all and (min-width: 640px) and (max-width:1390px) {
#wing_lang_wrap {right:40px; -ms-transform: translate(0, 0);  -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);  transform: translate(0, 0);}
}
@media all and (min-width: 0) and (max-width:639px) {
.side_lang {display:block;}
#wing_lang_wrap {right: 10px; -ms-transform: translate(0, 0);  -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);  transform: translate(0, 0); z-index: 9;}
}


@media (max-width:767px) {
	.sustain_6_4 > div:first-child {float:unset; float:none; overflow:hidden; width:100%; padding-right:0px;}
	.sustain_6_4 > div:last-child {float:unset; float:none; width:100%; margin-top:30px}
	.sustain_5_5 > div {float:unset; float:none; overflow:hidden; width:100%;}
	.sustain_5_5.weather > div:first-child, .sustain_5_5.ethics > div:first-child {padding-right:0px;}
	.sustain_5_5.weather > div:last-child, .sustain_5_5.ethics > div:last-child {padding-left:0px;}

	.sustain_5_5.ethics.mb20 {margin-bottom:0 !important;}
	.sustain_5_5.ethics > div {margin-bottom:20px !important;} 

	.right_photo {margin:0 0 20px 20px;}
	.left_photo {margin:0 20px 20px 0;}
	#current_location_wrap.sustain .current_location .floatleft {display:none;}
	#current_location_wrap.sustain .current_location .floatright {width: 100%;}
	.current_menu.mobile_only li:first-child { font-family: 'NunitoSans-Bold', 'notokr-bold',sans-serif;}
	.esg_list .plpr30 {padding-left:0; padding-right:0;}
	.esg_list div:first-child {margin-bottom:30px;}
	select.goversion_select {
		width:100%;
	}
    body#index_body #footer {
        z-index: 99;
    }
	#current_location_wrap.sustain .current_location {
		display: grid;
		grid-template-columns: 1fr;
		text-align: center;
	}
	#current_location_wrap.sustain .current_location select {
		text-align: center;
	}
}