/*
*{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
*/

/* main */
.main_visual{position:relative;width:100%;padding-top:40%;overflow:hidden}
.main_visual .txt_group{position:absolute;top:30%;left:0;width:100%;z-index:50}
.main_visual .txt_group .txt01{font-size:30px;color:#fff;font-weight:700}
.main_visual .txt_group .txt02{font-size:60px;color:#fff;font-weight:100}
.main_visual .visual_wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.main_visual .visual_wrap .visual{position:absolute;top:0;left:0;width:100%;height:100%}
.main_visual .page{position:absolute;top:50%;right:10px;z-index:100}
.main_visual .page li{font-size:0;line-height:0;padding:5px 0}
.main_visual .page li a{display:block;width:14px;height:14px;overflow:hidden;background:url(../../images/content/main_visual_page.png) left top no-repeat}
.main_visual .page li a:hover,.main_visual .page li.actived a{background-position:left bottom}

.main_item{overflow:hidden;margin-top:20px}
.main_item > div{position:relative;float:left;width:33.33%;padding-top:23.30%;overflow:hidden}
.main_item .visual{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}
.main_item .visual img{width:100%;height:100%}
.main_item .title{position:absolute;top:7.14285714286%;left:0;width:100%;font-size:16px;color:#fff;z-index:15}
.main_item .info{position:absolute;top:50%;margin-top:-30px;left:0;width:100%;height:60px;overflow:hidden;z-index:7}
.main_item .info > p{height:60px}
.main_item .info .m_info{font-size:22px;line-height:26px;color:#fff;letter-spacing:normal;font-weight:300}
.main_item .btn_view{}
.main_item .btn_view a{display:inline-block;zoom:1;*display:inline;line-height:40px;font-size:22px;color:#fff;letter-spacing:normal;padding-right:24px;background:url(../../images/content/main_item_arrow.png) right center no-repeat}
/*.main_item .btn_view{position:absolute;top:50%;left:0;width:100%;height:40px;z-index:15}
.main_item .btn_view a{display:inline-block;zoom:1;*display:inline;line-height:40px;font-size:26px;color:#fff;letter-spacing:normal;padding-right:24px;border-bottom:1px solid #fff;background:url(../../images/content/main_item_arrow.png) right center no-repeat}
*/
.main_item .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:5;background:rgba(0,0,0,0.6);opacity:0;filter:alpha(opacity=0)}


/*
.main_item > div.main_design{padding:0}
.main_item > div.main_design .info,.main_item > div.main_design .title{color:#666}
.main_item > div.main_design img{max-width:none;width:100%}*/
.main_item .bx-pager{top:auto;bottom:30px;left:0;width:100%;text-align:center;height:10px;overflow:hidden;z-index:50}
.main_item .bx-pager .bx-pager-item{width:10px;height:10px;margin:0 5px}
.main_item .bx-pager .bx-pager-item a{width:10px;height:10px;background:url(../../images/content/main_item_page.png) left top no-repeat}
.main_item .bx-pager a.active{background-position:left -10px}


/* common */
.grid_list{}
.grid_list:after {content:" ";display:block;clear:both;overflow:hidden}
.grid_list > li{float:left}
.grid_list > li > div{border:1px solid #e8e8e8;margin-left:-1px;margin-top:-1px}
.base_tcon{margin-top:30px}



h2.sub_big_title{
	font-family:'Roboto';
	font-weight:300;
	font-size:36px;
	line-height:44px;
	color:#333;
	padding:75px 0 0 0;
	letter-spacing:1px;
	opacity:0;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
h2.sub_big_title.on{filter:alpha(opacity=100);opacity:1}
h2.sub_big_title .small_title{font-size:18px;display:block;line-height:22px;color:#666}
#contents{}
#contents > section{position:relative;margin-top:75px}
#contents > section > h3{font-size:24px;color:#333;font-weight:300;letter-spacing:normal}

.reponsive_cell{position:relative;overflow:hidden}
.reponsive_cell > div{width:50%}
.reponsive_cell .r_visual_wrap{position:absolute;top:0;width:50%;height:100%;overflow:hidden}
.reponsive_cell .r_visual_wrap .r_visual{position:relative;height:100%;overflow:hidden}
.about .reponsive_cell .r_visual_wrap .r_visual img{position:absolute;top:0;left:0;max-width:none;height:100%;width:auto}
.reponsive_cell.f_l .r_visual{margin-left:15px}
.reponsive_cell.f_r .r_visual{margin-right:15px}
.reponsive_cell.f_l .r_visual_wrap{right:0}
.reponsive_cell.f_r .r_visual_wrap{left:0}
.reponsive_cell.f_l .r_info_wrap{float:left;text-align:right}
.reponsive_cell.f_r .r_info_wrap{float:right;text-align:left}
.reponsive_cell.f_l .r_info{margin-right:15px}
.reponsive_cell.f_r .r_info{margin-left:15px}

.tab_con{}
.tab_con > ul{width:100%;height:71px;border-bottom:1px solid #e8e8e8}
.tab_con > ul > li{float:left;width:20%}
.tab_con > ul > li a{
	position:relative;
	display:block;
	height:70px;
	margin-left:-1px;
	text-align:center;
	line-height:70px;
	letter-spacing:normal;
	background-color:#fff;
	border:1px solid #e8e8e8;
	border-right:none;
	z-index:0;
	overflow:hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.tab_con > ul > li a span{position:absolute;display:block;width:20px;height:11px;bottom:0;left:50%;margin-left:-10px;filter:alpha(opacity=0);opacity:0}
.tab_con > ul > li.last a{border-right:1px solid #e8e8e8}
.tab_con > ul > li.actived a{height:70px;color:#333;background-color:#fafafa;border:1px solid #e8e8e8;border-bottom-color:#fafafa}
.tab_con > ul:after {content:" ";display:block;clear:both;overflow:hidden;}

.tab_con .tab_data{
	padding:50px 10px;
	background:#fafafa;
	border:1px solid #e8e8e8;
	border-top:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tab_con .tab_data > div{position:relative;display:none}
.tab_con .t_c_title{font-size:36px;color:#333;margin-bottom:20px}
.tab_con .t_c_sub_title{font-size:20px;color:#BB7F4A;margin-bottom:7px}
.tab_con .t_c_info{font-size:13px;line-height:20px}


/* company  */
.about{}
.about .txt01{color:#444}
.about .txt01,
.about .txt02{max-width:650px}
.about .txt01{line-height:18px;letter-spacing:normal;text-align:justify;}
.about .txt02{font-size:13px;line-height:20px;margin-top:13px;text-align:justify;}

.Philosophy .txt01{line-height:18px;letter-spacing:normal;color:#444}
.Philosophy .txt02{font-size:13px;line-height:20px;margin-top:5px;}
.Philosophy .title{margin-top:25px;color:#caaf97}
.Philosophy .con{margin-top:5px;font-size:36px;line-height:40px;color:#333}

.Business .tab_con > ul > li{width:50%}
.Business .business_list{margin-top:45px;text-align:center}
.Business .business_list li{display:inline-block;zoom:1;*display:inline;width:236px;height:235px;margin:0 13px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
.Business .business_list .txt01{font-size:16px;color:#666;line-height:20px;margin-top:75px}
.Business .business_list .txt02{font-size:12px;color:#666;line-height:20px;margin-top:15px}
.Business .odm_business .business_list li.tab01{background:#e7e4df}
.Business .odm_business .business_list li.tab02{background:#e5eae4}
.Business .odm_business .business_list li.tab03{background:#e3e7e8}
.Business .design_business .business_list li.tab01{background:#e8edee}
.Business .design_business .business_list li.tab02{background:#e9e7ec}
.Business .design_business .business_list li.tab03{background:#eeeaec}
.Business .btn_more_obj{margin-top:50px}

.office_list{overflow:hidden;text-align:left}
.office_list > li{width:33.333%;float:left}
.office_list .title_wrap{position:relative;padding:0 30px 0 30px;min-height:297px}
.office_list .title_wrap p{position:relative;z-index:10}
.office_list .title_wrap p.visual{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:5}
.office_list .title_wrap .city{font-size:36px;color:#fff;padding:30px 0 10px 0}
.office_list .title_wrap .a_title{font-size:13px;color:#eacbaf;margin-top:10px}
.office_list .title_wrap .a_info{font-size:13px;color:#fff;line-height:20px;margin-top:2px;font-weight:300}
.office_list .info_wrap{padding:30px 30px;height:290px;border:1px solid #e8e8e8;margin-left:-1px}
.office_list > li:first-child .info_wrap{margin-left:0}
.office_list .info_wrap .info_title{color:#333;margin-bottom:3px;letter-spacing:normal;line-height:18px;font-weight:300}
.office_list .info_wrap .info_sub{font-size:13px;line-height:18px}
.office_list .info_wrap .kor{margin-top:10px}

.History .tab_con > ul > li{width:33.33%}
.history_list:after {content:" ";display:block;clear:both;overflow:hidden}
.history_list > li{float:left;width:25%;text-align:left}
.history_list > li > div{position:relative;padding:40px 30px 0 30px;min-height:650px;border:1px solid #e8e8e8;margin-left:-1px;margin-top:-1px}
.history_list h3{font-size:36px;color:#333}
.history_list dl{}
.history_list dl dt{font-size:14px;color:#333;margin-top:24px;margin-bottom:5px;letter-spacing:normal}
.history_list dl dd{font-size:12px;line-height:20px;letter-spacing:normal}

/* ODM SERVICE */
.overview .visual{position:relative}
.overview .visual img{width:100%}
.overview .visual .txt{position:absolute;top:50%;left:0;margin-top:-49px;text-align:center;width:100%}
.overview .visual .txt span{display:inline-block;zoom:1;*display:inline;font-size:14px;color:#caaf97;line-height:24px;padding:25px 50px;background:rgba(26,9,1,0.8)}
.overview .overview_txt01{font-size:36px;color:#333;margin-top:30px}
.overview .overview_txt02{font-size:16px;color:#BB7F4A;margin-top:10px}
.overview .overview_txt03{font-size:13px;margin-top:12px;line-height:20px}
.overview_list{margin-top:35px;text-align:left}
.overview_list:after {content:" ";display:block;clear:both;overflow:hidden}
.overview_list > li{float:left;width:33.33%}
.overview_list > li > div{padding:30px 40px 0 40px;min-height:240px;background:#fff;border:1px solid #e8e8e8;margin-left:-1px}
.overview_list .title{font-size:36px;color:#333;}
.overview_list .sub_title{font-size:18px;color:#BB7F4A;line-height:22px;margin-top:20px}
.overview_list .info{font-size:13px;line-height:20px;margin-top:20px}

.ceo .visual{height:515px;background:url(../../images/content/ceo_visual.jpg) center bottom no-repeat}
.ceo .title{font-size:36px;color:#333;padding-top:70px}
.ceo .sub_title{font-size:16px;color:#666;padding-top:10px}
.ceo .info{font-size:13px;color:#666;line-height:20px;margin-top:25px}


.Organization .orgaization_txt01{font-size:36px;color:#333}
.Organization .orgaization_txt02{font-size:16px;color:#BB7F4A;margin-top:10px}
.Organization .orgaization_txt03{font-size:14px;margin-top:10px;font-weight:300;letter-spacing:normal;line-height:20px}
.Organization .visual{margin-top:30px}

.org_list:after {content:" ";display:block;clear:both;overflow:hidden}
.org_list > li{float:left;width:33.33%}
.org_list > li > div{text-align:left;border:1px solid #e8e8e8;margin:-1px 0 0 -1px;height:470px;padding:0 40px}
.org_list .part_title{font-size:36px;color:#333;padding-top:30px}
.org_list .part_name{font-size:13px;color:#333;padding-top:15px;letter-spacing:normal}
.org_list .part_info{font-size:13px;padding-top:5px;line-height:20px;font-weight:300;letter-spacing:normal}

.cer_list > li{width:25%}
.cer_list > li > div{padding:40px 0 50px 0;background:#fff}
.cer_list .title{font-size:16px;color:#333;margin-top:10px}
.cer_list .btn_more{margin-top:11px}
.cer_list .btn_more a{display:inline-block;zoom:1;*display:inline;font-size:12px;color:#666;padding:0 10px;line-height:35px;background:#f7f7f7;border:1px solid #e8e8e8}

.Certification{z-index:100}
.Certification a.btn_more_obj{margin-top:20px}
.Certification a.btn_more_obj span{width:100px}
.Certification a.btn_more_obj:hover{width:100px}
.cer_list{position:relative;z-index:5}
/*
.Certification_pop{position:absolute;top:85px;left:0;width:100%;display:none}
.Certification_pop > div{position:relative;margin:0 auto;text-align:left;padding:30px;background:#fff;border:1px solid #e8e8e8;max-width:750px;display:none}
.Certification_pop h3{font-size:18px;color:#333}
.Certification_pop .txt01{font-size:13px;line-height:20px;margin-top:15px}
.Certification_pop .img01{margin-top:10px}
.Certification_pop .btn_close{position:absolute;top:-1px;right:-1px;border:1px solid #e8e8e8}
*/
.Certification_pop{position:relative;display:none}
.Certification_pop:after {content:" ";display:block;clear:both;overflow:hidden}
.Certification_pop > div{width:50%;text-align:left;border:1px solid #e8e8e8;margin-left:-1px;margin-top:-1px;background:#fff}
.Certification_pop > div > div{position:relative;padding:30px;height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.Certification_pop .d_left{position:relative;min-height:1700px}
.Certification_pop .d_right{position:absolute;top:-1px;left:50%;height:100%;border-left:none}
.Certification_pop .d_right > div{border-left:1px solid #e8e8e8}
.Certification_pop h3{font-size:18px;color:#333}
.Certification_pop h3.second{margin-top:20px}
.Certification_pop .txt01{font-size:13px;line-height:20px;margin-top:15px}
.Certification_pop .img01{margin-top:10px}
.Certification_pop .btn_close{position:absolute;top:0;right:0;border:1px solid #e8e8e8}
.Certification_pop .btn_close.bottom{bottom:0;top:auto}

.specialities {}
.specialities_list{text-align:left}
.specialities_list:after {content:" ";display:block;clear:both;overflow:hidden}
.specialities_list > li{float:left;width:33.33%}
.specialities_list > li > div{padding:30px 40px 0 40px;min-height:360px;background:#fff;border:1px solid #e8e8e8;margin-left:-1px}
.specialities_list .title{font-size:36px;color:#333;}
.specialities_list .sub_title{font-size:18px;color:#BB7F4A;line-height:22px;margin-top:20px}
.specialities_list .info{font-size:13px;line-height:20px;margin-top:20px}



.Vision .visual{height:540px;background:url(../../images/content/vision_visual.jpg) center bottom no-repeat}
.Vision .title{font-size:36px;color:#333}
.Vision .sub_title{font-size:16px;color:#BB7F4A;letter-spacing:normal;padding-top:10px}
.Vision .info{font-size:13px;color:#666;line-height:20px;margin-top:10px}
.Vision .v_list_visual{margin-top:35px}

.vision_list > li{width:20%}
.vision_list > li.d_f_r{float:right}
.vision_list > li > div{position:relative;min-height:150px;padding:50px 10px 30px 10px;background:#fff;border:1px solid #e8e8e8}
.vision_list .vl_info{margin-top:5px;line-height:20px;font-weight:300;letter-spacing:normal}
.vision_list .arrow_wrap span{display:none;width:49px;height:49px;position:absolute}
.vision_list .arrow_wrap span.a_right{top:50%;left:-24px;margin-top:-24px}
.vision_list .arrow_wrap span.a_bottom{left:50%;top:-24px;margin-left:-24px}
.vision_list .arrow_wrap span.a_left{top:50%;right:-24px;margin-top:-24px}
.vision_list > li span.a_right{display:block}
.vision_list > li.d_f_r span.a_left{display:block}
.vision_list > li.d_f_r span.a_right{display:none}
.vision_list > li.d_last span.a_left{display:none}
.vision_list > li.d_last span.a_right{display:none}
.vision_list > li.d_last span.a_bottom{display:block}

.capacity_list{text-align:left}
.capacity_list > li{width:25%}
.capacity_list > li > div{border:none;padding:0 30px;border:1px solid #e8e8e8;min-height:300px;}
.capacity_list > li:first-child > div{}

.capacity_list .number_format{position:relative;display:block;;padding-top:40px}
.capacity_list .number_format > div{position:relative;font-size:100px;color:#333;line-height:136px;height:136px;display:inline-block;zoom:1;*display:inline;overflow:hidden;font-family:'Roboto';font-weight:100;letter-spacing:1px}
.capacity_list .number_format > div > p{position:relative;top:0;left:0;}
.capacity_list .number_format > div > p > span{display:block;}
.capacity_list .value_txt{font-size:14px;color:#BB7F4A;margin-top:10px;line-height:22px;font-weight:300;letter-spacing:normal}
.capacity_list .info{font-size:14px;color:#666;margin-top:10px}

.Partner .tab_con > ul > li{width:50%}
.Partner .logo_list{overflow:hidden}
.Partner .logo_list li{float:left}
.Partner .clients li{width:16.66%}
.Partner .partners li{width:25%}

.Work .sub_info{font-size:16px;color:#BB7F4A;margin-top:10px;letter-spacing:normal}
.Work .Work_list li{position:relative;width:25%;padding-top:25%}
.Work .Work_list li img{position:absolute;top:0;left:0;width:100%;height:100%}
.Work .Work_list .Work_wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.Work .Work_list .Work_over{position:absolute;top:0;left:0;display:table;width:100%;height:100%;z-index:5;background:rgba(0,0,0,0.6);filter:alpha(opacity=0);opacity:0}
.Work .Work_list .over_cell{display:table-cell;padding:0 15px;height:100%;vertical-align:middle;text-align:center;font-size:18px;color:#fff;letter-spacing:normal;line-height:22px}


/* DESIGN */
.design_overview_list h4{font-size:32px;color:#333;line-height:40px}
.design_overview_list .sub_title{font-size:16px;color:#BB7F4A;margin-top:10px}
.design_overview_list .info{font-size:13px;line-height:20px;margin:25px auto 0 auto}
.design_overview_list .en_info{font-size:13px;line-height:18px;margin:15px auto 0 auto;letter-spacing:normal}
.design_overview_list{margin-top:35px;text-align:left}
.design_overview_list:after {content:" ";display:block;clear:both;overflow:hidden}
.design_overview_list > li{float:left;width:33.33%}
.design_overview_list > li > div{padding:30px 40px 0 40px;min-height:320px;background:#fff;border:1px solid #e8e8e8;margin-left:-1px}
.design .overview_txt01{font-size:36px;color:#333;margin-top:30px}
.design .overview_txt02{font-size:16px;color:#BB7F4A;margin-top:10px}


.design_number_list{overflow:hidden;border:1px solid #e8e8e8;text-align:left}
.design_number_list li{float:left;width:33.33%}
.design_number_list li .number_wrap{height:580px;border-left:1px solid #e8e8e8;padding:0 40px}
.design_number_list li:first-child .number_wrap{border-left:none}
.design_number_list .value_txt{font-size:36px;color:#333;line-height:40px}
.design_number_list .info{font-size:13px;line-height:20px;margin:25px auto 0 auto}
.design_number_list .en_info{font-size:13px;line-height:18px;margin:15px auto 0 auto;letter-spacing:normal}
.design_number_list .number_format{position:relative;display:block;;padding-top:40px}
.design_number_list .number_format > div{position:relative;font-size:180px;color:#333;line-height:180px;height:180px;display:inline-block;zoom:1;*display:inline;overflow:hidden;font-family:'Roboto';font-weight:100;letter-spacing:1px}
.design_number_list .number_format > div > p{position:relative;top:0;left:0;}
.design_number_list .number_format > div > p > span{display:block;}

.team_list{}
.team_list li{width:33.33%}

.award_list li{width:25%}
.award_list .award_wrap{min-height:374px}
.award_list .info{font-size:13px;line-height:18px;letter-spacing:normal}

.d_work_list{position:relative}
.d_work_list .thumb_list{position:relative;z-index:5}
.d_work_list .thumb_list:after {content:" ";display:block;clear:both;overflow:hidden}
.d_work_list .thumb_list .list_cell{position:relative;width:25%;padding-top:25%;background:#fff;float:left}
.d_work_list .thumb_list .list_cell .thumb_wrap{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e8e8e8;margin-top:-1px}
.d_work_list .thumb_list .list_cell .thumb_wrap a{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.d_work_list .thumb_list .list_cell img{position:absolute;width:100%;height:100%;top:0;left:0}
.d_work_list .btn_more{display:block;width:48px;height:48px;margin:20px auto 0 auto;border:1px solid #e8e8e8}

#list_view{position:relative;float:left;width:100%;border:1px solid #e8e8e8;background:#fff;overflow:hidden;display:none}
#list_view.open{display:block}
#list_view .big_wrap{position:relative;width:50%;padding-top:50%;border-right:1px solid #e8e8e8;margin-left:-1px}
#list_view .big_wrap p{position:absolute;top:0;left:0;display:none;width:100%;height:100%}
#list_view .big_wrap p img{position:absolute;width:100%;height:100%;left:0;top:0}
#list_view .btn_close{position:absolute;top:-1px;right:-1px;display:block;border:1px solid #e8e8e8}
#list_view .thumb_wrap{position:absolute;width:auto;height:auto;margin-left:50%;top:0;left:0;right:0;bottom:0;overflow: hidden}
#list_view .thumb_group{padding:100px;text-align:left}
#list_view .thumb_group .big_title{font-size:20px;color:#333}
#list_view .thumb_group .sub_title{font-size:14px;color:#BB7F4A;margin-top:8px}
#list_view .thumb_data{overflow:hidden;margin-top:20px;margin-left:-5px}
#list_view .thumb_data li{float:left;width:25%}
#list_view .thumb_data li a{display:block;margin:5px;border:1px solid #e8e8e8;background:#fff}
#list_view .thumb_data li a img{width:100%}
#list_view .thumb_data .txt01,
#list_view .thumb_data .txt02{display:none}

#list_view .test{position:absolute;top:0;left:0;width:100%;height:100%;font-size:100px}
/* BRANDS */

/* CONTACT */
.contact .tab_con{position:relative}
.contact .tab_con > ul{position:absolute;top:0;left:0;z-index:500;border-bottom:none}
.contact .tab_con > ul > li{width:33.333%}
.contact .tab_con > ul > li a{border-color:#fff;background-color:#ebebeb}
.contact .tab_con > ul > li a span{bottom:10px;display:none}
.contact .tab_con > ul > li.actived a{background:none;border-bottom:none;color:#fff}
.contact .tab_con > ul > li.last a{border-right:none}
.contact .tab_con .tab_data{padding:0;border:none;background:none}
.contact .tab_data > div{position:relative;height:490px}
.contact .contact_info{position:absolute;bottom:0;left:0;width:100%;padding:20px 30px;text-align:left;background:rgba(51,51,51,0.65);z-index:5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact .contact_info .title{display:inline-block;zoom:1;*display:inline;font-size:36px;color:#dcc1a9;vertical-align:middle;margin-right:17px}
.contact .contact_info .more{display:inline-block;zoom:1;*display:inline;vertical-align:middle}
.contact .contact_info .address{font-size:14px;color:#bbb}
.contact .contact_info .tel{font-size:14px;color:#bbb;font-weight:300;margin-top:5px}
.contact .visual{position:relative;width:100%;height:100%}
.contact_data{overflow:hidden;border:1px solid #e8e8e8;padding:40px 50px}

.contact_data .develop_wrap{overflow:hidden;text-align:left;letter-spacing:normal;display:none}
.contact_data .develop_wrap > ul{overflow:hidden}
.contact_data .develop_wrap > ul > li{float:left;width:33.33%}
.contact_data .develop_wrap h4{font-size:16px;color:#333}
.contact_data .develop_wrap dl{margin-top:10px}
.contact_data .develop_wrap dt{color:#333}
.contact_data .develop_wrap dt,.contact_data .develop_wrap dd{font-size:13px;line-height:20px}
.contact .tab_data .seoul .visual{background:url(../../images/content/contact_seoul_visual.jpg) left center no-repeat}
.contact .tab_data .chungju .visual{background:url(../../images/content/contact_chungju_visual.jpg) left center no-repeat}
.contact .tab_data .sanghai .visual{background:url(../../images/content/contact_sanghai_visual.jpg) left center no-repeat}
.contact .tab_data .newyork .visual{background:url(../../images/content/contact_newyork_visual.jpg) left center no-repeat}



#Maps{position:relative;width:100%;height:450px}
#Maps img{max-width:none;width:auto}

/* CLIENT */
.client_wrap .tab_con > ul > li{width:50%}
.client_wrap .tab_con > ul > li a span{bottom:10px}
.client_wrap .tab_con .tab_data{margin-top:20px;background:none;padding:0;border:none}
.client_wrap .tab_con > ul > li.actived a{border-bottom-color:#e8e8e8}
.client_wrap .client_list li{width:25%}
.client_wrap .client_list_wrap{overflow:hidden}

/* CAREER */
.career_ceo .visual{height:300px;padding:0 10px;background:url(../../images/content/ceo.jpg) left top no-repeat}
.career_ceo .txt01{font-size:16px;color:#fff;letter-spacing:normal;padding-top:78px}
.career_ceo .txt02{font-size:36px;color:#fff;margin-top:5px;letter-spacing:normal}
.career_ceo .txt03{font-size:13px;color:#bdd1e4;line-height:20px;margin-top:15px}

.recruit > h3{letter-spacing:-1px !important}
.recruit_list{margin-top:35px}
.recruit_list > li{border-bottom:1px solid #e8e8e8;padding:10px 0;cursor:pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.recruit_list > li:first-child{border-top:1px solid #e8e8e8}
/*.recruit_list > li.actived,*/
.recruit_list > li:hover{background:#f7f7f7}
.recruit_list .list_title{font-size:36px;color:#333;line-height:40px;padding:20px 0}
.recruit_list .list_more{padding-bottom:30px;display:none}
.recruit_list .more_info{font-size:13px;line-height:20px}
.recruit_list .btn_apply{margin-top:25px}
.recruit_list .btn_apply a{display:inline-block;zoom:1;*display:inline;font-size:14px;color:#666;line-height:50px;font-weight:300;letter-spacing:normal;border:1px solid #e8e8e8;padding:0 60px;background:#fff}

/* news */
.news .reponsive_cell:first-child{margin-top:0}
.news .reponsive_cell{margin-top:30px}
.news .reponsive_cell .r_info{padding:35px 30px;background:#fafafa}
.news .reponsive_cell > div.r_info_wrap{width:51%}
.news .reponsive_cell > div.r_visual_wrap{width:49%}
.news .reponsive_cell.f_r .r_info{margin-left:0}
.news .reponsive_cell.f_r .r_visual{margin-right:0}

.news .reponsive_cell.f_l .r_info{margin-right:0}
.news .reponsive_cell.f_l .r_visual{margin-left:0}
.news .title a{font-size:18px;color:#333}
.news .con,.news .date{margin-top:15px}
.news .con a{font-size:14px;color:#666;line-height:20px}
.news .date{font-size:14px;color:#caaf97;letter-spacing:normal}

#isotope_list{overflow:visible !important;height:1000px;margin-top:75px}
.item_obj{width:25%;background:#fff; border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px}
.item_obj .item_data{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.item_obj.w2{width:50%}

/* 170427 */

/* etc */
table .tl{text-align:left !important}
table .tc{text-align:center !important}
table .tr{text-align:right !important}
table .bl{border-left:none !important}
table .br{border-right:none !important}
table .vt{vertical-align:top !important}
table .nPd{padding:0 !important}
table .char{margin:0 5px !important}
table a,table img,table span,table label,table input{vertical-align:middle}

table.type03{width:100%;table-layout:fixed;margin-top:30px}
table.type03 td{padding:16px 20px;color:#888;font-size:14px;line-height:20px;text-align:left;vertical-align:middle;border-bottom:solid 1px #dfdfdf}
table.type03 th{padding:16px 20px;color:#d0d0d0;font-size:14px;line-height:20px;text-align:center;font-weight:normal;vertical-align:middle;background:#666;letter-spacing:normal}

/* paging02 */
.paging02{position:relative;margin-top:30px;text-align:center}
.paging02 ol{display:inline-block;zoom:1;*display:inline}
.paging02 ol li{display:inline}
.paging02 ol li a,
.paging02 ol li span{display:block;float:left;width:26px;height:26px;font-size:14px;text-align:center;color:#888;line-height:26px;letter-spacing:normal}
.paging02 ol li a.prev{width:9px;margin-right:15px}
.paging02 ol li a.next{width:9px;margin-left:15px}
.paging02 ol li a.prev02{width:16px;margin-right:10px}
.paging02 ol li a.next02{width:16px;margin-left:10px}
.paging02 ol li a.next02:hover,
.paging02 ol li a.prev02:hover,
.paging02 ol li a.prev:hover,
.paging02 ol li a.next:hover{background:none}
.paging02 ol li a.current{cursor:default}
.paging02 ol li a:hover,.paging02 ol li a.current,.paging02 ol li span.current{color:#fff;background:#666;	
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}

.view{margin-top:30px}
.view .top{position:relative;background-color:#666;border:1px solid #666}
.view .top .title{padding:13px 255px 13px 30px;font-size:14px;color:#fff;line-height:22px;text-align:left}
.view .top ul{position:absolute;top:0;right:30px;height:100%}
.view .top ul li{position:relative;float:left;height:100%;margin-left:20px;letter-spacing:normal}
.view .top ul li p{position:relative;top:50%;margin-top:-10px;line-height:20px}
.view .top ul li span{font-size:12px;color:#fff;line-height:20px;}
.view .top ul li em.line{color:#bbb}

.file{text-align:left;padding:15px 30px;border-bottom:1px solid #dfdfdf}
.file img,
.file span,
.file a{vertical-align:middle;line-height:17px}
.file span{display:inline-block;font-size:14px;color:#666;margin-left:10px;margin-right:10px;padding-right:10px;background:url(/images/content/file_line.gif) right center no-repeat}
.file a{font-size:14px;color:#888;text-decoration: underline;word-break:break-all}

.view_con{padding:30px;text-align:left;font-size:14px;color:#888;line-height:24px;border-bottom:1px solid #dfdfdf}

.btn_view_list{position:relative;display:block;width:60px;height:60px;line-height:60px;margin:30px auto 0 auto;background:#fff;border:1px solid #e2e4e6;z-index:50}

.view_bottom{margin-top:50px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
.view_bottom li{border-top:1px solid #dfdfdf}
.view_bottom li:first-child{border-top:none}
.view_bottom li a{position:relative;display:block;padding:15px 20px 15px 105px;text-align:left}
.view_bottom li a span{display:block}
.view_bottom .title{position:absolute;top:50%;left:0;width:88px;text-align:center;font-size:14px;line-height:20px;margin-top:-10px;color:#666;background:url(/images/content/view_bottom_line.gif) right center no-repeat}
.view_bottom .info{font-size:14px;line-height:20px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.inverstment_tab{margin-top:30px}
.inverstment_tab ul:after {content:" ";display:block;clear:both;overflow:hidden}
.inverstment_tab ul li{float:left;width:50%;position:relative;z-index:1}
.inverstment_tab ul li:first-child a{margin-left:0}
.inverstment_tab ul li a{display:block;text-align:center;font-size:14px;color:#333;line-height:49px;border:1px solid #e8e8e8;background:#fff;margin-left:-1px;
		-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.inverstment_tab ul li:hover,
.inverstment_tab ul li.actived{z-index:5}
.inverstment_tab ul li:hover a,
.inverstment_tab ul li.actived a{color:#fff;background-color:#666;border-color:#666}

/*.inverstment_con > div{display:none}*/



.price_table{margin-top:50px}
.price_table .title{position:relative;font-size:16px;color:#333;text-align:center}
.price_table .title span{position:absolute;bottom:0;right:0;font-size:12px;color:#888}
.price_table .table_wrap{margin-top:20px;overflow-x:auto}

table.type04{width:100%;table-layout:fixed}
table.type04 td{padding:12px 20px;color:#888;font-size:14px;line-height:20px;text-align:left;vertical-align:middle;border:solid 1px #e8e8e8;letter-spacing:normal}
table.type04 th{padding:12px 20px;color:#888;font-size:14px;line-height:20px;text-align:left;vertical-align:middle;border:solid 1px #e8e8e8;letter-spacing:normal;font-weight:normal;text-align:center}
table.type04 tr.total td{background:#f4f3f3;color:#666}


.graph_wrap{margin-top:50px;padding-bottom:50px}
.graph_wrap:after {content:" ";display:block;clear:both;overflow:hidden}
.graph_wrap > div{float:left;width:33.33%}
.graph_wrap > div > div{position:relative;padding:44px 30px 70px 30px;border:1px solid #e8e8e8;background:#fff;margin-left:-1px}
.graph_wrap > div:first-child > div{margin-left:0}
.graph_wrap .name{position:absolute;bottom:-50px;left:50%;width:100px;height:100px;font-size:16px;color:#fff;margin-left:-50px;line-height:100px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.graph_wrap .name span{font-size:16px;line-height:20px}
.graph_wrap .graph01 .name{background:#f3b7b7}
.graph_wrap .graph02 .name{background:#a1aac8}
.graph_wrap .graph03 .name{background:#bebebe}
.graph_wrap .graph{position:relative;border-bottom:1px solid #a7a9a7;height:170px}
.graph_wrap .graph .line{position:relative;width:100%;height:100%;z-index:1}
.graph_wrap .graph .line p{position:relative;height:25%;border-top:1px solid #ececec}
.graph_wrap .info_list{overflow:hidden}
.graph_wrap .info_list li{float:left;width:25%;font-size:12px;color:#7b8ca1;font-family:'dotum';letter-spacing:normal;padding-top:10px}
.graph_wrap .data{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.graph_wrap .data:after {content:" ";display:block;clear:both;overflow:hidden}
.graph_wrap .data > div{float:left;width:25%;position:relative;height:100%}
.graph_wrap .squre{position:absolute;bottom:0;left:50%;width:10px;margin-left:-5px;}
.graph_wrap .squre p{position:absolute;top:-20px;left:50%;width:1000%;height:20px;font-size:12px;color:#858484;margin-left:-500%;text-align:center;letter-spacing:normal}
.graph_wrap .graph01 .squre{background:#f3b7b7}
.graph_wrap .graph02 .squre{background:#a1aac8}
.graph_wrap .graph03 .squre{background:#bebebe}

.d_t{display:table;width:100%;height:100%}
.d_t .d_c{display:table-cell;width:100%;vertical-align:middle}

.list_data{margin-top:30px}
.tab_content{margin-top:50px}


/* mobie screen desktop */
@media screen and (max-width:1920px){
	.main_visual{padding-top:35%}
	.capacity_list .number_format > div{font-size:90px}
	.design_overview_list > li > div{min-height:350px}
}

/* mobie screen desktop */
@media screen and (max-width:1500px){
	.capacity_list .number_format > div{font-size:80px}
	.specialities_list > li > div{min-height:480px}
}

/* mobie screen desktop */
@media screen and (max-width:1400px){
	.history_list > li > div{min-height:670px;}
	#list_view .thumb_group{padding:50px}
	.design_overview_list > li > div{min-height:400px}
}

/* mobie screen desktop */
@media screen and (max-width:1280px){
	.history_list > li > div{min-height:800px;padding:40px 20px 0 20px}
	.history_list h3{font-size:26px}
	.overview_list > li > div{min-height:300px}
	
	.office_list .title_wrap{padding:0 15px}
	.office_list .info_wrap{padding:15px 15px}

	.capacity_list .number_format > div{font-size:90px}
	.design_overview_list > li > div{padding:30px 30px 0 30px}
	.design_number_list .number_format > div{font-size:150px}
	.design_number_list li .number_wrap{padding:0 40px;height:680px;}
	
	.capacity_list .number_format > div{font-size:60px;height:80px;line-height:80px}
	.capacity_list > li > div{padding:0 30px}
	.main_item .info .m_info{font-size:18px;line-height:24px}
	.main_item .btn_view a{font-size:18px}
	.design_overview_list > li > div{min-height:480px}

}

/* mobie screen desktop */
@media screen and (max-width:1024px){
	.award_list .award_wrap{min-height:250px}

	.design_number_list li .number_wrap{height:725px}
}

/* mobie screen 1023(ipad) */
@media screen and (max-width:1023px){	
	
	/* company */
	.office_list > li{width:50%}
	.office_list > li.even .info_wrap{margin-left:0}
	.history_list > li{width:50%}
	.history_list > li.even > div{margin-left:0}
	.history_list > li > div{min-height:600px;}

	.overview_list > li > div{min-height:340px}


	.vision_list .vl_info{font-size:11px;line-height:17px}
	.capacity_list > li.value_wrap{width:50%}

	.Partner .clients li{width:25%}

	.main_item .info{font-size:18px;line-height:24px}

	.design_overview_list h4,
	.design_overview_list p{padding:0 10px}

	.award_list .award_wrap{min-height:225px}

	.design_number_list li .number_wrap{padding:0 35px}
	.design_number_list .number_format > div{font-size:90px}
	.design_overview_list > li{width:100%}
	.design_overview_list > li > div{min-height:0;padding:20px;margin-top:-1px}

	.capacity_list > li > div{padding:0 20px 20px 20px;min-height:0}

	.main_visual .txt_group{position:absolute;top:30%;left:0;width:100%;z-index:50}
	.main_visual .txt_group .txt01{font-size:20px}
	.main_visual .txt_group .txt02{font-size:40px}

	.d_work_list .thumb_list .list_cell{width:33.33%;padding-top:33.33%}
	
}

/* mobie screen 800 */
@media screen and (max-width:800px){

	.overview_list > li{width:100%}
	.overview_list > li > div{min-height:0;padding:20px;margin-top:-1px}

	.specialities_list > li{width:100%}
	.specialities_list > li > div{min-height:0;padding:20px;margin-top:-1px}

	.ceo .visual{padding:0 10px}
	.ceo .title{font-size:22px;padding-top:60px}
	.ceo .sub_title{font-size:16px;color:#666;padding-top:10px}
	.ceo .info{font-size:13px;color:#666;line-height:20px;margin-top:25px}

	.org_list > li{width:50%}
	.org_list > li > div{height:470px;padding:0 10px}
	.org_list .part_title{font-size:24px;padding-top:30px}
	.vision_list > li{width:50%}
	.vision_list > li{float:left}
	.vision_list > li.d_f_r{float:left}
	.vision_list > li.m_f_r{float:right}
	.vision_list > li.d_last span.a_bottom{display:none}
	
	.vision_list > li.m_last span.a_left{display:none}
	.vision_list > li.m_last span.a_right{display:none}
	.vision_list > li.m_last span.a_bottom{display:block}

	.vision_list > li.m_a_l span.a_left{display:block}
	.vision_list > li.m_a_l span.a_right{display:none}
	.vision_list > li.m_a_l span.a_bottom{display:none}

	.vision_list > li.m_a_r span.a_left{display:none}
	.vision_list > li.m_a_r span.a_right{display:block}
	.vision_list > li.m_a_r span.a_bottom{display:none}

	.Partner .clients li{width:33.33%}
	.Partner .partners li{width:33.33%}

	.Work .Work_list li{width:50%;padding-top:50%}


	.client_wrap .client_list li{width:50%}
	
	.main_item > div{width:50%;padding-top:34%}
	.main_item > div.main_design{width:100%}

	

	
}

/* mobie screen 768 */
@media screen and (max-width:768px){
	.list_data{margin-top:15px}
	.tab_content{margin-top:25px}
	.design_number_list li .number_wrap{padding:0 20px}

	.main_visual{padding-top:400px}

	.d_work_list .thumb_list .list_cell{width:50%;padding-top:50%}
	#list_view .big_wrap{width:100%;padding-top:100%;border-bottom:1px solid #e8e8e8;border-right:none}

	#list_view .thumb_wrap{position:relative;margin-left:0}
	#list_view .thumb_group{padding:20px}

	.price_table .table_wrap table.type04{width:1024px}

	.graph_wrap > div{width:100%}
	.graph_wrap > div > div{margin-left:0;margin-top:70px}
	.graph_wrap > div:first-child > div{margin-left:0;margin-top:0}

}
/* mobie screen 640 */
@media screen and (max-width:640px){	

	.graph_wrap > div > div{margin-top:50px}

	.graph_wrap{margin-top:25px;padding-bottom:25px}
	.graph_wrap > div > div{padding:30px 15px 55px 15px}
	.graph_wrap .name{bottom:-40px;width:80px;height:80px;margin-left:-40px}
	.graph_wrap .name span{font-size:13px;line-height:16px}
	.graph_wrap .info_list li{font-size:11px;padding-top:5px}
	.graph_wrap .squre{width:6px;margin-left:-3px;}
	.graph_wrap .squre p{font-size:11px}
	
	.price_table{margin-top:25px}
	.price_table .table_wrap{margin-top:15px}

	table.type04 td{padding:10px 15px;color:#888;font-size:13px;line-height:18px}
	table.type04 th{padding:10px 15px;color:#888;font-size:13px;line-height:18px}
	.price_table .table_wrap table.type04{width:640px}


	.inverstment_tab{margin-top:15px}
	.inverstment_tab ul li a{line-height:40px}

	.view_bottom{margin-top:25px}
	.view_bottom li a{padding:15px 15px 15px 70px}
	.view_bottom .title{width:60px;font-size:13px}
	.view_bottom .info{font-size:13px;line-height:18px}



	.btn_view_list{width:45px;height:45px;line-height:45px;margin:15px auto 0 auto}

	
	.view_con{padding:20px 15px;line-height:20px}

	.view{margin-top:15px}
	.view .top .title{padding:15px;font-size:14px;line-height:22px;border-bottom:1px solid #cfcfcf}
	.view .top ul{position:relative;top:auto;right:auto;height:40px}
	.view .top ul li{margin-left:15px}
	.view .top ul li p{position:relative;top:50%;margin-top:-10px;line-height:20px}
	.view .top ul li span{font-size:12px;color:#888;line-height:20px;}
	.view .top ul li em.line{color:#bbb}
	
	.file{padding:12px 15px}
	.file span{font-size:13px}
	.file a{font-size:13px}



	table.type03{margin-top:15px}
	table.type03 td{padding:11px 10px;font-size:13px;line-height:18px}
	table.type03 th{padding:11px 10px;font-size:13px;line-height:18px}

	.paging02{margin-top:15px}


	
	.main_visual .txt_group .txt01 img{width:200px}

	#contents > section{margin-top:30px}

	.reponsive_cell{position:relative;overflow:hidden}
	.reponsive_cell > div{width:100%}
	.reponsive_cell .r_visual_wrap{position:relative;width:100%}
	.reponsive_cell .r_visual_wrap .r_visual{position:relative;height:100%;overflow:hidden}
	.reponsive_cell.f_l .r_visual{margin-left:0}
	.reponsive_cell.f_r .r_visual{margin-right:0}
	.reponsive_cell.f_l .r_visual_wrap{right:auto}
	.reponsive_cell.f_r .r_visual_wrap{left:auto}
	.reponsive_cell.f_l .r_info_wrap{float:none;text-align:left}
	.reponsive_cell.f_r .r_info_wrap{float:none;text-align:left}
	.reponsive_cell.f_l .r_info{margin-right:0}
	.reponsive_cell.f_r .r_info{margin-left:0}
	
	.news .reponsive_cell > div.r_info_wrap,
	.news .reponsive_cell > div.r_visual_wrap{width:100%}
	.news .reponsive_cell{margin-top:10px}
	.news .reponsive_cell .r_visual_wrap{height:100px}
	.news .reponsive_cell .r_info{padding:10px}
	.news .title a{font-size:14px}
	.news .con a{font-size:12px;line-height:18px}
	.news .date{font-size:12px}
	.news .con, .news .date{margin-top:5px}

	/* company */
	.about .reponsive_cell .r_visual_wrap{height:150px}
	.Philosophy .reponsive_cell .r_visual_wrap{height:150px}
	.Philosophy .con,
	.Philosophy .title{text-align:center}
	.Philosophy .con{font-size:18px;line-height:24px}

	.Business .business_list{margin-top:20px}
	.Business .odm_business .business_list li{margin:10px 0}

	.office_list > li{width:100%}
	.office_list .title_wrap{min-height:0;padding:20px}
	.office_list .info_wrap{height:auto;padding:20px;border:1px solid #e8e8e8;margin-left:0}
	.office_list .title_wrap .city{padding:0 0 10px 0;font-size:24px}
	.office_list .title_wrap .a_title{margin-top:0}
	
	.history_list > li{width:100%}
	.history_list > li > div{min-height:0;padding:20px}
	.history_list h3{font-size:24px}
	.history_list dl dt{margin-top:10px}

	.cer_list > li{width:50%}
	.cer_list > li > div{padding:20px 0}

	.Certification_pop > div{width:100%;border:none;margin-left:0;margin-top:0;background:#fff}
	.Certification_pop > div > div{position:relative;padding:20px;background:#fff;height:auto;
		padding:20px 10px;
		margin-left:-1px;margin-top:-1px;
		border:1px solid #e8e8e8;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		box-sizing:content-box;
	}
	.Certification_pop .d_left{position:relative;min-height:0}
	.Certification_pop .d_right{position:relative;top:auto;left:auto;height:auto}
	



	.Vision .visual{padding:0 10px}
	.Vision .title{font-size:24px;color:#333}
	.Vision .sub_title{font-size:16px;color:#BB7F4A;letter-spacing:normal;padding-top:10px}
	.Vision .info{font-size:13px;color:#666;line-height:20px;margin-top:10px}
	
	.capacity_list .number_format{padding-top:0}
	.capacity_list .number_format > div{font-size:45px;line-height:64px;height:64px}
	.capacity_list .value_txt{font-size:12px;margin-top:7px;line-height:18px;margin-top:0px}
	.capacity_list .info{font-size:12px;margin-top:7px;line-height:18px}
	
	.capacity_list > li{width:50%}
	.capacity_list > li > div{min-height:150px;padding:20px}

	.Partner .clients li,
	.Partner .partners li{width:50%}

	

	.contact .tab_data > div{height:auto;}
	.contact .contact_info{padding:15px 10px}
	.contact .contact_info .title{font-size:24px;margin-bottom:10px}
	.contact .tab_data .seoul .visual,
	.contact .tab_data .chungju .visual,
	.contact .tab_data .sanghai .visual,
	.contact .tab_data .newyork .visual{
		height:290px;
		-webkit-background-size:auto 290px;
		-moz-background-size:auto 290px;
		-o-background-size:auto 290px;
		background-size:auto 290px;
	}
	.contact .contact_info{position:relative;bottom:auto;left:auto}

	.overview .overview_txt01,
	.overview_list .title{font-size:24px;line-height:30px}
	.specialities_list .title{font-size:24px;line-height:30px}
	
	.base_tcon{margin-top:17px}
	
	.ceo .title{padding-top:20px}
	.cer_list .title{font-size:14px}

	.Work .sub_info{margin-top:5px}

	.client_wrap .tab_con > ul > li a span{bottom:5px;height:5px}
	.client_wrap .tab_con > ul > li a span img{width:10px}

	.recruit_list .list_title{font-size:24px;line-height:30px}

	.design_overview_list h4{font-size:24px;line-height:30px}
	.design_overview_list .info{margin-top:15px}
	.design_overview_list{margin-top:35px}
	.design_overview_list li{width:100%}
	.design_overview_list > li > div{padding:20px}
	.design_overview_list h4, .design_overview_list p{padding:0}

	.design_number_list li{width:100%}
	.design_number_list li .number_wrap{height:auto;padding:20px;border-top:1px solid #e8e8e8}
	.design_number_list li:first-child .number_wrap{border-top:none}
	.design_number_list .number_format{padding:0}

	.design_number_list .number_format > div{font-size:60px;line-height:60px;height:60px}
	.design_number_list .value_txt{font-size:24px;line-height:30px}
	.design_number_list .info{margin-top:15px;max-width:100%}


	.d_work_list .big_wrap{position:relative;width:100%;padding-top:100%;left:0;top:0}
	.d_work_list .thumb_list li.best01,.d_work_list .thumb_list li.best03{float:left;margin-right:0}
	.d_work_list .thumb_list li.best02,.d_work_list .thumb_list li.best04{float:left;margin-left:0}

	.team_list li{width:100%}
	.team_list li img{width:100%}

	.award_list li{width:50%}
	.award_list .award_wrap{min-height:280px}

	.main_item > div{width:100%;padding-top:70%;margin-bottom:10px}

	h2.sub_big_title{font-size:24px;line-height:30px;padding-top:30px}
	#contents > section > h3{font-size:18px;line-height:24px}
	
	.tab_con > ul{height:46px}
	.tab_con > ul > li a{height:45px;line-height:45px}
	.tab_con > ul > li.actived a{height:45px}

	.tab_con .t_c_title{font-size:24px;margin-bottom:10px}
	.tab_con .t_c_sub_title{font-size:16px}
	.tab_con .tab_data{padding:25px 10px}
	
	.Organization .orgaization_txt01{font-size:24px}

	.about .txt01{margin-top:15px}
	.Philosophy .txt01{margin-top:15px}

	#Maps{height:200px}

	.contact_data{padding:10px 20px}
	.contact_data .develop_wrap > ul > li{width:100%;margin:10px 0}

	.org_list > li{width:100%}
	.org_list > li > div{height:auto;padding:20px}
	.org_list .part_title{padding-top:0}




}

/* mobie screen 600 */
@media screen and (max-width:600px){
	
}
/* mobie screen 480 */
@media screen and (max-width:480px){	
	
	/* overview */
	.overview .visual .txt{position:relative;top:0;left:0;width:100%;margin-top:0}
	.overview .visual .txt span{display:block;padding:15px;20px;font-size:12px;line-height:18px}

	.overview_list .sub_title{font-size:16px;line-height:20px;margin-top:10px}
	.overview_list .info{margin-top:10px}

	.specialities_list .sub_title{font-size:16px;line-height:20px;margin-top:10px}
	.specialities_list .info{margin-top:10px}

	.vision_list > li > div{padding:20px 10px 10px 10px;min-height:110px}
	.vision_list .arrow_wrap span{width:24px;height:24px}
	.vision_list .arrow_wrap span.a_right{top:50%;left:-12px;margin-top:-12px}
	.vision_list .arrow_wrap span.a_bottom{left:50%;top:-12px;margin-left:-12px}
	.vision_list .arrow_wrap span.a_left{top:50%;right:-12px;margin-top:-12px}

	/*.contact .contact_info{padding:15px 10px;display:block}*/
	
	.contact_data > div > div{position:relative;padding:10px 10px}
	.contact_data > div > div.input_wrap{padding-bottom:70px}
	.contact_data .develop_wrap > ul{width:100%;margin:15px 0}
	.contact_data .develop_wrap h4{font-size:14px}
	.contact_data .develop_wrap dl{margin-top:6px}
	.contact_data .develop_wrap dt,.contact_data .develop_wrap dd{font-size:12px;line-height:18px}
	
	/*.award_list li{width:100%}*/
	.award_list .award_wrap{min-height:210px;}

	.main_visual{padding-top:300px}
	.main_visual .txt_group{top:35%}
	.main_visual .txt_group .txt01{font-size:18px}
	.main_visual .txt_group .txt02{font-size:24px;padding:0 10px}
	.main_visual .txt_group .txt01 img{width:150px}

	.d_work_list .thumb_list .list_cell{width:100%;padding-top:100%}

	.about .txt01,
	.about .txt02,
	.Philosophy .txt01{text-align:left}

	.office_list .title_wrap{min-height:140px}

}
/* mobie screen 420 */
@media screen and (max-width:420px){
	.about .reponsive_cell .r_visual_wrap .r_visual img{width:100%;height:auto}	
	.about .reponsive_cell .r_visual_wrap{height:84px}

	
}
/* mobie screen 360 */
@media screen and (max-width:360px){
	
}

/* mobie screen 320 */
@media screen and (max-width:320px){
	
}


/* ratio 1.5 && 2.0 */
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (-webkit-min-device-pixel-ratio:1.5){

}







/**** Isotope CSS3 transitions ****/

#isotope_list,
#isotope_list .item_obj {
}

#isotope_list {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

#isotope_list .item_obj {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

#isotope_list.no-transition,
#isotope_list.no-transition .item_obj,
#isotope_list .item_obj.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
#isotope_list.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


.black_cover{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:8;filter:alpha(opacity=0);opacity:0}
.n_list_info .info{position:relative;width:100%;padding:20px 0;text-align:center;z-index:50;background:#fafafa}
.n_list_info .info span{display:block;padding:0 10px}
.n_list_info .info .n_category{font-size:15px;color:#333}
.n_list_info .info .n_name{font-size:13px;color:#666;margin-top:5px;line-height:18px;padding:0 10px}
.n_list_info .info .n_date{font-size:13px;color:#aaa;margin-top:5px}

.item_obj{padding-top:0}
.item_obj .item_data{position:relative;top:0;left:0;width:auto;height:auto}
.item_obj .item_data img{width:100%}