@charset "utf-8";
/* CSS Document */

/**********************
Publishing : Lee Bit-na
Beginning : 2016-01-19
Final : 
***********************/

@media screen and (max-width:1800px) {
	.background-cover .abobe_img {height: 100%}
	.background-cover img {min-width: inherit}
	.visual_sub_Wrap img {height: 100%; width: auto}
}
@media screen and (max-width:1600px) {
	.company_group .group_img .image-replace {width: auto}
}
@media screen and (max-width:1440px){	
	.motion_arrow {bottom:50px}
	.main02 .model_area {right:0}
	.main01 .model_area {left:0}
	.family_area {width: 65%}
	.model_wrap .page_title {left: 100px}
	
	.sorting_input select.selectbox_title {width: 100%}
	.cs_infor_wrap.wh .cs_item {width: 100%}
	.company_group .group_img .image-replace {min-width: inherit; height: 100%}
}

@media screen and (min-width:1280px) {
	.header_gnb {display:block}
}
@media screen and (max-width:1280px) {	
	.header {height:64px}
	.m_footer address {padding:0 20px}
	.m_footer .infor {margin-right:20px}
	.bg_pr {background-size: 100%}	
	.model_wrap .page_title {margin: 0; left: 50px; right: 50px}
	.gnb_zone {display:none}	
	.sub_wrap {width:auto; margin: 0 50px; padding: 30px 0}	
	.area_etc .in_wrap, .tab_style ul, .state_wrap ul, .innovation_wrap, .rnd_summary .content, .company_num .content, .company_philosophy .content, .company_value .txt_box, .mission_wrap .content, .company_vision .txt_box, .lab_tech, .area_summary .content, .pipeline_wrap .content, .inforwrap, .product_bottom, .group_infor p, .licenses_area, .tab_area .tab_business_area_ul, .tab_business_content, .tab_location_content .content, .area_wrap, .product_summary .outline, .cs_infor_wrap, .lab_st_infor, .st_corevalue .content {width: auto; margin: 0 50px}
	.tab_area .tab_address_ul, .full_container {width: auto}
	.agtab_wrap {width: auto; margin: 30px 50px}	
	.board_style {width: 100% !important;}
	.s_part .page_title .rnd_summary .content, .s_main_part .page_title, .rnd_center .content, .s_part .page_title, .new_cont, .color_wrap .style_cont {width: auto; left: 50px; right: 50px; margin: 0}
	.main_inistnow .content, .company_factory {width: auto; padding: 0 30px}
	.lab_factory {width: auto; margin:50px }
	.content_in {}
	.inforwrap li {width: 50%; margin: 0}
	.ceo_infor .copy_cont {padding: 30px 10px}
	.product_sorting {width: auto; margin: 50px 50px 0}
	.mail_wrap {width: auto}
	
	.tab_bk ul {width: 100%}
	.rnd_center.main .content {width: auto; left: 0; right: 0}
	.rnd_center.main .txt_box {top:0; bottom: 0; height: auto; width: auto}
	.rnd_center.main .txt_box h2 {font-size: 16px}
	.rnd_center.main .btn_link {margin: 0}
	.tech_wrap .txt_wrap h2 {font-size: 18px}
	
	.s_main_part {height: 550px}
	.s_main_part h2 {font-size: 44px; line-height: 45px; }
	.s_main_part .page_title {top:160px}
	.rnd_summary {background-size:100%}
	
	.group_list .group_wrap .content {left: 50px; right: 50px; bottom: 50px}
	.group_list li {height: 500px}
	.group_list .group_wrap {height: 500px}
	.company_group.bio {height: 500px; background-size: cover}
	.company_group.st {height: 500px; background-size: cover}
	.company_group.pharm {height: 500px; background-size: cover}
	.company_group.osong {height: 500px; background-size: cover}
	.group_list .group_wrap .content p br {display: none}
	
	.lab_st_infor .lab_st_code li {height: auto; margin-bottom: 40px}
	.business_wrap {padding: 40px 0 50px; height: auto; min-height: inherit}
	.spec_ul li {width: 33.3%}
	
	.motion_arrow {display: none}
	.model_area {width:730px; right:0}
	.main02 .model_area {right:-10%}
	.main01 .model_area {left:-5%}
	.family_area {width:900px}
	.model_wrap .page_title h1 {font-size:48px}
	.custom_door .part_wrap .bx-wrapper .bx-prev {left:10px !important}
	.custom_door .part_wrap .bx-wrapper .bx-next {right:10px !important}
	
	.pic_infor li {width: 29%}
}

@media screen and (min-width:1140px) {
	.header .btn_menu {display:none !important} 
	.tab_select01 {display:none} 
	.header_gnb, .tab_address_ul {display:block}
}	
@media screen and (max-width:1140px) {
	.header .btn_menu {display:block}
	.tab_select01 {display:block} 
	.header_gnb, .tab_address_ul {display:none}
	
	.history_wrap > ul > li.left .year{padding-left:38px;}
	.goods_list {width: auto}
}
@media screen and (min-width:1000px) {
	.tab_mobile {display: none}
}

@media screen and (max-width:1000px) { 
	.tab_mobile {display: block}
	.background-cover video {width: 200% !important}
	.header .lag {display: none}
	.header .btn_otollo, .header.wh .btn_otollo, .header .otollo, .header.wh .otollo {width: 100px}
	.s_footer .etc_menu {float: none; border-bottom: 1px solid #333; padding-bottom: 20px}
	.s_footer .etc_menu .s_menu {text-align: center}
	.s_footer .etc_menu .s_menu li {padding: 0 10px; margin: 0}
	.s_footer {padding: 30px 0}
	.s_footer .footer_infor {float: none; margin:20px auto 0; display: table;}
	.s_footer .etc_menu #back_top {top:-60px}
	.footer_infor {font-size: 12px}
	.header h1 { position: absolute; top: 17px; left: 50%; margin-left: -80px;}
	.header h1 a {width: 160px; height: 34px;background-size:125px}
	.location_detail .tab_mobile {margin:0 50px}
	.sub_gnb {width: auto; margin: 0 30px}
	
	.s_part {height: 320px}
	.parallax-window { min-height: 770px; background: transparent; }
	.parallax-sub { min-height: 310px; background: transparent; }
	.parallax-new { min-height: 520px; background: transparent; }
	.parallax-otollo { min-height:590px; background: transparent; }
	.parallax-hand { height:640px; background: transparent; }	
	.s_part .page_title {top:165px}
	.s_part .page_title h1, .s_part .page_title h1.kr {font-size: 35px}
	.s_part .page_title h1 i img {width: 14px}
	.s_part .page_title p {padding-top: 20px}
	
	.model_wrap .page_title h1 {font-size: 45px; line-height: 50px}
	.inist_recruit .benefit li {width: 50%}
	.motion_arrow {display: none}
	.recruit_man h2, .company_num .content h2 {font-size:30px}
	.company_philosophy .content h2 {font-size: 28px}
	.facility_spec {width: auto; margin: 0 50px}	
	.facility_infor .content > p {font-size: 16px}
	.facility_infor .content > h2 {font-size: 30px}
	.content_in h3 {font-size: 20px}
	.content_in .description {display: none}
	.tile_content .description {display: block}
	.people .tile_content .content_in {padding: 40px}
	.people .tile-description h3 {font-size: 18px; margin-top:0; text-align: left}
	.people .tile-description h3 br {display: none}
	.tile-group .btn_link {margin: 0}
	.company_video {height: 350px; background-size: cover}
	.company_philosophy .content {padding: 70px 0}
	.tbl_pipe.api .lv3 {padding-left: 15px}
	
	.main_otollo {height: 450px}
	.main_otollo h1 {padding: 80px 0 30px}
	.main_otollo h2 {font-size: 18px}
	
	.rnd_center.main {height: auto}
	.lab_tech_wrap .content {padding:30px 0}
	.lab_tech_wrap .content {height: auto}
	.ceo_photo {background-size:auto 330px; height: 330px}
	.ceo_Wrap {background-size: 100%; padding-top: 1050px}
	
	.product_sorting .s_infor {font-size: 12px; line-height: 1.7em; height: 30px; text-align: left}
	.product_sorting .sorting_box .content {height:130px }
	.sorting_initial li {float: left}
	.product_sorting .s_infor br {display: none}
	.innovation_wrap {padding: 40px 0 20px}
	.new_product_wrap {margin-bottom: 40px}
	
	.cs_item h2 {font-size: 16px}
	.cs_in {padding: 30px 0 30px 136px;}
	
	.goods_list li {width: 33.3%}
	.agtab a {width: 25%}
	.goods_list .box .box_info h2 {font-size: 18px}
	.goods_list .box .box_info {left: 20px; right: 20px; bottom: 20px;}
	
	.color_list li {width: 50%; margin-bottom: 10px}
	.color_wrap .parallax-hand {height: 750px}
	
	.company_history {padding: 40px 0}
	.company_history.history_bio .history_wrap{height:auto;}
	.company_history.history_pharm{height:auto;}
	.history_pharm .history_wrap {background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) left top repeat-y; margin: 0; padding: 40px 0; height: auto}
	.history_wrap {background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) left top repeat-y; margin: 0; padding: 40px 0; height: auto}
	.history_wrap:after {display: block; clear: both; content: ""}
	.history_wrap .year span {font-size: 24px}
	.history_wrap > ul > li {width: 100%; position: relative}
	.history_wrap > ul > li.right {left: 0}
	.history_wrap > ul > li.left {text-align: left}
	.history_wrap > ul > li.left .year {left: -6px; padding-left: 60px; background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) left center no-repeat;}
	.history_wrap > ul > li.left ul {padding:10px 0 0 130px;}
	.history_wrap > ul > li.right ul {padding:10px 0 0 130px;}
	.history_wrap > ul > li.left ul li {padding-left: 0; padding:0 0 0 25px;}
	.history_wrap > ul > li.left ul li em {left: auto; right: auto; left: 0}

		.year2016,
	.year2015,
	.year2014,	
	.year2013,
	.year2009,
	.year2007,
	.year2006,
	.year2005,
	.year2004,
	.year2002,
	.year2001,
	.year2000,
	.year1994 {top: auto}
	
	.history_pharm .year2017,
	.history_pharm .year2016,
	.history_pharm .year2015,
	.history_pharm .year2014,
	.history_pharm .year2013,
	.history_pharm .year2009,
	.history_pharm .year2009,
	.history_pharm .year2007,
	.history_pharm .year2006,	
	.history_pharm .year2005,
	.history_pharm .year2004,
	.history_pharm .year2002,
	.history_pharm .year2001,
	.history_pharm .year2000,
	.history_pharm .year1994 {top: auto}
	
	.history_bio .year2021,
	.history_bio .year2020,
	.history_bio .year2019,
	.history_bio .year2018,
	.history_bio .year2017,
	.history_bio .year2016,
	.history_bio .year2015,
	.history_bio .year2014,
	.history_bio .year2013,
	.history_bio .year2009,
	.history_bio .year2007,
	.history_bio .year2006,	
	.history_bio .year2005,
	.history_bio .year2004,
	.history_bio .year2002,
	.history_bio .year2001,
	.history_bio .year2000,
	.history_bio .year1995,
	.history_bio .year1994,
	.history_bio .year1992,
	.history_bio .year1989,
	.history_bio .year1973,
	.history_bio .year1938 {top: auto}
	.company_history.history_bio,.company_history.history_bio,.company_history.history_pharm .history_wrap {height: auto}
	
	.network_wrap {display: none}
	.product_img, .product_infor {width: 100%; float: none}
	.product_img {text-align: center; }
	.product_img img {width: 60%}
	.product_infor {margin: 0 -50px; background: #fcf8f8; width: auto; padding:0 50px 30px}
	.product_infor .en_name {text-align: center}
	.product_infor h1 {font-size: 36px; text-align: center}
	.pic_infor li {width: 33.3%; margin: 0; border: 0; padding: 0; height: 100px;background: none}
	.pic_infor li p {font-size: 26px}
	.major_infor {margin:0 0 20px}
	.pic_infor {display: block;  padding: 20px 0; border-top:1px solid #ddd}
	.pic_infor:after {display: block; clear: both; content: ""}
	.sorting_initial li a {padding: 7px ; font-size: 16px; width: 18px}
	
	.company_group .group_img {width: auto; height: 100%; left: -30%}
	.lab_st_infor .lab_st_code li {width: 50%}
	.bio_step.st .box {height: 110px}
	
	.history_wrap > ul > li.left .year{padding-left:38px;}
	.history_wrap > ul > li.left ul{padding:10px 0 0 130px;}

	/* 채용링크 */
	.recruit_link_wrap .linkBox {width: 43%; margin: 0 1%;}
	.recruit_link_wrap .linkBox .head .ci img {height: 50px}
	
	.color_list.sub {margin: 0}
	.color_list.sub li {float: none; width: 400px}
	.color_list .txt p {padding: 10px 10px 0}

}

@media screen and (min-width:768px) { 
	.s_footer {display:block}
	.agtab a.title, #footer_m {display: none !important}
	
	
}

@media screen and (max-width:768px) { 
	.visual_sub_Wrap img {height: 100%; width: auto}
	.header {z-index: 100}
	 #footer_m {display: block}
	.s_footer {display: none !important}
	.area_etc .in_wrap, .tab_style ul, .state_wrap ul, .innovation_wrap, .rnd_summary .content, .company_num .content, .company_philosophy .content, .company_value .txt_box, .mission_wrap .content, .company_vision .txt_box, .lab_tech, .area_summary .content, .pipeline_wrap .content, .inforwrap, .product_bottom, .group_infor p, .licenses_area, .tab_area .tab_business_area_ul, .tab_business_content, .agtab_wrap, .tab_location_content .content, .area_wrap, .product_summary .outline, .sub_wrap, .cs_infor_wrap, .lab_st_infor, .st_corevalue .content {width: auto; margin: 0 30px}
	.s_part .page_title .rnd_summary .content, .s_main_part .page_title, .rnd_center .content, .s_part .page_title, .new_cont, .color_wrap .style_cont {width: auto; left: 30px; right: 30px; margin: 0}
	.h1_tit_style {font-size:22px}
	.lab_factory {margin: 30px}
	.s_main_part {height: 420px}
	.s_main_part .page_title {top:100px}
	.s_main_part h2 {font-size: 34px; line-height: 36px}
	
	.model_wrap .page_title {bottom:50px; top:auto}
	.model_area {width:90%}
	.model_wrap .main01 .page_title {left:50px}
	.model_wrap .plus-btn {display:none}
	.main01 .page_title .title_right {float:none}
	.family_area {width:110%; right:-25%}
	.part_wrap .bx-wrapper .bx-prev, .part_wrap .bx-wrapper .bx-next {display: none}
	
	.agtab a.title {display: block}
	.sorting_input {margin: 0; padding-right:0}
	.sorting_input select.selectbox_title { height: 40px; }
	.sorting_word {padding: 0}
	.sorting_word .search_btn {top:0}
	.product_sorting {margin: 20px 30px}
	.product_sorting .sorting_box {width:auto; padding-left:55px; position: relative; float: none}
	.product_sorting .sorting_box h1 {padding: 0; position: absolute; left: 0; top:0; height: 100%; bottom: 0; width: 55px; font-size: 12px}
	.product_sorting .sorting_box .content {position: relative; height: auto; padding:10px;}
	.product_sorting .sorting_box h1 em {display:block; margin: 0 0 10px; width: auto;}
	.product_sorting .s_infor {margin-top: 5px}
	.product_sorting .sorting_box.first h1 em, .product_sorting .sorting_box.second h1 em, .product_sorting .sorting_box.third h1 em , .product_sorting .sorting_box.last h1 em {background-size:22px}
	.sorting_initial li {float: inherit}
	.product_sorting .sorting_box.last {width:auto}
	.look_search {padding: 15px 0}

	.new_cont .content {width: 100%; float: none}
	.new_cont .content em {margin-top: 40px}
	.new_cont .content h1 {font-size: 26px}
	.new_product_wrap {height: auto; background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat center center; background-size:cover}
	.new_product_wrap .parallax-new {display: none}
	.new_cont {position: relative; left: auto; right: auto}
	.new_cont .product {padding: 0 40px; float: none; width: inherit; text-align: center}
	.new_cont .product img {width: 60%}
	.api_box .content dt, .change_box .content dt {font-size: 20px}
	
	.rnd_center .txt_box {background: none; position: relative}
	.rnd_center .txt_box .h1_tit_style {margin-top: 50px; padding-bottom: 10px; margin-bottom: 30px; background-position: left bottom}
	
	.agtab {margin:20px 0 0}
	.agtab a.title {display: none; left: 0; top:-60px; width: 100%;}
	.agtab a.title > div {line-height: 45px; padding: 0; background-image: none}
	.agtab a {width: 33.3%}
	.product_list_wrap {padding-top: 40px}
	.product_list_wrap .h1_tit_style {margin-bottom: 30px}
	.agtab_wrap {padding-bottom: 30px}
	.goods_list li {width: 50%}
	
	.ci_infor .key_copy {text-align: center; font-size: 30px}
	.style_cont .title_area h1 {font-size: 20px; margin-bottom: 10px}
	.style_cont .title_area, .style_cont .content_area {width: 100%; float: none}
	.ci_infor .ci_img, .ci_infor .ethics_img {position: relative; right: auto; top:auto; text-align: center; display: block}
	.ci_infor .ci_img img, .ci_infor .ethics_img img {width: 50%}
	.ethics_form {padding: 0; margin-bottom: 30px; width: 100%}
	
	.color_wrap {padding: 40px 0; background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat center center; background-size:cover}
	.color_wrap .parallax-hand {display: none}
	.color_wrap .style_cont {position: relative; top:auto; left: auto; right: auto; margin: 0 50px}
	
	
	.factory_list .content {padding: 0; margin:5px}
	.factory_list .content h2 {font-size: 16px; padding: 13px 0; width: 100%; text-align: center; color: #fff; background-color: #e61d6c;}
	.factory_list .content p {display: none}
	.factory_list .btn_wrap {display: none}
	.factory_list {margin-top: 30px}
	.company_factory.depth4 {width: auto; margin:70px 30px; padding: 0}
	.company_factory.depth4 .factory_list .content {padding: 0}
	.company_factory.depth4 .factory_list li {width: 50%}
	
	.people .tile-description {width:50%}
	.people .tile-description.title {width: 100%; height: 280px}
	.people .tile-image {width:50%}
	.people .tile-image.m_100 {width: 100%}
	.main_sub_link .description {display:none}
	
	.bio_step .step {width: 50%}
	.ex_ul li {width: 100%}
	.area_summary .content > h2 {font-size: 30px}
	.area_summary .content {padding: 40px 0}
	
	.main_inistnow {padding:40px 0}	
	.location_img li {width: 100%}
	.product_img img {width: 80%}	
	.product_infor h1 {font-size: 30px; text-align: center}
	.product_infor {margin: 0 -30px; padding:40px 30px 30px}	
	
	.company_video {height:300px; background: #566578 url(../images/pic/bg_company_vodeo.jpg) no-repeat center center;  background-size:130% }
	.company_history {background: #1c2735 url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat;  background-size: 100%;}
	.company_history.history_pharm { background:#1c2735 url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat;  background-size: 100%;}	
	.company_history.history_bio { background:#1c2735 url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat;  background-size: 100%;}
	
	.tab01 {padding: 30px 0 15px; border: 0; border-bottom: 1px solid #ddd; margin: 0}
	.tab01 ul {border: 0; text-align: center}
	.tab01 li {border: 0; margin-right: 3px; float:inherit; display: inline-block}
	.tab01 li.on a {margin: 0; border:1px solid #e61d6c; background: #e61d6c; color: #fff}
	.tab01 li a {border: 1px solid #ddd; padding: 10px 20px}
	
	.cs_office_infor {background: url(../images/pic/bg_cs.jpg) no-repeat; background-size: cover; height: auto}
	.location_detail .tab_mobile {margin: 0 30px}
	.tab_location_content .map {height: 300px}
	.lab_tech_wrap {height: auto}
	.lab_tech_wrap .content {padding: 30px}
	.lab_tech_wrap .img_wrap, .lab_tech_wrap .txt_wrap {width: 100%; float: none}
	.lab_factory {margin:  20px 30px 50px}
	.area_summary .content {padding: 40px 0}
	.rnd_center.lab01 {height: 550px; background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat center center; overflow: hidden;  background-size: cover;}
	.rnd_center.lab02 {height: 550px; background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat center center; overflow: hidden; background-size: cover;}
	.h1_box {padding: 40px 0 10px}
	.lab_st_infor {padding: 20px 0 0}
	.st_corevalue .philosophy_list > dl {width: 50%}
	.st_corevalue .philosophy_list dt {text-align: left; background: url(../images/common/bbs_h1_line.gif) no-repeat left bottom;}
	.st_corevalue .philosophy_list dd {margin: 20px 20px 20px 0}
	.tech_wrap .img_wrap, .tech_wrap .txt_wrap {width: 100%; float: none; border:0}
	.tech_wrap .txt_wrap {height: auto}
	.tab_area .tab_business_area_ul li .div_web {display:none}
	
	.financial_list li {width: 100%; float: none}
	.tbl_financial th {display: none}
	.financial_list {border-top:1px solid #414146}
	.tbl_financial .sum, .tbl_financial .sum.in {background: #27272b; border-bottom:1px solid #414146}
	.financial_sum {background: none; text-align: center}
	.pipeline_wrap .guide {text-align:left}
	
	/* family site*/
	.family{ margin:0 15px 15px 15px; letter-spacing:1px; background-color:#181818; position:relative;}
	.family_title {padding:13px 13px; border:1px solid #333;}
	.family_title img{width:15px; margin-left:10px;}
	.family_title_on {
		padding:13px 13px; 
		border:1px solid #e61d6c; 
		border-bottom:1px solid #dc82a5; 
		background:url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat 65% center; 
		background-size:15px; 
		background-color:#e61d6c;
}
	.family_title_on a:visited{color:#fff;}
	.family_title a:visited{color:#ccc;}
	.family_title a:link{color:#ccc;}
	
	.options{z-index:-1; background-color:#e61d6c; position:absolute; overflow:hidden; top:0; height:40px; width:100%;}
	.options a {display:block; padding:13px; border-bottom:1px solid #dc82a5;}
	.options a:visited{color:#fff;}
	.options a:link{color:#fff;}
	
	/* 채용링크 */
	.recruit_link_wrap {padding: 60px 0}
	.recruit_link_wrap .linkBox {display: block; width:auto; margin:0 20px;}
	.recruit_link_wrap .linkBox .head .ci img {height: 45px}
	
	.cs_infor_wrap .cs_item {width: 100%}
	.cs_company_cate .cont li {margin-left: 0}
	.mg-r-30 {margin: 0}
}
@media screen and (min-width:500px) {
	.div_mobile, .br_none {display: none !important}
	.div_web, .div_web, .br_in, .s_footer  {display: block}
}
@media screen and (max-width:500px) {
	.visual_sub_Wrap img {height:auto; width: 100%}
	.header, .header_gnb li, .header .btn_otollo, .header.wh .btn_otollo {background-size: 1px}
	
	.div_mobile, .br_none {display: block}
	.div_web, .div_web, .br_in  {display: none}
	.sub_wrap {width:auto; margin: 0 20px; padding:20px 0}	
	.s_footer .footer_infor {padding: 0 0 40px; text-align: center; background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat center bottom;}
	.s_footer address {font-size: 11px; text-align: center}
	.s_part .page_title h1 i img {width: 14px}
	.s_main_part h1 i {right: -13px}
	.s_main_part h1 i img,
	.h1_tit_style i img {width: 10px}
	.h1_tit_style {font-size: 22px; background: url(../images/common/bbs_h1_line.gif) no-repeat center bottom; padding-bottom: 10px}
	.header .btn_otollo, .header.wh .btn_otollo, .header .otollo, .header.wh .otollo {width: 80px}
	.header .btn_otollo, .header.wh .btn_otollo, .header.on .btn_otollo:hover, .header .btn_otollo:hover, .header.on .btn_otollo, .header.wh .btn_otollo, .header.bk .btn_otollo {background-size: auto 10px}
	.s_footer .footer_wrap {margin: 0 15px}
	.s_main_part {height: 380px}
	.s_main_part .page_title {top:120px; text-align: center}
	.s_main_part h2 {font-size: 28px; line-height:30px}
	.s_main_part h1 {font-size: 14px; padding-bottom: 10px; background: url(../images/common/bbs_h1_line.gif) no-repeat center bottom;}
	.s_main_part p {font-size: 14px; padding-top: 20px}
	.parallax-sub { background: transparent;}
	a.btn_sub_link {font-size: 16px}
	.s_part .page_title h1 i {right: -20px}
	.h1_tit_style i {right: -15px}
	.check_box .check input {position:relative; top:3px}
	.faq_search {width: 100%; padding: 0}
	.faq_search ul.search {padding-right: 40px; border-bottom: 2px solid #444}
	input.faq {border: 0}
	a.btn_faq {background-size: 25px;}
	.area_wrap .our_tech {margin-top: 30px; padding: 0}
	
	#popup3 {width:100% !important; left:0 !important; top:64px !important}
	.popup_wrap img {max-width: 100%}
	
	.model_area {width:100%}
	.model_wrap .plus-btn {display:none}
	.model_wrap .page_title {left: 20px; right: 20px; bottom: 80px; text-align: center}
	.model_wrap .page_title h1 {font-size: 30px; line-height: 1.2em}
	.model_wrap .main01 .page_title {left: 20px}
	.model_wrap .page_title p {font-size: 16px; padding-top: 15px}
	.family_area {width:110%; right:-25%}
	
	.area_etc .in_wrap, .tab_style ul, .state_wrap ul, .innovation_wrap, .rnd_summary .content, .company_num .content, .company_philosophy .content, .company_value .txt_box, .mission_wrap .content, .company_vision .txt_box, .lab_tech, .area_summary .content, .pipeline_wrap .content, .inforwrap, .product_bottom, .group_infor p, .licenses_area, .tab_area .tab_business_area_ul, .tab_business_content, .agtab_wrap, .tab_location_content .content, .area_wrap, .product_summary .outline, .cs_infor_wrap, .lab_st_infor, .st_corevalue .content {width: auto; margin: 0 20px}

	.s_part {height: 290px}
	.s_part .page_title h1, .s_part .page_title h1.kr {font-size: 32px; text-align: center}
	.s_part .page_title p {font-size: 14px}
	.s_part .page_title {text-align: center; top:150px}
	.s_part .page_title .rnd_summary .content, .s_main_part .page_title, .rnd_center .content, .s_part .page_title {width: auto; left: 20px; right: 20px; margin: 0}
	.s_main_part .page_title {text-align: center !important}
	.main_inistnow .content, .company_factory {padding: 0 20px}	
	.main_inistnow, .company_philosophy .content {padding: 40px 0}
	.main_sub_link .content_in .description {display:block}
	.main_sub_link .content_in h3 {font-size: 18px}
	.main_sub_link .content_in {padding:30px}
	.main_sub_link .tile-group .btn_link {background-size:16px; margin-top:5px}
	.main_sub_link .tile-description {width:100%}
	.innovation_box h2 {font-size: 16px}
	
	.main_otollo h1 img {height: 80px}
	.main_otollo h2 {font-size: 14px}
	.main_otollo {height: 370px}
	.item_obj .reveiw {padding: 20px 0}
	.item_obj .reveiw dl dd {font-size: 18px; height: auto; padding-bottom: 10px}
	
	.company_num .content {padding: 40px 0 0}
	.recruit_man h2, .company_num .content h2, .area_summary .content > h2, .facility_infor .content > h2 {font-size: 24px}
	.company_num .content h1 {margin-bottom: 30px; padding-bottom: 10px}
	.company_num .content h2 {margin-bottom: 30px}
	.company_numList li {width: 100%; margin-bottom: 30px}
	.company_numList .num_layer {font-size: 60px; margin: 0; height: 100px}
	.company_numList dt {margin-bottom: 10px; font-size: 18px}

	.group_list .group_wrap .content {top:25px; left:15px; right: 15px; bottom: 30px}
	.group_list li {height: 250px}
	.group_list .group_wrap {height: 250px}
	.group_list .group_wrap .content h1 {font-size: 16px}
	.group_list .group_wrap .content p {font-size: 12px; display: none}
	.company_group.bio {height: 250px; background-size: cover}
	.company_group.st {height: 250px; background-size: cover}
	.company_group.pharm {height: 250px; background-size: cover}
	.company_group.osong {height: 250px; background-size: cover}
	.group_list .group_wrap .content .link {height: 28px; padding-top: 12px; font-size: 10px; position: absolute; bottom: 0; left: 0; width: 100%}
	.company_philosophy .philosophy_list > dl {width: 100%}
	
	.h1_tit_style .inist {top:5px}
	.tbl_pipe {font-size: 11px; word-break:break-all; text-align: left; vertical-align: top}
	.tbl_pipe th {font-size: 10px; padding:10px 0; vertical-align: top; letter-spacing: 0}
	.tbl_pipe th.first {padding: 10px 0}
	.tbl_pipe td {padding: 15px 0; text-align: center}
	.tbl_pipe .lv1 {padding: 15px 0}
	.tbl_pipe .lv2 {width: auto; padding: 15px 10px; text-align: center}
	.tbl_pipe.api .lv3 {padding-left: 10px}
	.pipeline_wrap .content {padding: 40px 0}
	.facility_spec .style_cont .title_area h1 {font-size: 16px; margin-right: 20px; word-break:break-all; line-height: 1.3em}
	.facility_spec h2{font-size: 14px; padding:3px 0 5px 30px;}
	.facility_spec h2.in01, .facility_spec h2.in02, .facility_spec h2.in03 { background-size:25px}
	.facility_spec .style_cont {padding: 20px 0}
	.facility_spec li p {padding: 0 0 0 30px; font-size: 12px}
	.facility_spec, .facility_infor {padding: 40px 0; margin: 0 15px}
	.facility_infor .content > p {text-align: left; font-size: 14px;}
	.section_gallery li {width: 50%}
	
	.ceo_infor {}
	.inforwrap li {width: 100%}
	.ceo_infor .key_copy {font-size: 24px; margin:0 0 30px; background-color:#d4d3d1 }
	.ceo_Wrap {background: #d4d3d1; background-size: 100%; padding:40px 0}
	.ceo_infor {position: relative; top:auto;}
	.ceo_infor .copy_cont {padding: 0;}
	
	.api_box, .change_box {width: 100%; float: none}
	.api_box {margin-bottom: 40px}
	
	.cs_wrap, .cs_infor_wrap {z-index: 1; position: relative; padding-top: 40px}
	.cs_thumb {position: absolute; display: block; text-align: left; top: auto; left: 0;}
	.cs_item h2 {font-size: 18px}
	.cs_company_cate {display: block; clear: both; padding-left: 150px;}
	.cs_in { padding:0; background: none;}
	.cs_infor_wrap .cs_item {margin:20px 0}
	.cs_company_cate li {width:auto; position: relative; margin-bottom: 20px; float: none}
	.cs_wrap .txt {font-size: 20px}
	.cs_company_cate h3 {position: absolute; left: -110px; top:0}
	.cs_shape03 {display: none}
	.cs_shape02 {right: -40px;}
	.cs_shape01 {top:-40px; left: -20px}
	.cs_shape01 img {width: 140px}
	.cs_shape02 img {width: 100px}
	.content_in {padding:15px}
	.cs_item h2 {margin: 0}
	
	.cs_wrap .h1_big_style {font-size: 30px; margin-top: 0}
	.h1_big_style i img {width: 14px}
	
	.group_infor .txt {font-size: 24px}
	.group_infor {padding: 40px 0}
	
	.s_footer .footer_infor {background-size:80px}
	.main_inistnow .content .item_obj {width: 100%}
	.main_inistnow .content .item_obj .item_data {margin: 0}
	.main_inistnow, .company_philosophy .content {text-align: center}
	.company_philosophy .btn_wrap {padding: 0}
	.company_philosophy .btn_wrap a.btn_sub_link {width: 100%}
	.company_philosophy .content h2 {text-align: center; font-size: 20px; margin-top: 30px}
	.company_philosophy { background: #e8ebeb;}
	.company_philosophy .philosophy_list {margin:0 0 20px}
	.company_philosophy .philosophy_list > dl {margin-bottom: 30px; text-align: center}
	.company_philosophy .philosophy_list dt {background:none; padding: 0}
	.company_philosophy .philosophy_list dd {margin: 10px 50px 0}
	.company_numList dl {border: 0}
	.s_main_part .page_title.right h1 {background: url(../images/common/bbs_h1_line.gif) no-repeat center bottom;}
	
	.location_wrap {width: auto; margin: 0 10px}
	.about-network {padding: 20px 0}
	.location_wrap .place .cont .tit {font-size: 12px; padding: 0}
	.location_wrap .place .cont {height: 45px; line-height: 47px}
	.location_wrap .place_wrap {margin: 5px}
	.abobe_title {left: 15px; bottom: 15px}
	.lab_list .content p {font-size: 12px; margin-top: 5px}
	.abobe_title h2 {margin: 0; font-size: 16px; padding-right:20px; background-size: 13px}
	
	.goods_list .box .box_info h2 {font-size: 14px}
	.goods_list .box .box_info {left: 10px; right: 10px; bottom: 5px}
	.s_footer .etc_menu .s_menu li a {font-size: 12px}
	.s_footer .sns {position: relative; display: block; text-align: center; top:auto; padding: 10px 0}
	.s_footer .sns li {float: inherit; display: inline-block}
	.s_footer .etc_menu {padding: 0}
	.area_goods {margin: 0 0 50px}
	.mail_wrap h2.txt {font-size: 24px}
	.check_box .txt {padding: 20px; text-align: left}
	.product_bottom .etc_menu {margin-top: 20px}
	
	.tech_wrap .txt_wrap h2 {margin-bottom: 15px}
	.our_tech {margin-top: 30px; padding-top: 10px}
	.new_cont .product img {width: 100%}
	.rnd_summary .content > h1 {padding-bottom: 10px; margin-bottom: 30px}
	.rnd_summary .content {padding: 60px 0}
	.rnd_summary .content > h2 {font-size: 22px; margin-bottom: 30px}
	.rnd_summary .content > p {font-size: 14px;}
	.s_main_part .page_title.right h2,.s_main_part .page_title.right p {text-align: center}
	.rnd_center {height: 380px; background: #111}
	.rnd_center .txt_box {width: auto}
	.rnd_center .txt_box p {padding: 0}
	.rnd_center .txt_box .h1_tit_style {margin-top: 0}
	.company_factory {margin: 40px 0 60px}
	.factory_list {margin-top: 30px}
	.factory_list li {width: 100%}
	.factory_list .content {margin-bottom:15px}
		
	.rnd_center .txt_box {margin-top: 50px; text-align: left}
	.team_infor li {margin-bottom: 15px}
	.lab_tech {margin: 30px 20px 0}
	.s_title {font-size: 16px}
	.area_summary .content > h1 {padding-bottom: 10px; margin-bottom: 30px}
	
	.bx-wrapper .bx-controls-direction a {display: none}
	.group_infor p {margin: 0 20px; font-size: 14px; text-align: left}
	.group_infor .txt {margin-bottom: 30px}
	.facility_spec .btn_show_map {display: block; margin: 15px 0 0; clear: both; width: 65px;padding-left: 35px; height: 32px; line-height: 32px; font-size: 12px; background: url(../images/common/icon_map.png) no-repeat 15px center;}
	
	.recruit_man .h1_tit_style {margin-bottom: 30px}
	.recruit_man h2 {margin-bottom: 30px}
	.inist_recruit .benefit li {width: 100%}
	.inist_recruit .benefit li .box { padding: 18px 20px 18px 100px; height: auto}
	.recruit_man {padding: 30px 0}
	.inist_recruit .benefit li .box .icon img {width: 50px}
	.inist_recruit .txt_area {padding: 30px 0; text-align: left}
	.inist_recruit .txt_area strong {font-size: 16px}
	
	.history_wrap {padding: 30px 0}
	.history_wrap .year span {font-size: 18px}
	.history_wrap > ul > li.right ul, .history_wrap > ul > li.left ul {padding: 37px 0 10px 30px}
	
	.ci_infor .key_copy {font-size: 24px}
	.ci_infor {padding-bottom: 30px}
	.ci_mean {display: block; padding: 20px 20px 0; background: #fcf8f8; border: 1px solid #eee;}
	.ci_infor .ci_mean li, .ci_infor .ci_mean li.first {width: 100%; margin: 0 0 20px; border: 0; float: none; height: auto}
	.ci_infor .copy_cont {padding: 30px; text-align: center}
	.ci_infor .ci_img, .ci_infor .ethics_img {margin:20px 0}
	.style_cont .title_area h1 {font-size: 18px; display: block; margin-bottom: 15px}
	.style_cont.bor {padding: 20px 0}
	.color_wrap .style_cont {margin: 0 15px; padding: 0}
	.style_cont .content_area .title {float: none; color: #E61D6D; margin-bottom: 5px}
	.type_list_in {float: none; width: 100%; clear: none; border-left: 1px solid #ddd}
	.style_cont .content_area .img_area.center img {width: 70%}
	.type_list li h2 {color: #E61D6D;}
	.type_list_in .box {width: 100%; border-left: 0; padding: 50px 0 30px}
	.type_list_in .box img {width: 85%}
	
	.location_detail {width: 100%; padding: 15px 0 0}
	.location_detail .spec_ul li {width: 100%}
	.location_detail .spec_ul li.address {width: 100%}
	
	.spec_ul li .ico02, .spec_ul li .ico03 {padding: 0; width:100%}
	.spec_ul li {float: none; width: 100%; margin-bottom: 15px}
	.spec_ul li .ico02:before, .spec_ul li .ico01:before {display: none;}
	.spec_ul li .ico01 {padding: 0}
	.tab_location_content .content {padding: 30px 0}
	.tab_location_content .map {height: 200px}
	
	.location_detail .tab_mobile {margin: 0 15px}
	.tab_location_content .h1_tit_style {margin-bottom: 30px}
	.spec_ul li h3 {font-size: 14px; padding: 0 0 8px 0}
	.privacy_cont dt {padding: 0 0 0 20px; background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat left 7px; background-size: 13px;}
	.color_title {padding: 30px 0 20px;}
	.color_list img {width: 50%}
	
	.view_header h1 {font-size: 20px}
	.h1_big_style {font-size:30px}
	.h1_big_style em {top:10px}
	.h1_big_style em img {height: 30px}
	
	.mission_wrap {padding: 40px 0}
	.mission_wrap .content > h2 {font-size:24px; margin-bottom: 30px}
	.mission_wrap .content > p {font-size: 14px; text-align: left}
	.company_value .txt_box {padding: 40px 0; text-align: center; color:#999}
	.company_value .txt_box h2 {font-size: 20px; margin: 20px 0; font-weight: 400}
	.company_value .txt_box h3 {font-size:16px; color:#000; margin-bottom: 30px; font-family: 'NanumBarun_light';}
	.company_value .txt_box p {text-align: left;}
	.company_value {background: #e8e7e5;}
	.company_value .h1_tit_style.wh {color:#000}
	.company_vision {position: relative; background:#f0f1f5 url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat right bottom; background-size: 50%;}
	.company_vision .txt_box h1 {color: #111 !important}
	.company_vision .txt_box h2 {font-size: 20px; color: #111; margin-top: 30px}
	.company_vision .txt_box {padding: 40px 0 60px; text-align: center}
	.company_vision .philosophy_list > dl {margin-bottom: 20px}
	.company_vision .philosophy_list dt {font-size: 16px; line-height: 1.6em; background: none; padding-bottom: 0; margin: 0 0 10px}
	.company_vision .philosophy_list dd {margin:0; font-size: 12px; line-height: 1.6em; color: #888}
	.company_vision .philosophy_list {margin-top: 30px}
	
	.s_part .page_title.bk.rnd h1, .s_part .page_title.bk.rnd p {color: #fff}
	.message_form .in_wrap {padding-left: 100px; padding-right:10px}
	.message_form li {margin-top:8px}
	.message_form li.in_put {width: 100%;}
	.message_form li em {font-size: 12px; left:10px;}
	.ethics_form .check_box .txt {padding: 10px}
	.ethics_form .check_box h1, .check_box h1 {text-align: center; font-size: 16px; padding:10px 0 15px}
	.check_box ul {margin: 10px 0}
	.t_in {padding: 4px}
	.ethics_list li {background: url(http://error.uhost.co.kr/stop/4044_Error_Page.html) no-repeat left 13px; background-size:13px; padding-left: 20px; color: #e61d6c}
	.ci_infor .key_copy {padding: 0}
	
	.ethics_form .rela h4 {font-size: 26px; line-height: 1.5em; padding: 20px}
	.message_form .psn_radio input {width: 19px}
	
	.people .tile-description.title {height: 200px}
	.people .tile-description.title .sq-ratio {height: 100%; width: auto; margin-left: -12%}
	.people .tile-description.title h1 {text-align: center; padding-top: 25px}
	.people .tile_content .content_in {padding: 25px}
	.people .tile-description h3 {font-size: 14px}
	.people .tile-description.title h1 img {width: 70%}
	.people .tile-description.title p {margin-top: 10px; text-align: center; font-size: 14px}
	
	.cs_wrap .txt {margin: 20px 0 30px}
	.tab_bk.pr {padding: 0 0 30px; margin-top: 30px}
	.check_box {margin: 20px 0 0}
	.check_box .txt.bor {padding: 20px; margin: 0}
	.qna_shape01 {top:-40px}
	.qna_shape01 img {width: 140px}
	.qna_shape02 {right: -60px; top: 70px; overflow:hidden}
	.qna_shape02 img {width: 170px;}
	.qna_shape03  {bottom: -60px; left: 20px}
	.qna_shape03 img {width: 120px}
	.mail_wrap h2.txt {margin: 20px 0}
	
	.group_infor .ci {margin-bottom: 30px}
	.group_infor .ci img {height: 45px}
	
	.bio_step {margin-top: 20px}
	.bio_step .content ul {margin: 0; height: auto; padding: 15px; height: 100px}
	.bio_step .content ul li {margin: 5px 0; font-size: 12px}
	.bio_step .content h2 {padding: 10px 0; border: 0}
	.bio_step .content h2 p {font-size: 12px}
	.ex_wrap .content {padding: 30px 0}
	.ex_wrap h3 {font-size: 14px}
	.tbl_ex td, .tbl_ex th {padding:8px 5px; font-size: 10px; vertical-align: top; text-align: left}
	.area_wrap {padding: 30px 0}
	.tab_area .tab_business_area_ul li a span {display: none}
	.pipeline_wrap .h1_tit_style {margin-bottom: 20px}
	
	.product_infor {margin: 0 -30px; padding:0 30px 30px;}
	.in_product_infor li.first {width:100%; margin-bottom:15px}
	.in_product_infor li {width:50%; margin-bottom:15px} 
	.in_product_infor h2 {font-size:12px; padding:2px 0 10px 30px; margin:0}
	.in_product_infor li p {padding-left:30px}
	.in_product_infor h2.in01, .in_product_infor h2.in02, .in_product_infor h2.in03 {background-size:22px}
	.pic_infor li p {font-size:20px}
	.pic_infor li {height:70px;}
	.pic_infor {margin: 0 -15px;}
	.product_summary {margin-bottom:20px}
	.product_summary .pdf_down {width:60px; height:60px; background-size:60px; margin-left:-30px; bottom:-30px;}
	.innovation_wrap {padding: 40px 0 20px;}
	
	.view_header h1.api {font-size: 20px}
	.product_sorting {margin: 15px}
	.product_infor h1 {font-size: 24px; margin-bottom: 30px}
	.img_product_list {display: none}
	
	.company_factory.depth4 {width: auto; margin:40px 15px; padding: 0}
	.company_factory.depth4 .factory_list li {width: 100%}
	.company_factory.depth4 .content {margin:0 0 15px}
	
	a.play_video {line-height: 40px; font-size: 20px; margin: -20px 0 0 -115px}
	.play_video img {width:40px; margin-right:10px}
	.company_video {height:250px;}
	
	.search_input {width: auto; padding: 0 40px 0 0; margin-left: 130px; border-bottom: 2px solid #444}
	.store_locate {width: 100px; margin-left: -130px}
	.search_input input {border: 0}
	.in_store {border-top: 1px solid #ddd}
	.store_wrap .in_store table th {display: none}
	.store_wrap .in_store table td {padding:5px 0; font-size: 12px; float: left; display: block; width: 100%; border: 0}
	.store_wrap .in_store table td.call {text-align: left}
	.store_wrap .in_store table td.item {position: absolute; display: block; width: 30px; height: 50px; right: -5px; top:50%; padding: 0; margin-top: -25px}
	.search_input .btn_search, .search_input .btn_search:hover {background-size: 25px}
	.tab_style li a {font-size: 14px}
	.store_wrap .in_store table .open_store .map {height: 200px}
	.handle_map:after {display: block; clear: both; content: ""}
	.handle_map {display: block; padding: 10px 0; border-bottom: 1px solid #ddd; position: relative}
	.store_wrap {padding-bottom: 30px}
	
	.area_wrap .our_tech .tech_wrap .txt_wrap {height: auto}
	.area_wrap .our_tech .bx-wrapper {margin: 0}
	.area_wrap .our_tech .bx-wrapper .bx-pager {bottom:0}
	.our_tech .bx-wrapper {margin: 0}
	.our_tech .bx-wrapper .bx-pager {bottom:0}
	.bio_ex {padding-top: 20px}
	.spec_ul {margin-top: 15px}
	.location_detail .spec_ul li .ico01, .location_detail .spec_ul li .ico02, .location_detail .spec_ul li .ico03 {height: auto}
	.location_img .lication_pic {margin: 5px 10px}
	
	.facility_infor .content > h2 {margin-bottom: 30px}	
	
	.main_inistnow .content .item_obj:nth-child(2) {display:none;}
	.main_inistnow .content .item_obj:nth-child(3) {display:none;}
	
	.people_name {font-size:18px; padding: 10px 0}
	.people_name .add {padding-top: 8px; font-size: 12px}
	.people_name .add img {height: 9px; position: relative; top:2px}
	.ceo_photo {display: none}
	
	.now_shape01 {position: absolute; right:-90px; top:30px}
	.now_shape01 img {width: 130px}
	.now_shape03, .now_shape02 {display: none}
	.main_otollo h1 {padding: 50px 0 30px}
	
	.cs_center_wrap {padding-top: 15px}
	.cs_office_infor {margin: 0; background: url(../images/pic/bg_cs_m.jpg) no-repeat; background-size: cover;}
	.cs_infor_wrap.wh {padding: 50px 10px}
	.cs_infor_wrap.wh .cs_in {padding: 10px 0}
	.cs_infor_wrap.wh .cs_company_cate li {width: 100%; margin: 0; float: left}
	.cs_infor_wrap.wh .cs_thumb {top:auto; padding:10px 0}
	.cs_infor_wrap.wh .cs_item h2 {margin-bottom: 10px; font-size: 16px}
	.cs_infor_wrap.wh .cs_company_cate em {display: block}
	.cs_infor_wrap.wh .cate_wrap p {color: #fff; font-weight: 700}
	
	.tab_area .tab_business_area_ul.faq  {margin: 20px 0 0}
	.cs_list .tbl_board tr {display: block; border-bottom:1px solid #ddd; margin-top: -1px; background: url(../images/btn/bbs_small_dwon.png) no-repeat right center;}
	.cs_list .tbl_board tr:after {display: block; clear: both; content: ""}
	.cs_list .tbl_board td {float: left; display:block; width: 100%; text-align: left; padding:10px 5px 15px; border: 0}
	.cs_list .tbl_board td.br {padding: 15px 5px 0}
	.cs_list table.tbl_board td.open {margin-top: 1px; padding: 15px 0}
	.cs_list .tbl_board td.en {display: none}
	.cs_list table.tbl_board td a {background: none !important; line-height: 1.6em; margin-right: 35px}
	.cs_list .in_cont {padding: 0 15px}
	
	.company_group .group_img {width: auto; height: 100%; left: -33%}
	.company_group .group_img .image-replace {min-width: inherit; height: 100%; width: auto; min-height: inherit}
	.h1_box {padding-top: 40px}
	.lab_st_infor {padding-top:10px}
	.lab_tech_wrap .content {padding: 30px 20px}
	.lab_factory {margin: 20px 20px 50px}
	.lab_list {margin-top: 10px}
	.bio_step.st  {margin-bottom: 30px}
	.bio_step.st .step {width: 100%}
	.bio_step.st .box {height: auto}
	.lab_st_infor .lab_st_code li {width: 100%; margin-bottom: 20px}
	.rnd_center.lab01 .txt_box, .rnd_center.lab02 .txt_box {margin: 0; height: auto}
	
	.st_corevalue .content {padding: 40px 0}
	.st_corevalue .philosophy_list > dl {width: 100%}
	.st_corevalue .philosophy_list {margin-top: 30px}
	.st_corevalue .philosophy_list dd {margin: 15px 0 20px}
	.bio_step.st_step .step {width: 100%}
	table.view td .txt_input {width: 100%}
	
	.tbl_financial .lv3, .tbl_financial td {padding:13px 10px}
	.captcha_area li.txt {width: 100%}
	.captcha_area li.captcha_box  {margin: 5px 0 0}
	.captcha_area li.btn {top:10px}
	
	.agtab a > div {height: 45px; white-space: inherit; font-size: 12px}
	.s_part:before {position: absolute; content:""; display: block; width: 100%; height: 100%; left: 0; top:0; right: 0; bottom: 0; background:url(../images/common/dim_sub.png); z-index: 1}
	.s_part .page_title.bk h1, .s_part .page_title.bk h1.kr, .s_part .page_title.bk p {color: #fff}
	.new_cont .content .txt {margin:0 30px 40px}
	
	.goods_list .box .box_info .cate {font-size: 10px}
	.goods_list .cate_etc {font-size: 10px; margin-right: 4px}
	.sorting_input select.selectbox_title {width:100%}
		
	.history_wrap > ul > li.right .year{padding-left:37px;}
	.history_wrap > ul > li.left .year{padding-left:37px;}
	
	.major_infor dd .fb_ico {background: url(../images/pic/fb_ico_m.png) no-repeat center center; background-size: 100%}
	.major_infor dd .blog_ico {background: url(../images/pic/blog_ico_m.png) no-repeat center center; background-size: 100%}
	.tbl_privacy td {font-size: 11px; text-align: left; padding-left: 10px}
	.lab_tech {}
	
	
	.color_list li {text-align: center}
	.color_list li img {float: none}
	.color_list li P {padding: 10px 0 0 0; float: none}
	.color_list li .txt p {float: left; width: 50%; box-sizing: border-box; padding: 10px 30px 0}
	.color_list li .txt p:nth-child(1) {text-align: left;}
	.color_list li .txt p:nth-child(2) {text-align: right;}
	.color_list.sub li {width: auto}
	.color_list.sub img {width: 90%;}
	
	.section.volunteer-item01 .rela dl .bottom {padding-bottom: 30px}
	.message_form {margin: 0 15px}
	.mg-top {margin-top: 40px}
	.ethics_form .rela{padding: 20px 0; margin: 0 15px; border-bottom: 1px solid;}

}