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

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

@media screen and (max-width:1600px) {
}
@media screen and (max-width:1000px) {
	.vision_area, .company_ceo .ceo_area, .mail_wrap, .licenses_area {width:auto; margin:0 30px}
	.licenses_list {width:auto}
	.company_ceo {height:auto}
	.plan_list {width:auto; margin:30px 30px 0}

	.company_ceo .content_wrap .content li {width:100%}
	.licenses_area .img_area img {width:100%}
	.vision_area dl {width:30%}
	.content_in h3 {font-size:22px}
	.content_in p {line-height:1.4em; font-size:14px}
	.licenses_list .list_block li {padding:0 30px; background:none; margin-bottom:10px}
	.company_licenses {height:auto; padding:100px 0}
	.licenses_area .img_area {padding:40px 0 0}
	
	.home_cont {width: 100%}
	
	/* 메인 */
	.half_intro li.intro01 .cont .detail li em,
	.half_intro li.intro02 .cont .detail li em,
	.half_intro li.intro03 .cont .detail li em {width:auto; display: block}
	.half_intro li:hover .dim {height: 270px}
}
@media screen and (max-width:768px) { 
	body {font-size: 14px}
	.bbs_shape {width:112px; height:40px; background-size:auto 80px}
	.map_area .bbs_shape {width:112px; height:40px; margin-left: -56px; background: url(../images/company/bg_round.png) no-repeat 0 -40px; background-size:auto 80px}
	
	.tile-group {width:100%}
	.licenses_list .list_block {width:auto}
	.company_ceo {padding-top:100px}
	.sub_title h2 {font-size:40px}
	.sub_cate_title {font-size:20px; padding-bottom: 40px}
	.plan_list li {width: 50%}
	.plan_list li dl {height: 400px}
	.sub_title .tell {display: block}
	.mail_wrap .txt {font-size: 14px}
	.map_area {height: 300px}
	.message_form li em {font-size: 12px; left: 12px}
	.message_form .in_wrap {padding: 5px 5px 5px 55px;}
	.check_box .check {font-size: 12px}
		
	.tile-group.even .tile-image {float: right}
	.tile-group.even .tile-description {float: left}	
	
	.main_summary {padding: 70px 0}
	.main_summary h2 {font-size: 30px}
	.main_summary p {margin: 0 30px}
	.main_summary p br {display: none}
	.main_summary p.shape img {height: auto; width: 70%}
	.content_in p {font-size: 12px}
	.content_in p br {display: none}
	
	.vision_area, .company_vision, .space_wrap {height: auto}
	.vision_area .space {position: relative; width: auto; margin: 0; left: auto; right: auto; top:auto}
	.vision_area dl {width: 100%; position: relative; margin-bottom: 30px}
	.vision_area .position01, .vision_area .position02, .vision_area .position03 {position: relative; left: auto; right: auto; top:auto}
	.vision_area .space h2 {width: 100%; left: 0; top:50%; margin-top: -65px}
	.space_wrap {padding-bottom: 50px}
	
	.company_ceo .content_wrap .content {padding:0 0 70px; width: 100%; float: none}
	.company_ceo .content_wrap .photo {margin:0; width: 100%; float: none; text-align: center}
	.company_ceo .content_wrap .photo img {width: 50%; margin-top: -36px; }
	.company_ceo .content_wrap .content li p {padding: 0}
	
	.history_wrap {background: url(../images/company/history_dot.png) left top repeat-y; margin: 0; height:1000px}
	.history_wrap:after {display: block; clear: both; content: ""}
	.history_wrap .year span {font-size: 24px}
	.history_wrap > ul > li {width: 100%}
	.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(../images/company/history_right_dot.png) 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}
	.history_wrap .year2014 {top: 326px;}
	.history_wrap .year2011 {top: 700px;}
	.history_wrap .year2009 {top: 800px;}	
	.history_wrap .year2006 {top: 850px;}	
	.history_wrap .year2003 {top: 900px;}
}
@media screen and (min-width:450px) {
	.br_none {display:none}
	.br_in {display:inline}
	.btn_gnb_open {display: none}
}
@media screen and (max-width:450px) {
	.intro-logo{margin: -70px 0 0 -60px;}
	.intro-logo img {height: 70px}
	.br_none {display:inline}
	.br_in {display:none}
	.footer_copy {padding: 20px 15px; text-align: left}
	.btn_gnb_open {display: block}
	.head_gnb {display: none}
	
	.menu_list {margin-top: -250px}
	.menu_list h1 img {height: 50px}
	.menu_list ul {width:280px; margin: auto; text-align: center}
	.menu_list li {width: 130px; height: 130px}
	.menu_list a {background-size:130px; height: 130px; line-height: 130px; font-size: 16px}
	.menu_list a.rectangle {background-size:130px;}
	a.btn_close {width:35px; height: 35px; background-size:100%; margin: 0; position: absolute; top:-45px; right:20px}
	
	.sub_title p {font-size: 14px}
	.main-logo {top:25px; margin-left: -45px}
	.main-logo img {height: 50px}
	.sub_cate_title {font-size: 16px;}
	.sub_title {top:43%}
	.sub_title p {margin: 20px 30px}
	.sub_title p br {display: none}
	.content_in h3 {font-size: 14px; margin-bottom: 3%}
	.tile-group.orange .content_in h3 {font-size: 20px}
	.tile-group .btn_link {display: none}
	.plan_list li dt {background-size: 100%}
	.plan_list {margin: 30px 0 0}
	.section_sub {height: 400px}
	.sub_title h2 {font-size: 26px}
	.sub_title h2 em {display: block}
	.content_in p.description {display: none}

	.visual_area.interior {background: url(../images/main/img_interior.jpg) no-repeat center center; background-size:auto 120%}
	.visual_area.modelhouse {background: url(../images/main/img_modelhouse.jpg) no-repeat center center; background-size:auto 120%}
	.visual_area.spacedesign {background: url(../images/main/img_spacedesign.jpg) no-repeat center center; background-size:auto 120%}
	.visual_area.miniature {background: url(../images/main/img_miniature.jpg) no-repeat center center; background-size:auto 120%}

	
	.vision_area, .company_ceo .ceo_area, .mail_wrap, .licenses_area {margin: 0 15px}
	
	.plan_list li {width: 100%}
	.plan_list li dl {height: auto; margin-bottom: 30px}
	.plan_list li dt {background-size: contain;}
	
	.company_licenses, .company_plan {padding: 70px 0}
	.licenses_list .list_block li {padding: 0}
	.company_history,.company_organization {padding: 70px 0}
	
	.section_visual {height: 400px}
	.section_visual_back {height: 500px}
	.section_visual_back.main {height: 500px}
	.content_in, .tile-group .in_pd {padding: 10%}
	.content_in .list li {margin: 0; background: url(../images/company/bbs_bullet.gif) no-repeat left 8px; font-size: 12px}
	.main_cate {padding: 40px 0 90px}
	.main_cate h2 {font-size: 28px; margin: 0 auto}
	.main_cate h2.interior, .main_cate h2.modelhouse, .main_cate h2.spacedesign, .main_cate h2.miniature {background-size: auto 100px}
	.main_cate p {margin:  0 30px}
	.main_cate p br {display: none}
	.visual_area {height: 300px}
	
	.company_ceo {padding-top: 70px}
	
	.history_wrap {height: 1100px}
	.history_wrap .year2014 {top: 345px;}
	.history_wrap .year2011 {top: 820px;}
	.history_wrap .year2009 {top: 920px;}	
	.history_wrap .year2006 {top: 970px;}	
	.history_wrap .year2003 {top: 1020px;}
	
	.company_vision {background: url(../images/company/visual_company.jpg) no-repeat center center; padding-top: 70px}
	.company_ceo {background: url(../images/company/visual_ceo.jpg) no-repeat center center;}
	.company_organization {background: url(../images/company/visual_organization.jpg)  no-repeat center center;}
	
	.section_visual .key_msg {top:58%}
	.section_visual .key_msg img {height:100px}
	.tab_style {padding-top: 110px}
	.pj_wrap {top:150px}
	.tab_style ul li a {font-size: 12px; padding: 0 8px}
	
	.swiper-slide {text-align: left}
	.swiper-slide-active .item_heading {font-size: 40px; left: 20px; right: 20px}
	
	
	.item_heading a {font-size: 30px; margin: 0}
	.swiper-slide-active .item_heading .home_cont .detail {font-size: 12px; display: block}
	
	.half_intro li {width: 100%; height: 33.3%}
	.half_intro li.intro02 {width: 100%}
	.half_intro li p {left: 20px; right: auto; text-align: left; margin-top: }
	.half_intro li a {font-size: 20px}
	
	.half_intro li.intro01 {width: 100%; left: 0; top:0}
	.half_intro li.intro02 {width: 100%; left: 0; top:33.3%} 
	.half_intro li.intro03 {width: 100%; left: 0; top:66.6%}
	
	
	.swiper-slide.slide00 .intro01 .inner_img {background: url('../images/main/visual01.jpg') no-repeat center top; background-size: cover}
	.swiper-slide.slide00 .intro02 .inner_img {background: url('../images/main/visual02.jpg') no-repeat center top; background-size: cover}
	.swiper-slide.slide00 .intro03 .inner_img {background: url('../images/main/visual03.jpg') no-repeat center top; background-size: cover}
	.half_intro li.intro01 .cont .detail li em, .half_intro li.intro02 .cont .detail li em, .half_intro li.intro03 .cont .detail li em {display: inline-block; }
	.half_intro li .cont .detail {font-size: 11px; margin: 5px 0 0 0}
	.half_intro li h2 {font-size: 20px;}
	.half_intro li .cont {padding: 25px}
	.main_intro_inner {bottom: 10px}
	.homepage_intro .sub_title {top:50%}
	.homepage_intro .sub_title p {font-size: 16px}
	.homepage_intro .sub_title h2 {font-size: 26px}
	.half_intro li .cont .detail {display: none}

}