@charset "utf-8";

.rowc {}
.rowc ul {font-size:0;line-height:0;margin:0;padding:0}
.rowc ul:after {clear: both;display: block;content: "";}
.rowc ul li {-webkit-box-sizing: border-box;-khtml-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.rowc ul li img {max-width:100%}
.rowc ul.grid2 {margin:0 0 0 -2%;}
.rowc ul.grid2 > li {width:48%;margin:0 0 0 2%;display:inline-block;text-align:center;}
.rowc ul.grid3 {margin:0 0 0 -2%;}
.rowc ul.grid3 > li {width:31%;margin:0 0 0 2%;display:inline-block;text-align:center;}
.rowc ul.grid4 {margin:0 0 0 -2%;}
.rowc ul.grid4 > li {width:23%;margin:0 0 0 2%;display:inline-block;text-align:center;}
.rowc ul.grid5 {margin:0 0 0 -2%;}
.rowc ul.grid5 > li {width:18%;margin:0 0 0 2%;display:inline-block;text-align:center;}

.rowc ul.custom_grid4 {margin:0 0 0 -78px;}
.rowc ul.custom_grid4 > li {width:291px;margin:0 0 25px 78px;display:inline-block;text-align:center;}

.rowc ul.grid2.mg0 {margin:0;}
.rowc ul.grid2.mg0 > li {width:50%;margin:0;display:inline-block;text-align:center;}
.rowc ul.grid3.mg0 {margin:0;}
.rowc ul.grid3.mg0 > li {width:33.333%;margin:0;display:inline-block;text-align:center;}
.rowc ul.grid4.mg0 {margin:0;}
.rowc ul.grid4.mg0 > li {width:25%;margin:0;display:inline-block;text-align:center;}
.rowc ul.grid5.mg0 {margin:0;}
.rowc ul.grid5.mg0 > li {width:20%;margin:0;display:inline-block;text-align:center;}

/* 사이트맵 */

.sitemap_wrap { width:100%; margin-top:40px;}
.sitemap_wrap:after {clear: both;display: block;content: "";}
.sitemap_wrap div.sitemap { float:left;width:20%; vertical-align:top; text-align:center;}
.sitemap_wrap div.sitemap > h5 {width:90%; margin:0 auto; border:1px solid #0553ab;   text-align:center; }
.sitemap_wrap div.sitemap > h5 > a {font-size:1.2em; color:#0553ab; font-weight:bold;line-height:2.0;}
.sitemap_wrap div.sitemap ul {padding-top:20px;min-height: 300px;}
.sitemap_wrap div.sitemap li { width:80%; margin:0 auto; }
.sitemap_wrap div.sitemap li > a { display:block; color:#333; line-height:2.5;text-align:left;}
.sitemap_wrap div.sitemap li > p { text-align:left;  padding:0;margin:0; }
.sitemap_wrap div.sitemap li > p a { display:block; font-size:0.8em;line-height:1.5; color:#333;margin-bottom:10px; }



/* company */
.company {margin:0; margin-top:100px;}
.company h4 {font-size:2.0em; color:#00b1f6; line-height:1.3;word-break:keep-all;margin-bottom: 30px;font-weight: 400;}
.company h4 span {display:inline-block;border-top:1px solid #00b1f6;padding:20px 0 0;}
.company .img{margin:0 0 70px;}
.company .img img {max-width:100%}
.company .table{width:100%; clear:both; border-collapse:collapse; border-top:2px solid #022355; margin:0;}
.company .table th{color:#666; font-size:1.2em; text-align:center; background:#ededed; padding:10px 30px; border: 1px solid #cccccc;border-left:0 none; }
.company .table td{color:#666; font-size:1.2em; text-align:left;  padding:10px 30px; border: 1px solid #cccccc;border-right:0 none;}

/* organization */
.organization {margin:0;}
.organization h4 {font-size:2.0em; color:#00b1f6; line-height:1.3;word-break:keep-all;margin-bottom: 30px;font-weight: 400;}
.organization h4 span {display:inline-block;border-top:1px solid #00b1f6;padding:20px 0 0;}
.organization .img{margin:0 0 70px;text-align: center;}
.organization .img img {max-width:100%}


/* history */
.history {position:relative;}
.history h4 {font-size:2.0em; color:#00b1f6; line-height:1.3;word-break:keep-all;margin-bottom: 30px;font-weight: 400;}
.history h4 span {display:inline-block;border-top:1px solid #00b1f6;padding:20px 0 0;}


.history > .history_wrap {position:relative;margin-top:100px;}
.history > .history_wrap:before {content:'';position:absolute;left:351px;top:0;background:#c9c9c9;width:1px;height:100%;}
.history > .history_wrap .history_list {padding-bottom:20px;}
.history > .history_wrap .history_list:after {content: "";   display: block;    height: 0;    clear: both;}
.history > .history_wrap .history_list p {position:relative;width:60px; float:left; font-weight:400;text-align: center; font-size:1.5em;line-height:60px; color:#fff;margin-right:45px;margin-left:20px;background:#26b7f7;border-radius: 50%}
.history > .history_wrap .history_list p:after {content: "";width:130px;height:1px;position:absolute;top:28px;right:-150px;background:#fff;border-top:1px solid #26b7f7}
.history > .history_wrap .history_list .history_txt {float:left;position:relative;padding-left:160px;}
.history > .history_wrap .history_list dl {padding:6px 0;display:table;}
.history > .history_wrap .history_list dt {font-size:1.8em; color:#0d4680; line-height:1.5; display:table-cell; vertical-align:middle;width: 40px;position: relative;}
.history > .history_wrap .history_list dt:before {content:'';width:8px;height:8px;position:absolute;right:-31px;top:17px;background:#26b7f7;border-radius:50%}
.history > .history_wrap .history_list dt.non:before {width:0;height:0;}
.history > .history_wrap .history_list dd {font-size:1.0em; color:#595959; line-height:1.5; display:table-cell;vertical-align:middle;padding-left:40px;}


/* business */
.business {margin:0;}
.business h4 {font-size:2.0em; color:#00b1f6; line-height:1.3;word-break:keep-all;margin-bottom: 100px;font-weight: 400;}
.business h4 span {display:inline-block;border-top:1px solid #00b1f6;padding:20px 0 0;}
.business .img{margin:0 0 70px;}
.business .img img {max-width:100%}


/* equipment */
.equipment {margin:0;}
.equipment .equip_box {background: #f6f6f6;padding:70px 0;margin-bottom: 45px;}
.equipment h4 {font-size:2.0em; color:#00b1f6; line-height:1.3;word-break:keep-all;margin-bottom: 30px;font-weight: 400;}
.equipment h4 span {display:inline-block;border-top:1px solid #00b1f6;padding:20px 0 0;}

.equipment .equip {margin-bottom: 75px;}
.equipment .equip h5 {display: inline-block;margin-bottom: 45px;padding:10px 70px;border-radius: 20px;background: #6bc8f8}
.equipment .equip h5 span{font-size:1.2em; color:#fff; line-height:1.3;display: inline-block;font-weight: 400;}

.equipment .equip .table {width:100%; clear:both; border-collapse:collapse; margin:0;}
.equipment .equip .table th{color:#666; font-size:1.1em; text-align:center; background:#f6f6f6; padding:10px 30px; border: 1px solid #e8e8e8; }
.equipment .equip .table td{color:#666; font-size:1.1em; text-align:left;  padding:10px 30px; border: 1px solid #e8e8e8;}



/* research */
.research {margin:0;}
.research h4 {font-size:2.0em; color:#00b1f6; line-height:1.3;word-break:keep-all;margin-bottom: 100px;font-weight: 400;}
.research h4 span {display:inline-block;border-top:1px solid #00b1f6;padding:20px 0 0;}


.research h5 {display: inline-block;margin-bottom: 45px;padding:10px 70px;border-radius: 20px;background: #6bc8f8}
.research h5 span{font-size:1.2em; color:#fff; line-height:1.3;display: inline-block;font-weight: 400;}

.research .research_box {margin-bottom: 50px;}
.research .research_box div.page-header {margin: 0 0 20px;}
.research .research_box div.page-header h6 {font-size:1.1em;line-height:1.5;color:#2b2b2b;font-weight:400;padding-left: 15px;position: relative;}
.research .research_box div.page-header h6:before {content: '-';left: 0;position: absolute;}


.rowc ul.grid5 > li.rs_item {border:1px solid #dfdfdf;}
.rowc ul.grid5 > li.rs_item div.thumb {text-align: center;}
.rowc ul.grid5 > li.rs_item div.thumb img {max-width: 100%}
.rowc ul.grid5 > li.rs_item div.title {text-align: center;background: #d6dee2;padding:10px 0;}
.rowc ul.grid5 > li.rs_item div.title span {font-size:1.1rem;line-height:1.5;color:#8d8d8d;}

.rowc ul.grid4 > li.rs_item {border:1px solid #dfdfdf;}
.rowc ul.grid4 > li.rs_item div.thumb {text-align: center;}
.rowc ul.grid4 > li.rs_item div.thumb img {max-width: 100%}
.rowc ul.grid4 > li.rs_item div.title {text-align: center;background: #6bc8f8;padding:10px 0;}
.rowc ul.grid4 > li.rs_item div.title span {font-size:1.1rem;line-height:1.5;color:#fff;}
.rowc ul.grid4 > li.rs_item div.title2 {text-align: center;background: #fff;padding:10px 0;}
.rowc ul.grid4 > li.rs_item div.title2 span {font-size:1.1rem;line-height:1.5;color:#a3a3a3;}

/*서비스*/

/*서비스*/
.service {width:100%;height:1416px;background:url('./images/service/service_back_01.jpg') center no-repeat;margin:0 auto; margin-top:100px;}

.service_bg {width:100%;height:100%;text-align:center;margin:0 auto;border:solid 1px red;}
.service_box {float:left;width:436px;height:614px;background:#f9f9f9;}

.service ul.ser_grid01 {width:1500px;margin:0 auto;padding-top:110px}
.service ul.ser_grid01 > li {width: 48%;height: auto;margin: 10px;display: inline-block;text-align: center;background: #f9f9f9;padding-bottom:60px;}

.service ul.ser_grid01 > li > a > h4 {padding-top:50px;font-size:1.7em;line-height:2.0;}
.service ul.ser_grid01 > li > a > p {padding-top:40px;padding-bottom:8px;font-size:1.5em;line-height:2.0;}
.service ul.ser_grid01 > li > a > p.txt {padding-top:50px;padding-bottom:40px;font-size:1.2em;line-height:2.0;}

.service ul.ser_grid01 > li > a > img {padding-top:30px;}

.service ul.ser_grid01 > li > a > div.ser_001{display:none;height:20px;padding-bottom:40px;}
.service ul.ser_grid01 > li > a > div.ser_001_none{display:block;height:20px;padding-bottom:40px;}

.service ul.ser_grid01 > li > a:hover  > div.ser_001{display:block;}
.service ul.ser_grid01 > li > a:hover  > div.ser_001_none{display:none;}

@media screen and (max-width:1440px){
	.service {/* height:2000px; */height:2330px;}
	.service ul.ser_grid01 {width:100%;}
	.service ul.ser_grid01 > li {width: 40%;margin:0 auto;display: block;margin-bottom:20px;}
	.service ul.ser_grid01 > li > a  > p {padding-top:10px;}
	.service ul.ser_grid01 > li > a  > p.txt {padding-top:0px;padding-bottom:0px;}
}

@media screen and (max-width:1024px){

	.service ul.ser_grid01 {padding-top:40px}
	.service ul.ser_grid01 > li {width: 60%;padding-bottom: 20px}
	.service ul.ser_grid01 > li > a  > h4 {padding-top:20px;}
	.service ul.ser_grid01 > li > a  > p {padding-top:0px;}
	.service ul.ser_grid01 > li > a > div.ser_001{display:none;height:0px;padding-bottom:0px;}
	.service ul.ser_grid01 > li > a > div.ser_001_none{display:none;height:0px;padding-bottom:0px;}
	.service ul.ser_grid01 > li > a:hover  > div.ser_001{display:none;}
	.service ul.ser_grid01 > li > a > img {padding-top:0px;}

}

@media screen and (max-width:840px){
	.service {/* height:1416px; */ height:1587px}
	.service ul.ser_grid01 {padding-top:80px}
	.service ul.ser_grid01 > li {width: 70%;padding-left:10px;padding-right:10px;}
	.service ul.ser_grid01 > li > a > img {max-width: 90%;padding-top:10px}
	.service ul.ser_grid01 > li > a > h4 {font-size:1.5em;line-height:1.8;}
	.service ul.ser_grid01 > li > a > p {font-size:1.2em;line-height:1.8;}
	.service ul.ser_grid01 > li > a > p.txt {font-size:1.0em;line-height:1.7;}

}






/*About Start*/
.company {width:100%;}
.company div.co1 {float:right;width: 65%;}
.company div.co2 {float:right;width: 35%;/*min-height:572px;*/min-height: 827px;background: url('./images/about/bg_company1.jpg') no-repeat center;background-position:center;background-size:contain;}
.company div.co3 {float:right;width: 35%;/*min-height:572px;*/min-height: 704px;background: url('./images/about/bg_company2.jpg') no-repeat center;background-position:center;background-size:contain;}

.company div.co1 div.title {width: 985px;float:right;margin-bottom:70px;}
.company div.co1 div.title p {font-size:18px;color:#4e4e4e}
.company div.co1 div.title p.com_sub_txt {font-size:15px;color:#4e4e4e}

.company div.co1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px 50px 0px;}

.company .content {width:1400px;height:auto;min-height:570px;margin:0 auto;}
.company .content .content_bg {width: 870px;position: absolute;background: #ffffff;top: 250px;}

.company .content .content_bg .content_wrap {width:720px;margin:0 auto;padding:70px 0px;}
.company .content .content_bg .content_wrap div.txt {clear:both;padding:10px 0px;}
.company .content .content_bg .content_wrap div.txt div.txt1 {float:left;width:20%;font-size:17px;color:#000000;word-break:keep-all;}
.company .content .content_bg .content_wrap div.txt div.txt2 {float:left;width:80%;font-size:15px;color:#717171;line-height:28px;word-break:keep-all;}
.company .content .content_bg .content_wrap div.txt div.txt2 .dashed {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
.company .content .content_bg .content_wrap div.txt div.txt2 .dashed > li {
  /*text-indent: -5px;*/
}
.company .content .content_bg .content_wrap div.txt div.txt2 .dashed > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}
.company .content .content_bg .content_wrap div.bar {width:100%;height:1px;background:#969696;margin-bottom:70px;}


/*인증서*/
.about_cont_box .cert_tit{font-size:26px;margin-bottom:15px;}
.about_cont_box .cert_box{margin-bottom: 140px;}
.about_cont_box .cert_box li{float:left;margin-right:25px;}
.about_cont_box .cert_box li p{text-align:center;margin-top:10px;font-size:17px;}
.about_cont_box .cert_box li img{border:1px solid #ddd}
.about_cont_box .cert_box:after{content:"";clear:both;display:block;}

/*인증서*/

.about_cont_box{width:1400px;margin:0 auto;}
.about_cont_box .box{font-size:18px;line-height:50px;padding-bottom:80px;font-family:'Noto Sans KR'}

.about_cont_box .bolder{font-weight:900}
.about_cont_box .clearfix:after{content:"";display:block;clear:both}
.about_cont_box .left{float:left;width: 25%;font-size:26px;}
.about_cont_box .left span{padding-left:28px;font-size:18px;}
.about_cont_box .center{float:left;width: 25%;font-weight:600;}
.about_cont_box .right{float:left;width: 20%;font-weight:100;}


.company .container_tab{}
.company .container_tab:after{content:"";display:block;clear:both}
.company .container_tab .tab_title{width:1400px;margin:0 auto;margin-bottom:100px; border:1px solid #cecece}
.company .container_tab .tab_title:after{content:"";display:block;clear:both}
.company .container_tab .tab_title li{width:50%;float:left;text-align:center;font-size:21px;;border-right:1px solid #cecece;padding:10px 0;cursor:pointer}
.company .container_tab .tab_title li.on{color:#0576bc;background:#f8f8fb}
.company .container_tab .tab_cont .tab_01{display:none;}
.company .container_tab .tab_cont .tab_01.on{display:block;}
.subNavBarInnerWrap.active{position:fixed;/*top:14.9%;*/ top:140px; z-index:9999}
.company .container_tab .tab_title li:last-child{border-right:none}

.premium_box {width:1400px;margin:0 auto}
.premium_box .pre_txt{}
.premium_box .pre_txt .title h2{font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}
.premium_box .pre_txt .com_sub_txt{margin:30px 0 50px 0;}
.premium_box:after{display:block;content:"";clear:both}
.premium_box .left_box{float:left;width:49%;height:400px;position:relative;margin-right:28px;background: url('./images/about/premium_img01.jpg') no-repeat center;background-position:center;background-size:cover;}
.premium_box .right_box{float:left;width:49%;height:400px;position:relative;background: url('./images/about/premium_img02.jpg') no-repeat center;background-position:center;background-size:cover;}

.premium_box .left_box .left_bg .pre_btn{border:1px solid #ddd;width:25%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.premium_box .left_box .left_bg .pre_btn a{color:#ddd;display:block;width:100%;padding:20px;font-size:18px;font-weight:bold}

.premium_box .right_box .right_bg .pre_btn{border:1px solid #ddd;width:25%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.premium_box .right_box .right_bg .pre_btn a{color:#ddd;display:block;width:100%;padding:20px;font-size:18px;font-weight:bold}




@media screen and (max-width:1440px){
	.company .container_tab .tab_title{width:100%}

	.about_cont_box{width:100%; margin:0 auto;margin-top:220px;}
	.company div.co1 div.title {width:100%;}
	.company .content {width:100%;}
	.company .content .content_bg {width: 70%;}
	.company .content .content_bg .content_wrap {width:100%;}
	.premium_box{width:100%}
	.premium_box .left_box{margin:0;width:50%}
	.premium_box .right_box{width:50%}
	
}

@media screen and (max-width:1024px){
	.company div.co3{width:100%;min-height:585px;}
	.company div.co2 {clear:both;width:100%;min-height:900px;}
	.company div.co1 {clear:both;width:100%;min-height:50px;float: none;}
	.company div.co1 div.title {width:100%;}
	.company .content .content_bg {width:100%;position: relative;top:155px}
	.company div.co1 div.title p {padding:20px 20px 0px;}
	.company div.co1 div.title h2 {padding:0px 20px;}

	.company .content .content_bg .content_wrap {width:100%;margin:0 auto;padding:0px 0px;}
	.company .content .content_bg .content_wrap div.bar {margin-bottom:0px;}

	.company .content .content_bg .content_wrap div.txt {padding:10px 20px;}
	.company .content .content_bg .content_wrap div.txt div.txt1 {width:30%;}
	.company .content .content_bg .content_wrap div.txt div.txt2 {width:70%;}
	.about_cont_box .left{width:33%}
	.about_cont_box .center{width:33%}
	.about_cont_box .right{width:33%}


}

@media screen and (max-width:768px){
.about_cont_box .left span{display:none}
.about_cont_box .left{font-size:20px;}
.about_cont_box .center{font-size:16px;}
.about_cont_box .right{font-size:16px;font-weight:100}
.company div.co2{min-height:585px;}

.about_cont_box .cert_tit{font-size:26px;margin-bottom:15px;}
.about_cont_box .cert_box{margin-bottom:50px;}
.about_cont_box .cert_box li{float:none;margin-right:0;margin-bottom:20px;text-align:center}
.about_cont_box .cert_box li p{text-align:center;margin-top:10px;font-size:17px;}
.about_cont_box .cert_box li img{border:1px solid #ddd}
.about_cont_box .cert_box:after{content:"";clear:both;display:block;}
.company .container_tab .tab_title li{font-size:13px;}
.company div.co1 div.title h2 img{width:100%}
.company div.co1 div.title h2{padding:20px 0;width:75%}
.premium_box .left_box{margin:0;width:100%}
.premium_box .right_box{width:100%}
.premium_box .pre_txt .title h2{font-size:34px;}
}
/*About End*/

/*ceo Start*/


.ceo .content .content_bg .content_wrap div.txt div.txt2 .dashed > li:before {display: inline-block;content: "-";width: 1em;margin-left: -1em;}
.ceo .content .content_bg .content_wrap div.bar {width:100%;height:1px;background:#969696;margin-bottom:70px;}
.ceo {margin:0; margin-top:100px;}




/*ceo Start*/
.ceo {width:100%;}
.ceo div.co1 {float:right;width:50%;}
.ceo div.co2 {float:right;width:50%;/*min-height:572px;*/min-height:900px;background: url('./images/about/bg_ceo1_1.jpg') no-repeat center;background-position:center;background-size:contain;}


.ceo div.co3 {float:right;width:50%;/*min-height:572px;*/min-height:900px;background: url('./images/premium_img01.jpg') no-repeat center;background-position:center;background-size:contain;}

.ceo div.co1 div.title {width:700px;float:right}
.ceo div.co1 div.title p {font-size:18px;color:#4e4e4e}
.ceo div.co1 div.title p.com_sub_txt {font-size:18px;color:#4e4e4e}

.ceo div.co1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}

.ceo .content {width:1400px;height:auto;min-height:570px;margin:0 auto;}
.ceo .content .content_bg {width: 870px;position: absolute;background: #ffffff;top: 229px;}

.ceo .content .content_bg .content_wrap {width: 736px;/*margin:0 auto;padding:70px 0px;*/font-size: 18px;line-height: 32px;}
.ceo .content .content_bg .content_wrap div.txt {clear:both;padding:10px 0px;}
.ceo .content .content_bg .content_wrap div.txt div.txt1 {float:left;width:20%;font-size:17px;color:#000000;word-break:keep-all;}
.ceo .content .content_bg .content_wrap div.txt div.txt2 {float:left;width:80%;font-size:15px;color:#717171;line-height:28px;word-break:keep-all;}
.ceo .content .content_bg .content_wrap div.txt div.txt2 .dashed {list-style: none;margin-left: 0;padding-left: 1em;}
.ceo .content .content_bg .content_wrap div.txt div.txt2 .dashed > li {
  /*text-indent: -5px;*/
}
.ceo .content .content_bg .content_wrap div.txt div.txt2 .dashed > li:before {display: inline-block;content: "-";width: 1em;margin-left: -1em;}
.ceo .content .content_bg .content_wrap div.bar {width:100%;height:1px;background:#969696;margin-bottom:70px;}
.ceo {margin:0; margin-top:100px;}




/*message Start*/
.message {width:100%;margin-top:100px;}
.message div.me1 {float:right;width:50%;}
.message div.me2 {float:right;width:50%;min-height:572px;background: url('./images/about/bg_message.jpg') no-repeat center;background-position:center;background-size:cover;}

.message div.me1 div.title {width:700px;float:right}
.message div.me1 div.title p {font-size:18px;color:#4e4e4e}
.message div.me1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}

.message div.me1 div.title p.content {font-size:17px;color:#000000;padding:160px 180px 0px 0px;word-break:keep-all;}

.message div.me2 .me2_bottom{position: absolute;top: 700px;font-size:17px}

@media screen and (max-width:1440px){
	.message div.me1 div.title {width:50%;}
	.message .content {width:100%;}

}

@media screen and (max-width:1024px){
	.message div.me2 {clear:both;width:100%;min-height:300px;}
	.message div.me1 {clear:both;width:100%;min-height:50px;float: none;}
	.message div.me1 div.title {width:100%;}
	.message div.me1 div.title p {padding:20px 20px 0px;}
	.message div.me1 div.title h2 {padding:0px 20px;}
	.message div.me2 .me2_bottom{display:none;}
	.message div.me1 div.title p.content {padding:40px 20px;}

	/*ceo Start*/
.ceo {width:100%;}
.ceo div.co1 {float:none;width:100%;}
.ceo div.co2 {float:none;width:100%;/*min-height:572px;*/min-height:900px;background: url('./images/about/bg_ceo1_1.jpg') no-repeat center;background-position:center;background-size:contain;}

.ceo div.co1 div.title {width:100%;float:none;margin:50px 0}
.ceo div.co1 div.title p {font-size:18px;color:#4e4e4e}
.ceo div.co1 div.title p.com_sub_txt {font-size:15px;color:#4e4e4e}

.ceo div.co1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}

.ceo .content {width:100%;height:auto;min-height:570px;margin:0 auto;}
.ceo .content .content_bg {width: 100%;position: static;background: #ffffff;top: 0;}

.ceo .content .content_bg .content_wrap {width: 100%;/*margin:0 auto;padding:70px 0px;*/font-size:16px;line-height: 32px;padding:0 10px;}
.ceo .content .content_bg .content_wrap div.txt {clear:both;padding:10px 0px;}
.ceo .content .content_bg .content_wrap div.txt div.txt1 {float:left;width:20%;font-size:17px;color:#000000;word-break:keep-all;}
.ceo .content .content_bg .content_wrap div.txt div.txt2 {float:left;width:80%;font-size:15px;color:#717171;line-height:28px;word-break:keep-all;}
.ceo .content .content_bg .content_wrap div.txt div.txt2 .dashed {list-style: none;margin-left: 0;padding-left: 1em;}
.ceo .content .content_bg .content_wrap div.txt div.txt2 .dashed > li {
  /*text-indent: -5px;*/
}
.ceo .content .content_bg .content_wrap div.txt div.txt2 .dashed > li:before {display: inline-block;content: "-";width: 1em;margin-left: -1em;}
.ceo .content .content_bg .content_wrap div.bar {width:100%;height:1px;background:#969696;margin-bottom:70px;}
.ceo {margin:0; margin-top:100px;}


}

@media screen and (max-width:1440px){
.ceo div.co2{min-height:572px}
}
/*message End*/


/*vision Start*/
.vision {width:100%;margin-top:100px;}
.vision div.vis1 {width:1400px;margin:0 auto;}
.vision .clearfix:after{display:table;content:"";clear:both}
.vision div.vis1 div.title{width:100%;float:left}
.vision div.vis1 div.title p {font-size:18px;color:#4e4e4e}
.vision div.vis1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}


.content_01{padding-bottom:125px;}
.content_01 .left .dia_box{width: 0;height: 0;border: 50px solid transparent;border-bottom-color: #a48b78;position: relative;top: -50px;}
.content_01 .left .dia_box:after{content: '';position: absolute;left: -50px;top: 50px;width: 0;height: 0;border: 50px solid transparent;border-top-color: #a48b78;}
.content_01 .left .dia_box{width: 0;height: 0;border: 90px solid transparent;border-bottom-color: #a48b78;position: relative;top: -134px;float:left;margin-right:35px;}
.content_01 .left .dia_box:after{content: '';position: absolute;left: -90px;top: 90px;width: 0;height: 0;border: 90px solid transparent;border-top-color: #a48b78;}
.content_01 .left{float:right;width:50%}
.content_01 .left .left_box .txt{font-size:17px;line-height:32px;}
.content_01 .left .left_box{float: right;padding: 210px 66px 0 0;}
.content_01 .left .left_box .tit{font-size:36px;}
.content_01 .left .left_box .dia_box .dia_txt{width:100px;text-align:center;position:absolute;top: 30px;left:-52px;z-index:9;color:#ffffff;}
.content_01 .left .left_box .dia_box .dia_txt h1{font-size:35px;}
.content_01 .right .right_img:after{content:"";display:block;position:absolute;top:80px; left:-110px;width:200px;height:1px;background:#000}
.content_01 .right .right_img{position: relative;float:right;width:50%;min-height: 572px;background: url('./images/about/vis_img01.jpg') no-repeat center;background-position:center;background-size:cover;}

.content_02{padding-bottom:125px;}
.content_02 .left .dia_box{width: 0;height: 0;border: 50px solid transparent;border-bottom-color: #a48b78;position: relative;top: -50px;}
.content_02 .left .dia_box:after{content: '';position: absolute;left: -50px;top: 50px;width: 0;height: 0;border: 50px solid transparent;border-top-color: #a48b78;}
.content_02 .left .dia_box{width: 0;height: 0;border: 90px solid transparent;border-bottom-color: #a48b78;position: relative;top: -134px;float:left;margin-right:35px;}
.content_02 .left .dia_box:after{content: '';position: absolute;left: -90px;top: 90px;width: 0;height: 0;border: 90px solid transparent;border-top-color: #a48b78;}
.content_02 .left{float:right;width:50%}
.content_02 .left .left_box .txt{font-size:17px;line-height:32px;}
.content_02 .left .left_box{/*float:left;*/padding: 210px 0 0 70px;}
.content_02 .left .left_box .tit{font-size:36px;}
.content_02 .left .left_box .dia_box .dia_txt{width:100px;text-align:center;position:absolute;top: 30px;left:-52px;z-index:9;color:#ffffff;}
.content_02 .left .left_box .dia_box .dia_txt h1{font-size:35px;}
.content_02 .right .right_img:after{content:"";display:block;position:absolute;top:80px; right:-110px;width:200px;height:1px;background:#000}
.content_02 .right .right_img{position: relative;float:right;width:50%;min-height: 572px;background: url('./images/about/vis_img02.jpg') no-repeat center;background-position:center;background-size:cover;}
.content_02 .right .right_img_m:after{content:"";display:none;position:absolute;top:80px; right:-110px;width:200px;height:1px;background:#000}
.content_02 .right .right_img_m{display:none;position: relative;float:right;width:50%;min-height: 572px;background: url('./images/about/vis_img02.jpg') no-repeat center;background-position:center;background-size:cover;}



.content_03 .left .dia_box{width: 0;height: 0;border: 50px solid transparent;border-bottom-color: #a48b78;position: relative;top: -50px;}
.content_03 .left .dia_box:after{content: '';position: absolute;left: -50px;top: 50px;width: 0;height: 0;border: 50px solid transparent;border-top-color: #a48b78;}
.content_03 .left .dia_box{width: 0;height: 0;border: 90px solid transparent;border-bottom-color: #a48b78;position: relative;top: -134px;float:left;margin-right:35px;}
.content_03 .left .dia_box:after{content: '';position: absolute;left: -90px;top: 90px;width: 0;height: 0;border: 90px solid transparent;border-top-color: #a48b78;}
.content_03 .left{float:right;width:50%}
.content_03 .left .left_box .txt{font-size:17px;line-height:32px;}
.content_03 .left .left_box{float:right;padding: 210px 70px 0 0;}
.content_03 .left .left_box .tit{font-size:36px;}
.content_03 .left .left_box .dia_box .dia_txt{width:100px;text-align:center;position:absolute;top: 30px;left:-52px;z-index:9;color:#ffffff;}
.content_03 .left .left_box .dia_box .dia_txt h1{font-size:35px;}
.content_03 .left .left_box .dia_box .dia_txt p{padding-top:10px;}
.content_03 .right .right_img:after{content:"";display:block;position:absolute;top:80px; left:-110px;width:200px;height:1px;background:#000}
.content_03 .right .right_img{position: relative;float:right;width:50%;min-height: 572px;background: url('./images/about/vis_img03.jpg') no-repeat center;background-position:center;background-size:cover;}


@media screen and (max-width:1440px){

}

@media screen and (max-width:1300px){
.vision div.vis1{width:100%}
}

@media screen and (max-width:1024px){
.content_01 .left .dia_box{width: 0; height: 0;border: 60px solid transparent;border-bottom-color: #a48b78;position: relative;top: -89px;left: 10px;float: left;margin-right: 35px;}
.content_01 .left .dia_box:after{content: '';position: absolute;left: -60px;top: 60px;width: 0; height: 0;border: 60px solid transparent;border-top-color: #a48b78;}
.content_01 .left .left_box .tit{font-size: 22px;}
.content_01 .left .left_box{padding:60px 70px 0 0;float:right}
.content_01 .right .right_img{min-height: 450px;}
.content_01 .left .left_box .dia_box .dia_txt{font-size:12px;top:15px;left:-51px;}
.content_01 .left .left_box .dia_box .dia_txt h1{font-size:22px;}

.content_02 .left .dia_box{width: 0; height: 0;border: 60px solid transparent;border-bottom-color: #a48b78;position: relative;top: -89px;left: 10px;float: left;margin-right: 35px;}
.content_02 .left .dia_box:after{content: '';position: absolute;left: -60px;top: 60px;width: 0; height: 0;border: 60px solid transparent;border-top-color: #a48b78;}
.content_02 .left .left_box .tit{font-size: 22px;}
.content_02 .left .left_box{padding: 110px 0 0 70px;float:right;}
.content_02 .right .right_img{min-height: 450px;}
.content_02 .left .left_box .dia_box .dia_txt{font-size:12px;top:15px;left:-51px;}
.content_02 .left .left_box .dia_box .dia_txt h1{font-size:22px;}

.content_03 .left .dia_box{width: 0; height: 0;border: 60px solid transparent;border-bottom-color: #a48b78;position: relative;top: -89px;left: 10px;float: left;margin-right: 35px;}
.content_03 .left .dia_box:after{content: '';position: absolute;left: -60px;top: 60px;width: 0; height: 0;border: 60px solid transparent;border-top-color: #a48b78;}
.content_03 .left .left_box .tit{font-size: 22px;}
.content_03 .left .left_box{padding: 110px 70px 0 0;float:right;}
.content_03 .right .right_img{min-height: 450px;}
.content_03 .left .left_box .dia_box .dia_txt{font-size:12px;top:15px;left:-51px;}
.content_03 .left .left_box .dia_box .dia_txt h1{font-size:22px;}
}

@media screen and (max-width:768px){
.content_01 .left{float:none;width:100%}
.content_01 .right .right_img{float:none;width:100%;min-height:300px}
.content_01 .left .left_box{padding:60px 0px 0 0 ;}
#ft .ft_info2.pc {display: block;}
#ft .ft_info2.mobile {display: none}
#wrapper .pc_line{display:block}
.content_02 .right .right_img_m:after{content:"";display:none;position:absolute;top:80px; right:-110px;width:200px;height:1px;background:#000}
.content_02 .right .right_img_m{display:block;position: relative;float:none;width:100%;min-height: 300px;background: url('./images/about/vis_img02.jpg') no-repeat center;background-position:center;background-size:cover;}

.content_02 .right .right_img:after{content:"";display:none;position:absolute;top:80px; right:-110px;width:200px;height:1px;background:#000}
.content_02 .right .right_img{display:none;position: relative;float:none;width:50%;min-height: 300px;background: url('./images/about/vis_img02.jpg') no-repeat center;background-position:center;background-size:cover;}
.content_02 .left {float: right; width: 100%;}
.content_02 .left .left_box {padding: 60px 0 0 0px;float: none;}

.content_03 .left .dia_box{width: 0; height: 0;border: 60px solid transparent;border-bottom-color: #a48b78;position: relative;top: -89px;left: 10px;float: left;margin-right: 35px;}
.content_03 .left .dia_box:after{content: '';position: absolute;left: -60px;top: 60px;width: 0; height: 0;border: 60px solid transparent;border-top-color: #a48b78;}
.content_03 .left .left_box .tit{font-size: 22px;}
.content_03 .left .left_box{padding: 60px 0px 0 0;float:right;}

.content_03 .right .right_img{min-height: 300px;}
.content_03 .left .left_box .dia_box .dia_txt{font-size:12px;top:15px;left:-51px;}
.content_03 .left .left_box .dia_box .dia_txt h1{font-size:22px;}
.content_03 .right .right_img:after{content:"";display:block;position:absolute;top:80px; left:-110px;width:200px;height:1px;background:#000}
.content_03 .right .right_img{position: relative;float:none;width:100%;min-height: 300px;background: url('./images/about/vis_img03.jpg') no-repeat center;background-position:center;background-size:cover;}
.content_03 .left{float:none;width:100%}


}
.
/*vision End*/

/*organization start*/
.organization_box {width:100%;height:100%}
.organization_box div.vis1 {width:1400px;margin:0 auto;padding-top:100px;padding-bottom:85px;}
.organization_box .clearfix:after{display:table;content:"";clear:both}
.organization_box div.vis1 div.title{float:left;width:100%}
.organization_box div.vis1 div.title p {font-size:18px;color:#4e4e4e}
.organization_box div.vis1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}
/* .organization_box .organ_bg{background:url('./images/about/organization_img.jpg') center no-repeat;width:100%;height:1000px;} */
.organization_box .work_box{width:1400px; margin:0 auto;margin-top:100px;}
.organization_box .organ_bg{text-align:center}
.organization_box .organ_bg img{max-width:100%;}
.organization_box .organ_bg_m{display:none;}
.organization_box .work_box h2{font-size:30px; position: relative;}
.organization_box .work_box h2:before{content:"";width:100%;height:2px;background:#000;position:absolute;top:50%;right:103%}
.organization_box .work_box .work_content{display:inline-block;margin-top:110px;text-align:center;vertical-align: top;}
.organization_box .work_box .work_content .sub{width:114px;height:114px;background:red;margin:0 39px;border-radius:50%;background:#c2b2a4;margin-bottom:38px;font-size:22px;font-weight:600;color:#463628;line-height: 114px;position: relative;}
.organization_box .work_box .work_content .sub:before{content:"";position:absolute;top:0;left:50%;width:1px;height:19px;background:#fff;}
.organization_box .work_box .work_content .sub:after{content:"";position:absolute;top:-19px;left:50%;width:1px;height:19px;background:#000;}
.organization_box .work_box .work_content .design_sub{padding-top:26px;line-height:1.5}

@media screen and (max-width:1440px){
.organization_box div.vis1{width:100%}
.organization_box .work_box{width:100%;text-align:center}
.organization_box .organ_bg{background-size:100%;}
}

@media screen and (max-width:1024px){
.organization_box .organ_bg{display:none}
.organization_box .organ_bg_m{display:block;}
.organization_box .organ_bg_m img{width:100%}

}

@media screen and (max-width:786px){
.organization_box .work_box h2:before{width:10%;right:45%;top: 147%;}

}

/*organization start*/

/*ideology start*/

.ideology {width:100%;padding-top:100px;}
.ideology div.vis1 {width:1400px;margin:0 auto;padding-top:100px;padding-bottom:85px;}
.ideology div.vis1 .title{width:100%;float:left}
.ideology .clearfix:after{display:table;content:"";clear:both}
.ideology div.vis1 div.title p {font-size:18px;color:#4e4e4e}
.ideology div.vis1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}

.ideology .ideology_bg{background: url('./images/about/ideology_bg.jpg') no-repeat center;width:100%;height:1000px;}
.ideology .ideology_bg .ideology_content{width:1000px; margin:0 auto;position: relative;height:100%;color:#fff}

.ideology .ideology_bg .ideology_content .top_txt{position: absolute;top:135px;right:44.6%;font-size:17px;text-align:center}
.ideology .ideology_bg .ideology_content .top_txt h2{font-size:24px;}
.ideology .ideology_bg .ideology_content .top_txt h2:after{content:"";display:block;position:absolute;width:2px;height:160px;background:#ffffff;top: 116%;left: 51%;}
.ideology .ideology_bg .ideology_content .top_txt h2:before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;left: 47%;bottom: -343%;}


.ideology .ideology_bg .ideology_content .left_txt{font-size:17px;text-align:center;position: absolute;top:43.5%; left:0}
.ideology .ideology_bg .ideology_content .left_txt h2{font-size:24px;}
.ideology .ideology_bg .ideology_content .left_txt h2:after{content:"";display:block;position:absolute;width:160px;height:2px;background:#ffffff;top:50%;left:134%}
.ideology .ideology_bg .ideology_content .left_txt h2:before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;top: 47%;left: 254%;}


.ideology .ideology_bg .ideology_content .right_txt{font-size:17px;text-align:center;position: absolute;top:43.5%;right:0}
.ideology .ideology_bg .ideology_content .right_txt h2{font-size:24px;}
.ideology .ideology_bg .ideology_content .right_txt h2:before{content:"";display:block;position:absolute;width:160px;height:2px;background:#ffffff;top:50%;right:120%}
.ideology .ideology_bg .ideology_content .right_txt h2:after{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;top: 47%;right:218%;}

.ideology .ideology_bg .ideology_content .bot_txt{font-size:24px;text-align:center;position: absolute;bottom:177px;right: 42.4%;color:#ffffff;}
.ideology .ideology_bg .ideology_content .bot_txt h2:before{content:"";display:block;background: url('./images/about/ideology_arrow.png') no-repeat center;width:10px;height:160px;position: absolute;bottom:157%;left:50%}
.ideology .ideology_bg .ideology_content .bot_txt h2:after{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;left: 50%;top: -633%;}
.ideology .ideology_bg .ideology_content .bot_txt h2{font-size:24px;}

.ideology .ideology_bg .ideology_content .dia_box{width: 0;height: 0;border: 90px solid transparent;border-bottom-color: #a48b78;position: relative;top:300px;left:41.3%;float:left;margin-right:35px;}
.ideology .ideology_bg .ideology_content .dia_txt{width:150px;text-align:center;position:absolute;left:-74px;top:53px; z-index:999}
.ideology .ideology_bg .ideology_content .dia_txt h1{font-size:17px;}
.ideology .ideology_bg .ideology_content .dia_txt .dia_line{width:100px;height:1px;background:#ffffff;margin:6px auto}
.ideology .ideology_bg .ideology_content .dia_box:after{content: '';position: absolute;left: -90px;top: 90px;width: 0;height: 0;border: 90px solid transparent;border-top-color: #a48b78;}

@media screen and (max-width:1440px){
.ideology div.vis1{width:100%}
.ideology .ideology_bg .ideology_content{width:100%}
.ideology div.vis1 div.title p{padding:20px 20px 0px;}
.ideology div.vis1 div.title h2{padding:0 20px;}

}

@media screen and (max-width:900px){

}

@media screen and (max-width:500px){
.ideology {width:100%;padding-top:100px;}
.ideology div.vis1 {width:100%;margin:0 auto;padding-top:100px;padding-bottom:85px;}
.ideology .clearfix:after{display:table;content:"";clear:both}
.ideology div.vis1 div.title p {font-size:18px;color:#4e4e4e}
.ideology div.vis1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}

.ideology .ideology_bg{background: url('./images/about/ideology_bg.jpg') no-repeat center;width:100%;height: 539px;}
.ideology .ideology_bg .ideology_content{width:100%; margin:0 auto;position: relative;height:100%;color:#fff}

.ideology .ideology_bg .ideology_content .top_txt{position: absolute;top: 76px;right: 42%;font-size: 14px;text-align:center;}
.ideology .ideology_bg .ideology_content .top_txt h2{font-size: 18px;}
.ideology .ideology_bg .ideology_content .top_txt h2:after{content:"";display: none;position:absolute;width: 2px;height: 60px;background:#ffffff;top: 116%;left: 51%;}
.ideology .ideology_bg .ideology_content .top_txt h2:before{content:"";display: none;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;left: 47%;bottom: -211%;}


.ideology .ideology_bg .ideology_content .left_txt{font-size: 13px;text-align:center;position: absolute;top: 37.5%;left: 7px;}
.ideology .ideology_bg .ideology_content .left_txt h2{font-size: 14px;}
.ideology .ideology_bg .ideology_content .left_txt h2:after{content:"";display: none;position:absolute;width:160px;height:2px;background:#ffffff;top:50%;left:134%;}
.ideology .ideology_bg .ideology_content .left_txt h2:before{content:"";display: none;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;top: 47%;left: 254%;}


.ideology .ideology_bg .ideology_content .right_txt{font-size: 13px;text-align:center;position: absolute;top: 37.5%;right: 7px;}
.ideology .ideology_bg .ideology_content .right_txt h2{font-size: 14px;}
.ideology .ideology_bg .ideology_content .right_txt h2:before{content:"";display: none;position:absolute;width:160px;height:2px;background:#ffffff;top:50%;right:120%;}
.ideology .ideology_bg .ideology_content .right_txt h2:after{content:"";display: none;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;top: 47%;right:218%;}

.ideology .ideology_bg .ideology_content .bot_txt{font-size:24px;text-align:center;position: absolute;right: 37%;top: 452px;color:#bd997d;}
.ideology .ideology_bg .ideology_content .bot_txt h2:before{content:"";display:block;background: url('./images/about/ideology_arrow.png') no-repeat center;width:10px;height: 110px;position: absolute;bottom: 106%;left: 43.1%;background-position: bottom;}
.ideology .ideology_bg .ideology_content .bot_txt h2:after{content:"";display: none;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;left: 50%;top: -633%;}
.ideology .ideology_bg .ideology_content .bot_txt h2{font-size: 18px;padding-top: 25px;}

.ideology .ideology_bg .ideology_content .dia_box{width: 0;height: 0;border: 70px solid transparent;border-bottom-color: #a48b78;position: relative;top: 86px;left: 33.5%;float:left;margin-right:35px;}
.ideology .ideology_bg .ideology_content .dia_txt{width:150px;text-align:center;position:absolute;left:-74px;top: 38px;z-index:999;}
.ideology .ideology_bg .ideology_content .dia_txt h1{font-size: 17px;}
.ideology .ideology_bg .ideology_content .dia_txt p{font-size: 12px;}

.ideology .ideology_bg .ideology_content .dia_txt .dia_line{width:70px;height:1px;background:#ffffff;margin:6px auto}
.ideology .ideology_bg .ideology_content .dia_box:after{content: '';position: absolute;left: -70px;top: 70px;width: 0;height: 0;border: 70px solid transparent;border-top-color: #a48b78;}

}


@media screen and (max-width:400px){
.ideology .ideology_bg .ideology_content .top_txt{position: absolute;top: 76px;right: 39.3%;font-size: 14px;text-align:center;}
.ideology .ideology_bg .ideology_content .top_txt h2{font-size: 18px;}
.ideology .ideology_bg .ideology_content .top_txt h2:after{content:"";display: none;position:absolute;width: 2px;height: 60px;background:#ffffff;top: 116%;left: 51%;}
.ideology .ideology_bg .ideology_content .top_txt h2:before{content:"";display: none;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;left: 47%;bottom: -211%;}


.ideology .ideology_bg .ideology_content .left_txt{font-size: 13px;text-align:center;position: absolute;top: 37.5%;left: 10px;}
.ideology .ideology_bg .ideology_content .left_txt h2{font-size: 14px;}
.ideology .ideology_bg .ideology_content .left_txt h2:after{content:"";display: none;position:absolute;width:160px;height:2px;background:#ffffff;top:50%;left:134%;}
.ideology .ideology_bg .ideology_content .left_txt h2:before{content:"";display: none;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;top: 47%;left: 254%;}


.ideology .ideology_bg .ideology_content .right_txt{font-size: 13px;text-align:center;position: absolute;top: 37.5%;right: 7px;}
.ideology .ideology_bg .ideology_content .right_txt h2{font-size: 14px;}
.ideology .ideology_bg .ideology_content .right_txt h2:before{content:"";display: none;position:absolute;width:160px;height:2px;background:#ffffff;top:50%;right:120%;}
.ideology .ideology_bg .ideology_content .right_txt h2:after{content:"";display: none;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;top: 47%;right:218%;}

.ideology .ideology_bg .ideology_content .bot_txt{font-size:24px;text-align:center;position: absolute;right: 33%;top: 448px;color:#bd997d;}
.ideology .ideology_bg .ideology_content .bot_txt h2:before{content:"";display:block;background: url('./images/about/ideology_arrow.png') no-repeat center;width:10px;height: 110px;position: absolute;bottom: 106%;left: 43.1%;background-position: bottom;}
.ideology .ideology_bg .ideology_content .bot_txt h2:after{content:"";display: none;width:9px;height:9px;border-radius:50%;background:#fff;position: absolute;left: 50%;top: -633%;}
.ideology .ideology_bg .ideology_content .bot_txt h2{font-size: 18px;}

.ideology .ideology_bg .ideology_content .dia_box{width: 0;height: 0;border: 70px solid transparent;border-bottom-color: #a48b78;position: relative;top: 86px;left: 32%;float:left;margin-right:35px;}
.ideology .ideology_bg .ideology_content .dia_txt{width:150px;text-align:center;position:absolute;left:-74px;top: 38px;z-index:999;}
.ideology .ideology_bg .ideology_content .dia_txt h1{font-size: 17px;}
.ideology .ideology_bg .ideology_content .dia_txt p{font-size: 12px;}

.ideology .ideology_bg .ideology_content .dia_txt .dia_line{width:70px;height:1px;background:#ffffff;margin:6px auto}
.ideology .ideology_bg .ideology_content .dia_box:after{content: '';position: absolute;left: -70px;top: 70px;width: 0;height: 0;border: 70px solid transparent;border-top-color: #a48b78;}

}
/*ideology end*/
@media screen and (max-width:1440px){

}

@media screen and (max-width:900px){
}
}

@media screen and (max-width:680px){

}


/*history start*/
.history {width:100%; height:100%; overflow: hidden;}
.history .historyWrap {width: 50%;height:100%;float:right;}
.history .historyWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .historyWrap .hisBigYear {float: right;width:160px;font-size:36px;font-weight:700;color:#000;}
.history .historyWrap .hisBigYear_m {float: right;width:160px;font-size:36px;font-weight:700;color:#000;display:none}

.history .historyWrap .hisBigContent {float: right;}
.history .historyWrap .hisBigContent .hisBigContentWrap {margin-bottom: 100px;}
.history .historyWrap .hisBigContent .hisBigContentWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}

.history .historyWrap .hisBigContent .hisBigContentWrap .hisYear {float:left; font-size:36px; font-weight:700; color:#252525; padding-right: 90px; position: relative;}
.history .historyWrap .hisBigContent .hisBigContentWrap .hisYear:after {content : ""; position: absolute; right: 0; top: 20px; height: 1px; width: 43px; border-bottom:1px solid #c0101e; }
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent {float: right;position: relative;}
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent:before {content : ""; position: absolute; left: 0; top: 0px; height:100%; width: 1px; border-left:1px solid #bababa; }
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent:after {display:block;content:"";width: 46px;height:1px;background:#000;position:absolute;top:25px;left: -45px;background:#a18b78;}

.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap {padding-bottom: 20px; margin-top: 10px;}
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .content_bottom {padding-bottom:300px;}
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConMonth {float:left; font-size:24px; color:#252525; font-weight: 500; padding-left: 65px; font-family: 'Titillium Web';}
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConMonth span {position: relative;}
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConMonth span:before {position: absolute;top: 10px;left: -50px;vertical-align: middle;display: inline-block;width:0;height:0;border-top: 16px solid #a18b78;border-right:16px solid transparent;content: "";}
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConTxt {float:left;font-size: 16px;line-height: 22px;color:#252525;padding-left: 60px;word-break: keep-all;}
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConTxt ul .dongbu_steel{padding-right:180px}
.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConTxt ul li{ padding-bottom:10px;width:415px;}

.history .left_box .left_content_box{padding-bottom:300px}
.history .left_box .historyWrap {width: 50%;height:100%;float:right;padding-left:70px;}
.history .left_box .historyWrap .hisBigYear {float: left;width:160px;font-size:36px;font-weight:700;color:#000;}
.history .left_box .historyWrap .hisBigYear_m {float: right;width:160px;font-size:36px;font-weight:700;color:#000;display:none}
.history .left_box .historyWrap .hisBigContent {float: left;}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap {margin-bottom: 100px;}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisYear {float:left; font-size:36px; font-weight:700; color:#252525; padding-right: 90px; position: relative;}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisYear:after {content : ""; position: absolute; right: 0; top: 20px; height: 1px; width: 43px; border-bottom:1px solid #c0101e; }
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent {float: right;position: relative;}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent:before {content : ""; position: absolute; left: 0; top: 0px; height:100%; width: 1px; border-left:1px solid #bababa; }
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap {padding-bottom: 20px; margin-top: 10px;}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap:before{display:block;content:"";width:60px;height:1px; background:#000;position:absolute;top:25px;left:-59px;background:#a18b78}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConMonth {float:left; font-size:24px; color:#252525; font-weight: 500; padding-left: 65px; font-family: 'Titillium Web';}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConMonth span {position: relative;}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConMonth span:before {position: absolute;top: 10px;left: -50px;vertical-align: middle;display: inline-block;width:0;height:0;border-top: 16px solid #a18b78;border-right:16px solid transparent;content: "";}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConTxt {float:left;font-size: 16px;line-height: 22px;color:#252525;padding-left: 60px;word-break: keep-all;}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConTxt ul .dongbu_steel{padding-right:180px}
.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConTxt ul li{ padding-bottom:10px;}

.history div.vis1 {width:1400px;margin:0 auto;padding-top:100px;padding-bottom:85px;}
.history .clearfix:after{display:table;content:"";clear:both}
.history div.vis1 div.title p {font-size:18px;color:#4e4e4e}
.history div.vis1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}
.history .right_bg{background: url('/page/asset/images/history_img01.jpg') no-repeat center;width:50%;height:621px;float:right;background-size:100%;background-position: top;}
.history .right_bg_m{background: url('/page/asset/images/history_img01.jpg') no-repeat center;width:50%;height:621px;float:right;display:none}
.history .left_bg{background: url('/page/asset/images/history_img01.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top}
.history .left_bg_m{background: url('/page/asset/images/history_img01.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top;display:none;}
/*이미지 오른쪽*/
.history .bg03{background: url('/page/asset/images/history_img03.jpg') no-repeat center;width:50%;height:621px;float:right;background-size:100%;background-position: top;}
.history .m_bg03{background: url('/page/asset/images/history_img03.jpg') no-repeat center;width:50%;height:621px;float:right;display:none}
.history .bg05{background: url('/page/asset/images/history_img05.jpg') no-repeat center;width:50%;height:621px;float:right;background-size:100%;background-position: top;}
.history .m_bg05{background: url('/page/asset/images/history_img05.jpg') no-repeat center;width:50%;height:621px;float:right;display:none}
.history .bg07{background: url('/page/asset/images/history_img07.jpg') no-repeat center;width:50%;height:621px;float:right;background-size:100%;background-position: top;}
.history .m_bg07{background: url('/page/asset/images/history_img07.jpg') no-repeat center;width:50%;height:621px;float:right;display:none}
.history .bg09{background: url('/page/asset/images/history_img09.jpg') no-repeat center;width:50%;height:621px;float:right;background-size:100%;background-position: top;}
.history .m_bg09{background: url('/page/asset/images/history_img09.jpg') no-repeat center;width:50%;height:621px;float:right;display:none}
.history .bg11{background: url('/page/asset/images/history_img11.jpg') no-repeat center;width:50%;height:621px;float:right;background-size:100%;background-position: top;}
.history .m_bg11{background: url('/page/asset/images/history_img11.jpg') no-repeat center;width:50%;height:621px;float:right;display:none}
.history .bg13{background: url('/page/asset/images/history_img13.jpg') no-repeat center;width:50%;height:621px;float:right;background-size:100%;background-position: top;}
.history .m_bg13{background: url('/page/asset/images/history_img13.jpg') no-repeat center;width:50%;height:621px;float:right;display:none}

/*이미지 왼쪽*/
.history .bg02{background: url('/page/asset/images/history_img02.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top}
.history .m_bg02{background: url('/page/asset/images/history_img02.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top;display:none;}
.history .bg04{background: url('/page/asset/images/history_img04.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top}
.history .m_bg04{background: url('/page/asset/images/history_img04.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top;display:none;}
.history .bg06{background: url('/page/asset/images/history_img06.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top}
.history .m_bg06{background: url('/page/asset/images/history_img06.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top;display:none;}
.history .bg08{background: url('/page/asset/images/history_img08.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top}
.history .m_bg08{background: url('/page/asset/images/history_img08.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top;display:none;}
.history .bg10{background: url('/page/asset/images/history_img10.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top}
.history .m_bg10{background: url('/page/asset/images/history_img10.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top;display:none;}
.history .bg12{background: url('/page/asset/images/history_img12.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top}
.history .m_bg12{background: url('/page/asset/images/history_img12.jpg') no-repeat center;width:50%;height:621px;float:left;background-size:100%;background-position:top;display:none;}


@media screen and (max-width: 1410px){
	.history .historyWrap .hisBigYear {display:none}
	.history .historyWrap .hisBigYear_m	{display:block; width: 40%;float: none;}
	.history .left_box .historyWrap .hisBigYear {display:block}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent:after{display:none}
	.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap:before{display:none}

}
@media screen and (max-width: 1024px){
	.history .historyWrap .hisBigYear {width: 40%;}
	.history .historyWrap{width:50%;padding:5px;}
	.history .right_bg{background-size:contain;background-position:top}
	.history .historyWrap .hisBigYear {display:none}
	.history .historyWrap .hisBigYear_m	{display:block; width: 40%;float: none;}
	.history .left_box .historyWrap .hisBigYear {display:block}
	.history .left_box .historyWrap .hisBigYear	{display:block; width: 40%;float: none;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .content_bottom {padding-bottom:0;}
	.history .left_box .left_content_box{padding-bottom:0}
}

@media screen and (max-width: 768px){
	.history .left_box .historyWrap .hisBigYear {display:block}
	.history .historyWrap .hisBigYear {float: none;}
	.history .historyWrap .hisBigContent {float:none;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisYear {float: none;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisYear:after {width: 0;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap {padding-bottom: 30px;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConMonth {padding-left: 35px;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConMonth span:before {left: -30px;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConTxt {padding-left: 30px;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConTxt ul .dongbu_steel{padding-right:0px}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent{float:none;}
	.history .right_bg{display:none}
	.history .right_bg_m{width:100%;height:278px;float:right;display:block;background-size: 100%;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent:before {content : ""; position: absolute; left: 0; top: 0px; height: 100%; width: 1px; border-left:1px solid #bababa; }
	.history .historyWrap{width:100%;padding:5px;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConTxt ul li{font-size:14px;width:100%}
	.history .historyWrap .hisBigContent .hisBigContentWrap{margin-bottom:0}
	
	.history .left_box .left_content_box{padding-bottom:0}
	.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConTxt{padding-left:30px;}
	.history .left_bg{display:none;}
	.history .left_bg_m{width:100%;height:278px;float:left;background-size:100%;background-position:top;display:block;}

	.history .left_box .historyWrap{padding-left:0;width:100%;padding:5px;}
	.history .left_box .historyWrap .hisBigContent .hisBigContentWrap .hisContent .hisContentWrap .hisConMonth span:before{left:-60px;}
	.history .left_box .historyWrap .hisBigContent .hisBigContentWrap{margin-bottom:30px;}
	.history .historyWrap .hisBigContent .hisBigContentWrap .hisContent .content_bottom {padding-bottom:0;}

}
/*history end/

/*호텔프로젝트 start*/
.hotel_project {width:100%;height:auto;}
.hotel_project .hotel_project1{width:1400px;height:auto;margin:0 auto;}
.hotel_project .hotel_project1 h2{font-size:43px;font-weight:bold;padding:80px 0px 10px 0px;}
.hotel_project .hotel_project1 p{font-size:21px;padding-bottom:10px;}
.hotel_project .hotel_project1 .sub_txt{font-size:18px;}
.hotel_project .hotel_project1 .hotel_content {width:100%}
.hotel_project .hotel_project1 .clearfix:after{content:"";display:block;clear:both}
.hotel_project .hotel_project1 .hotel_content_01 .left{float:right;width:50%}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .txt{font-size:16px;line-height:32px;padding-bottom:20px;}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .txt .tit1{font-size:21px;font-weight:700}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .txt2{padding-bottom:75px;}

.hotel_project .hotel_project1 .hotel_content_01 .left .left_box{float: right;padding: 55px 66px 0 0;}
.hotel_project1 .hotel_content_01 .left .dia_box{width: 0;height: 0;border: 65px solid transparent;border-bottom-color: #a48b78;position: relative;top: -57px;float:left;margin-right:35px;}
.hotel_project1 .hotel_content_01 .left .dia_box:after{content: '';position: absolute;left: -66px;top: 65px;width: 0;height: 0;border: 65px solid transparent;border-top-color: #a48b78;}
.hotel_project1 .hotel_content_01{padding-top:70px;}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .tit{font-size:36px;}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .dia_box .dia_txt{width:100px;text-align:center;position:absolute;top: 39px;left: -51px;z-index:9;color:#ffffff;}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .dia_box .dia_txt h1{font-size:35px;}
.hotel_project .hotel_project1 .hotel_content_01 .right .right_img{position: relative;float:right;width:50%;min-height: 572px;background: url('./images/about/hotel_img01.jpg') no-repeat center;background-position:center;background-size:cover;}


.hotel_project .hotel_project1 .hotel_content_02 {padding-bottom:125px;}
.hotel_project .hotel_project1 .hotel_content_02  .left .dia_box{width: 0;height: 0;border: 50px solid transparent;border-bottom-color: #a48b78;position: relative;top: -50px;}
.hotel_project .hotel_project1 .hotel_content_02  .left .dia_box:after{content: '';position: absolute;left: -50px;top: 50px;width: 0;height: 0;border: 50px solid transparent;border-top-color: #a48b78;}
.hotel_project .hotel_project1 .hotel_content_02  .left .dia_box{width: 0;height: 0;border: 65px solid transparent;border-bottom-color: #a48b78;position: relative;top: -58px;float:left;margin-right:35px;}
.hotel_project .hotel_project1 .hotel_content_02  .left .dia_box:after{content: '';position: absolute;left: -66px;top: 65px;width: 0;height: 0;border: 65px solid transparent;border-top-color: #a48b78;}
.hotel_project .hotel_project1 .hotel_content_02  .left{float:right;width:50%}
.hotel_project .hotel_project1 .hotel_content_02  .left .left_box .txt{font-size:16px;line-height:32px;padding-bottom:20px;}
.hotel_project .hotel_project1 .hotel_content_02  .left .left_box .txt .tit1{font-size:21px;font-weight:700}
.hotel_project .hotel_project1 .hotel_content_02  .left .left_box{/*float:left;*/padding: 126px 0 0 70px;}
.hotel_project .hotel_project1 .hotel_content_02  .left .left_box .tit{font-size:36px;}
.hotel_project .hotel_project1 .hotel_content_02  .left .left_box .dia_box .dia_txt{width:100px;text-align:center;position:absolute;top: 39px;left:-52px;z-index:9;color:#ffffff;}
.hotel_project .hotel_project1 .hotel_content_02  .left .left_box .dia_box .dia_txt h1{font-size:35px;}
.hotel_project .hotel_project1 .hotel_content_02  .right .right_img{position: relative;float:right;width:50%;min-height: 572px;background: url('./images/about/hotel_img02.jpg') no-repeat center;background-position:center;background-size:cover;}
.hotel_project .hotel_project1 .hotel_content_02  .right .right_img_m:after{content:"";display:none;position:absolute;top:80px; right:-110px;width:200px;height:1px;background:#000}
.hotel_project .hotel_project1 .hotel_content_02  .right .right_img_m{display:none;position: relative;float:right;width:50%;min-height: 572px;background: url('./images/about/vis_img02.jpg') no-repeat center;background-position:center;background-size:cover;}
.hotel_project .hotel_project1 .hotel_content_02  .right{padding-top:120px;}
.hotel_project .hotel_project1 .hotel_content_02 .left .left_box .txt2{padding-bottom:60px}

.hotel_project .hotel_project1 .hotel_content_03 .left{float:right;width:50%}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .txt{font-size:16px;line-height:32px;padding-bottom:20px;}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .txt .tit1{font-size:21px;font-weight:700}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .txt2{padding-bottom:40px;}

.hotel_project .hotel_project1 .hotel_content_03 .left .left_box{float: right;padding: 9px 66px 0 0;}
.hotel_project1 .hotel_content_03 .left .dia_box{width: 0;height: 0;border: 65px solid transparent;border-bottom-color: #a48b78;position: relative;top: -57px;float:left;margin-right:35px;}
.hotel_project1 .hotel_content_03 .left .dia_box:after{content: '';position: absolute;left: -66px;top: 65px;width: 0;height: 0;border: 65px solid transparent;border-top-color: #a48b78;}
.hotel_project1 .hotel_content_03{padding-top:70px;}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .tit{font-size:36px;}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .dia_box .dia_txt{width:100px;text-align:center;position:absolute;top: 39px;left: -51px;z-index:9;color:#ffffff;}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .dia_box .dia_txt h1{font-size:35px;}
.hotel_project .hotel_project1 .hotel_content_03 .right .right_img{position: relative;float:right;width:50%;min-height: 572px;background: url('./images/about/hotel_img03.jpg') no-repeat center;background-position:center;background-size:cover;}



@media screen and (max-width:1024px){

.hotel_project .hotel_project1 .sub_txt{font-size:14px;}

.hotel_project .hotel_project1{width:100%}
.hotel_project .hotel_project1 .hotel_content_02 .left .left_box .txt{font-size:14px;}
.hotel_project .hotel_project1 .hotel_content_01 .left .dia_box{width: 0; height: 0;border: 60px solid transparent;border-bottom-color: #a48b78;position: relative;top: -63px;left: 10px;float: left;margin-right: 35px;}
.hotel_project .hotel_project1 .hotel_content_01 .left .dia_box:after{content: '';position: absolute;left: -60px;top: 60px;width: 0; height: 0;border: 60px solid transparent;border-top-color: #a48b78;}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .tit{font-size: 22px;}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box{padding:60px 0px 0 0;float:right}
.hotel_project .hotel_project1 .hotel_content_01 .right .right_img{min-height: 450px;width:100%}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .dia_box .dia_txt{font-size:12px;top:42px;left:-51px;}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .dia_box .dia_txt h1{font-size:22px;}
.hotel_project .hotel_project1 .hotel_content_01 .left{width:100%}
.hotel_project .hotel_project1 .hotel_content_02 .right .right_img{display:none;position: relative;float:none;width:50%;min-height: 300px;background: url('./images/about/vis_img02.jpg') no-repeat center;background-position:center;background-size:cover;}
.hotel_project .hotel_project1 .hotel_content_02 .right .right_img_m{display:block;position: relative;float:none;width:100%;min-height: 450px;background: url('./images/about/hotel_img02.jpg') no-repeat center;background-position:center;background-size:cover;}


.hotel_project .hotel_project1 .hotel_content_02 .left .dia_box{width: 0; height: 0;border: 60px solid transparent;border-bottom-color: #a48b78;position: relative;top: -75px;left: 10px;float: left;margin-right: 35px;}
.hotel_project .hotel_project1 .hotel_content_02 .left .dia_box:after{content: '';position: absolute;left: -60px;top: 60px;width: 0; height: 0;border: 60px solid transparent;border-top-color: #a48b78;}
.hotel_project .hotel_project1 .hotel_content_02 .left .left_box .tit{font-size: 22px;}
.hotel_project .hotel_project1 .hotel_content_02 .left .left_box{padding:66px 0 0 0px;float:right;}
.hotel_project .hotel_project1 .hotel_content_02 .right .right_img{min-height: 450px;}
.hotel_project .hotel_project1 .hotel_content_02 .left .left_box .dia_box .dia_txt{font-size:12px;top:42px;left:-51px;}
.hotel_project .hotel_project1 .hotel_content_02 .left .left_box .dia_box .dia_txt h1{font-size:22px;}
.hotel_project .hotel_project1 .hotel_content_02 .left{width:100%}
.hotel_project .hotel_project1 .hotel_content_02 .left .left_box .txt2{padding-bottom:55px;}

.hotel_project1 .hotel_content_03{padding-top:0}
.hotel_project .hotel_project1 .hotel_content_03 .left .dia_box{width: 0; height: 0;border: 60px solid transparent;border-bottom-color: #a48b78;position: relative;top: -63px;left: 10px;float: left;margin-right: 35px;}
.hotel_project .hotel_project1 .hotel_content_03 .left .dia_box:after{content: '';position: absolute;left: -60px;top: 60px;width: 0; height: 0;border: 60px solid transparent;border-top-color: #a48b78;}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .tit{font-size: 22px;}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box{padding:60px 0px 0 0;float:right}
.hotel_project .hotel_project1 .hotel_content_03 .right .right_img{min-height: 450px;width:100%}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .dia_box .dia_txt{font-size:12px;top:42px;left:-51px;}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .dia_box .dia_txt h1{font-size:22px;}
.hotel_project .hotel_project1 .hotel_content_03 .left{width:100%}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .txt{font-size:14px;padding-bottom:55px;}

.content_03 .left .dia_box{width: 0; height: 0;border: 60px solid transparent;border-bottom-color: #a48b78;position: relative;top: -89px;left: 10px;float: left;margin-right: 35px;}
.content_03 .left .dia_box:after{content: '';position: absolute;left: -60px;top: 60px;width: 0; height: 0;border: 60px solid transparent;border-top-color: #a48b78;}
.content_03 .left .left_box .tit{font-size: 22px;}
.content_03 .left .left_box{padding: 110px 70px 0 0;float:right;}
.content_03 .right .right_img{min-height: 450px;}
.content_03 .left .left_box .dia_box .dia_txt{font-size:12px;top:15px;left:-51px;}
.content_03 .left .left_box .dia_box .dia_txt h1{font-size:22px;}
}

@media screen and (max-width:768px){

.hotel_project .hotel_project1 h2{font-size:42px;    padding: 30px 0px 10px 0px;}
.hotel_project .hotel_project1 p{font-size:16px;}
.hotel_project .hotel_project1 .sub_txt{font-size:16px;}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .txt2{font-size:14px;line-height:32px;padding-bottom:55px;padding-top:60px;}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box .tit{padding-top:42px;}
.hotel_project .hotel_project1{width:100%}
.hotel_project .hotel_project1 .hotel_content_01 .left{float:none;width:100%}
.hotel_project .hotel_project1 .hotel_content_01 .right .right_img{float:none;width:100%;min-height:300px}
.hotel_project .hotel_project1 .hotel_content_01 .left .left_box{padding:60px 0px 0 0 ;}
#ft .ft_info2.pc {display: block;}
#ft .ft_info2.mobile {display: none}
#wrapper .pc_line{display:block}
.hotel_project .hotel_project1 .hotel_content_02 .right .right_img_m:after{content:"";display:none;position:absolute;top:80px; right:-110px;width:200px;height:1px;background:#000}
.hotel_project .hotel_project1 .hotel_content_02 .right .right_img_m{display:block;position: relative;float:none;width:100%;min-height: 300px;background: url('./images/about/hotel_img02.jpg') no-repeat center;background-position:center;background-size:cover;}
.hotel_project .hotel_project1 .hotel_content_02 .left .dia_box{top:-58px}
.hotel_project .hotel_project1 .hotel_content_02 .right .right_img:after{content:"";display:none;position:absolute;top:80px; right:-110px;width:200px;height:1px;background:#000}
.hotel_project .hotel_project1 .hotel_content_02 .right .right_img{display:none;position: relative;float:none;width:50%;min-height: 300px;background: url('./images/about/vis_img02.jpg') no-repeat center;background-position:center;background-size:cover;}
.hotel_project .hotel_project1 .hotel_content_02 .left {float: right; width: 100%;}
.hotel_project .hotel_project1 .hotel_content_02 .left .left_box {padding: 60px 0 0 0px;float: none;}
.hotel_project .hotel_project1 .hotel_content_02 .left .left_box .tit{padding-top:42px;}
.hotel_project .hotel_project1 .hotel_content_02 .left .left_box .txt2{padding-top:60px;}



.hotel_project .hotel_project1{width:100%}
.hotel_project1 .hotel_content_03{padding-top:0}
.hotel_project .hotel_project1 .hotel_content_03 .left{float:none;width:100%}
.hotel_project .hotel_project1 .hotel_content_03 .right .right_img{float:none;width:100%;min-height:300px}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box{padding:60px 0px 0 0 ;}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .tit{padding-top:42px;}
.hotel_project .hotel_project1 .hotel_content_03 .left .left_box .txt2{padding-top:60px;}


.content_03 .left .dia_box{width: 0; height: 0;border: 60px solid transparent;border-bottom-color: #a48b78;position: relative;top: -89px;left: 10px;float: left;margin-right: 35px;}
.content_03 .left .dia_box:after{content: '';position: absolute;left: -60px;top: 60px;width: 0; height: 0;border: 60px solid transparent;border-top-color: #a48b78;}
.content_03 .left .left_box .tit{font-size: 22px;}
.content_03 .left .left_box{padding: 60px 0px 0 0;float:right;}

.content_03 .right .right_img{min-height: 300px;}
.content_03 .left .left_box .dia_box .dia_txt{font-size:12px;top:15px;left:-51px;}
.content_03 .left .left_box .dia_box .dia_txt h1{font-size:22px;}
.content_03 .right .right_img:after{content:"";display:block;position:absolute;top:80px; left:-110px;width:200px;height:1px;background:#000}
.content_03 .right .right_img{position: relative;float:none;width:100%;min-height: 300px;background: url('./images/about/vis_img03.jpg') no-repeat center;background-position:center;background-size:cover;}
.content_03 .left{float:none;width:100%}


}

/*호텔프로젝트 end*/

/* 프리미엄 수입가전 start */
.premium {margin:0; margin-top:100px;}
.premium {width:100%;}
.premium div.co1 {width:1400px;margin:0 auto}

.premium div.co3 {float:right;width:50%;min-height:572px;/*min-height:900px;*/background: url('./images/premium_img01.jpg') no-repeat center;background-position:center;background-size:contain;position:absolute;top: 235px;right:0;}

.premium div.co1 div.title {}
.premium div.co1 div.title p {font-size:18px;color:#4e4e4e}
.premium div.co1 div.title p.com_sub_txt {font-size:18px;color:#4e4e4e}

.premium div.co1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}

.premium .content {width:1400px;height:auto;min-height:900px;margin:0 auto;}
.premium .content .content_bg {width: 870px;position: absolute;background: #ffffff;top: 332px;}

.premium .content .content_bg .content_wrap {width: 736px;/*margin:0 auto;padding:70px 0px;*/font-size: 18px;line-height: 32px;}
.premium .content .content_bg .content_wrap div.txt {clear:both;padding:10px 0px;}
.premium .content .content_bg .content_wrap div.txt div.txt1 {float:left;width:20%;font-size:17px;color:#000000;word-break:keep-all;}
.premium .content .content_bg .content_wrap div.txt div.txt2 {float:left;width:80%;font-size:15px;color:#717171;line-height:28px;word-break:keep-all;}
.premium .content .content_bg .content_wrap div.txt div.txt2 .dashed {list-style: none;margin-left: 0;padding-left: 1em;}

.premium .content .content_bg .content_wrap div.bar {width:100%;height:1px;background:#969696;margin-bottom:70px;}
.premium .content .content_bg .content_wrap h2{font-size:28px;padding-bottom:34px;}

.premium .premium_content{width:100%;margin:0 auto;position:relative}
.premium .premium_content .premium_bg{width:58%;min-height:510px;background: url('./images/premium_img02.jpg') no-repeat center;background-position:center;background-size:contain;}
.premium .premium_content .premium_txt{position:absolute;top:60%;right:0;width:51%;background-color:rgba(0,0,0,.8);color:#ffffff;padding:50px;font-size:18px;}


.premium_dietrich{padding-top:150px;width:1400px;margin:0 auto} 
.premium_dietrich .dietrich_txt{font-size:34px;text-align:center}
.premium_dietrich p{text-align:center;font-size:18px;}
.premium_dietrich .dietrich_img:after{content:"";clear:both;display:block;}
.premium_dietrich .dietrich_img{padding-top:50px;}
.premium_dietrich .dietrich_img li{width:50%;float:left;padding:5px;}
.premium_dietrich .dietrich_img li img{width:100%}

.premium_income{width:1400px;margin:0 auto;padding-top:150px;}
.premium_income .income_txt{font-size:34px;}
.premium_income .income_img:after{content:"";display:block;clear:both}
.premium_income .income_img{padding-top:50px;}
.premium_income .income_img li{float:left;width:23%;text-align:center;border:1px solid #ddd;margin:0 30px;}
.premium_income .income_img li:nth-child(1){margin-left:0;}

.premium .movie_box{width:1400px;margin:0 auto}
.premium .movie_box:after{clear:both;display:block;content:"";}
.premium .movie_box{padding-top:100px;}
.premium .movie_box #movies{width:50%;float:left;padding-right:10px;}

.premium_product{width:1400px;margin:0 auto;padding-top:150px;}
.premium_product .img_box:after{content:"";display:block;clear:both}
.premium_product .img_box{padding-top:50px;}
.premium_product .img_box li{width:100%;/* float:left; */border:1px solid #ddd;margin-bottom:15px;}
.premium_product .img_box li img{width:100%}
.premium_product .product_txt{font-size:34px;}

.product_review{width:1400px;margin:0 auto;padding-top:150px;}
.product_review .img_box:after{content:"";display:block;clear:both}
.product_review .img_box{padding-top:50px;}
.product_review .img_box li{width:49%;float:left;border:1px solid #ddd;margin:7px}
.product_review .img_box li img{width:100%}
.product_review .review_txt{font-size:34px;}

@media screen and (max-width:1024px){

.premium div.co1 {width:100%;margin:0 auto}

.premium div.co3 {position:static;float:none;width:100%;min-height:572px;/*min-height:900px;*/background: url('./images/premium_img01.jpg') no-repeat center;background-position:center;background-size:100%;/* position:absolute;top: 235px;right:0; */}
.premium .content .content_bg{width:100%;position:static}
.premium .content{width:100%;min-height:800px;}
.premium .content .content_bg .content_wrap{width:100%;}
.premium .premium_content .premium_bg{width:100%;min-height:391px;}
.premium .premium_content .premium_txt{bottom:0;width:100%;padding:65px;}
.premium_dietrich{width:100%}
.premium_dietrich .dietrich_img li{width:100%}
.premium .movie_box{width:100%}
.premium_income{width:100%}
.premium_income .income_img li{width:48%;margin:6px 6px;}
.premium_income .income_img li:nth-child(1){margin:6px 6px;}
.premium .movie_box #movies{width:100%;padding:10px;}
.premium_product{width:100%}
.product_review{width:100%}
.product_review .img_box li{width:48%}

}

@media screen and (max-width:768px){
.premium div.co3{min-height:410px;}
.premium .content .content_bg .content_wrap{font-size:16px;}
.premium .premium_content .premium_txt{font-size:15px;}
.premium_income .income_img li{width:100%;margin:0}
.premium_income .income_img li:nth-child(1){margin:0}
.product_review .img_box li{width:50%;padding:5px;margin:0}

}

/* 프리미엄 수입가전 end */

/*부동산 Start*/
.estate {width:100%;height:auto;}
.estate .estate1{width:1400px;height:auto;margin:0 auto;}
.estate .estate1 h2{font-size:60px;font-weight:bold;padding:80px 0px 120px 0px;}
.estate .estate1 .estate_content {width:100%}
.estate .one_stop{text-align:center}
.estate .estate1 .estate_content .content {float:left;width:25%;padding: 0px 16px;}
.estate .estate1 .estate_content .content .thumb {width:318px;height:216px;}
.estate .estate1 .estate_content .content .thumb1 {background:url('./images/service/estate_sub_01.jpg') center no-repeat;}
.estate .estate1 .estate_content .content .thumb2 {background:url('./images/service/estate_sub_02.jpg') center no-repeat;}
.estate .estate1 .estate_content .content .thumb3 {background:url('./images/service/estate_sub_03.jpg') center no-repeat;}
.estate .estate1 .estate_content .content .thumb4 {background:url('./images/service/estate_sub_04.jpg') center no-repeat;}
.estate .estate1 .estate_content .content .title {font-size:21px;color:#4b4b4b;font-weight:500;padding:40px 0px 20px 0px;word-break:keep-all;}
.estate .estate1 .estate_content .content .txt {font-size:15px;color:#4b4b4b;letter-spacing:-25;word-break:keep-all;}

.estate .estate2{clear:both;width:100%;}
.estate .estate2 .estate2_bg{width:70%;height:750px;background: url('./images/service/bg_service01.jpg') no-repeat center;background-position:center;background-size:cover;}

.estate .estate2 .estate2_content{width: 65%;height:auto;background:rgba(0,0,0,0.8);position: absolute;right: 0px;top: 1800px;}
.estate .estate2 .estate2_content p {font-size:18px;color:#ffffff;padding: 85px 20% 85px 90px;word-break:keep-all;}

.estate .estate3{clear:both;width:100%;height:auto;}
.estate .estate3 .left {float:left;width:20%;}
.estate .estate3 .right {float:left;width:80%;background:#f7f7f7 url('./images/service/bg_service02.png') no-repeat;background-position:580px bottom;padding:0px 150px}
.estate .estate3 .right .right_wrap{width:1167px;float:left;padding:150px 0px 250px 0px;}

.estate .estate3 .left .txt {float:right;width:235px;writing-mode: vertical-lr;transform: rotate(180deg);margin-left: 0;font-size:72px;font-weight:500;padding: 0px 0px 200px 70px;}
.estate .estate3 .right .content {float:left;width:33.33%;padding-bottom: 40px;}
.estate .estate3 .right .content .thumb{width:100%;height:260px;}

.estate .estate3 .right .content .thumb1 {background:url('./images/service/ico_estate1_01.png') no-repeat;background-position-y: center;}
.estate .estate3 .right .content .thumb2 {background:url('./images/service/ico_estate1_02.png') no-repeat;background-position-y: center;}
.estate .estate3 .right .content .thumb3 {background:url('./images/service/ico_estate1_03.png') no-repeat;background-position-y: center;}
.estate .estate3 .right .content .thumb4 {background:url('./images/service/ico_estate1_04.png') no-repeat;background-position-y: center;}
.estate .estate3 .right .content .thumb5 {background:url('./images/service/ico_estate1_05.png') no-repeat;background-position-y: center;}
.estate .estate3 .right .content .thumb6 {background:url('./images/service/ico_estate1_06.png') no-repeat;background-position-y: center;}
.estate .estate3 .right .content .thumb7 {background:url('./images/service/ico_estate1_07.png') no-repeat;background-position-y: center;}

.estate .estate3 .right .content .txt {padding:0px;width:100%;margin: 0 auto;}
.estate .estate3 .right .content .txt ul {}
.estate .estate3 .right .content .txt p.title {font-size:23px;padding-bottom:30px}
.estate .estate3 .right .content .txt li {font-size:15px;height:25px;}

.estate .estate4 {clear:both;width:100%;}
.estate .estate4 .left {float:left;width:80%;}
.estate .estate4 .right {float:left;width:20%;}

.estate .estate4 .left .content {float:right;width:800px;height:auto;}
.estate .estate4 .left .content .txt1 {font-size:60px;font-weight:bold;text-align:right;}
.estate .estate4 .left .content .txt2 {font-size:18px;text-align:right;word-break:keep-all;line-height:32px;padding-top:60px;}
.estate .estate4 .right .bar {width:100%;height:1px;background:#7c7c7c;margin-left:50px;margin-top:40px;}


.estate .estate5 {clear:both;width:100%;}
.estate .estate5 .title{width:1400px;padding-bottom:90px;margin:0 auto;font-size:60px;font-weight:bold;}
.estate .estate5 .estate5_bg {width:100%;height:670px;background: linear-gradient(90deg, #f7f7f7 50%, #ffffff 50%);}
.estate .estate5 .estate5_bg .estate5_wrap {width:1400px;margin:0 auto;}
.estate .estate5 .estate5_bg .estate5_wrap .sub {float:left;width:16%;height:670px;padding-top:135px;}
.estate .estate5 .estate5_bg .estate5_wrap .sub1 {width: 12%;padding-right: 20px;}
.estate .estate5 .estate5_bg .estate5_wrap .sub2 {width:19%;}
.estate .estate5 .estate5_bg .estate5_wrap .sub3 {width:18%;}
.estate .estate5 .estate5_bg .estate5_wrap .sub4 {width:16%;}
.estate .estate5 .estate5_bg .estate5_wrap .sub5 {width:16%;}
.estate .estate5 .estate5_bg .estate5_wrap .sub6 {width:16%;}

.estate .estate5 .estate5_bg .estate5_wrap .sub_w{background:#ffffff;padding-left:20px;padding-right:20px;}
.estate .estate5 .estate5_bg .estate5_wrap .sub .thumb {width:150px;height:100px;}
.estate .estate5 .estate5_bg .estate5_wrap .sub .thumb1 {background:url('./images/service/ico_estate2_01.png') no-repeat;background-position-y: center;}
.estate .estate5 .estate5_bg .estate5_wrap .sub .thumb2 {background:url('./images/service/ico_estate2_02.png') no-repeat;background-position-y: center;}
.estate .estate5 .estate5_bg .estate5_wrap .sub .thumb3 {background:url('./images/service/ico_estate2_03.png') no-repeat;background-position-y: center;}
.estate .estate5 .estate5_bg .estate5_wrap .sub .thumb4 {background:url('./images/service/ico_estate2_04.png') no-repeat;background-position-y: center;}
.estate .estate5 .estate5_bg .estate5_wrap .sub .thumb5 {background:url('./images/service/ico_estate2_05.png') no-repeat;background-position-y: center;}
.estate .estate5 .estate5_bg .estate5_wrap .sub .thumb6 {background:url('./images/service/ico_estate2_06.png') no-repeat;background-position-y: center;}

.estate .estate5 .estate5_bg .estate5_wrap .sub .txt01 {font-size:20px;font-weight:bold;word-break:keep-all;}
.estate .estate5 .estate5_bg .estate5_wrap .sub .txt02 {font-size:15px;color:#404040;word-break:keep-all;}


@media screen and (max-width:1440px){
	.estate .estate1{width:100%;height:auto;margin:0 auto;}
	.estate .estate1 h2{padding:80px 0px 50px 20px;}
	.estate .estate1 .estate_content .content {width:50%;}
	.estate .estate1 .estate_content .content .txt {width:318px;margin:0 auto;padding-bottom:20px;}
	.estate .estate1 .estate_content .content .thumb {margin:0 auto;}
	.estate .estate1 .estate_content .content .title {width:318px;margin:0 auto;}

	.estate .estate3 .right {padding:0px 100px;background-position: 280px bottom;}
	.estate .estate3 .right .content {width:50%;}
	.estate .estate3 .right .right_wrap{width:100%;}

	.estate .estate5 .title{width:100%;padding-left:20px;}
	.estate .estate5 .estate5_bg .estate5_wrap {width:80%;margin:0 auto;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub1 {width:33%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub2 {width:33%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub3 {width:33%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub4 {width:33%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub5 {width:33%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub6 {width:33%;}
	.ht01 {height:50px}
	

}
@media screen and (max-width:1024px){
.estate .one_stop img{width:100%}
}
@media screen and (max-width:900px){
	.estate .estate3 .left .txt {padding: 0px 0px 200px 50px;}
	.estate .estate3 .right .content {clear:both;width:100%;margin:0 auto;}
	.estate .estate3 .right .right_wrap{padding:20px 0px 250px 0px;}
	.estate .estate3 .right .content .thumb{width:100%;height:110px;}
	.estate .estate3 .right .content .txt p.title {font-size:23px;padding-bottom:10px}
	.estate .estate4 .left .content {width:100%;margin:0 auto;}
	.estate .estate4 .left .content .txt2 {padding-top:20px;}
	.estate .estate5 .title{padding-top:50px;}
	.estate .estate5 .title{padding-bottom:20px;}

	.estate .estate5 .estate5_bg .estate5_wrap .sub1 {width:50%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub2 {width:50%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub3 {width:50%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub4 {width:50%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub5 {width:50%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub6 {width:50%;}

	.estate .estate5 .estate5_bg .estate5_wrap .sub {height:370px;padding-top:50px;}
	.estate .estate5 .estate5_bg {height:370px;}

	.ht01 {height:50px}
}

@media screen and (max-width:680px){
	.estate .one_stop img{width:100%}
	.estate .estate1 .estate_content .content {width:100%;margin:0 auto;}
	.estate .estate1 .estate_content .content .title {padding:5px 0px 20px 0px;}
	.estate .estate2 .estate2_bg{width:100%;height:250px;}
	.estate .estate2 .estate2_content{clear:both;width: 100%;position: relative;top: 0;}
	.estate .estate2 .estate2_content p {padding:50px;}
	.estate .estate3 {padding-top:30px;}
	.estate .estate3 .left .txt {padding: 0px 0px 100px 0px;}
	.estate .estate3 .right {padding:0px 50px 0px 50px;background:#f7f7f7}

	.estate .estate4 .left {clear:both;width:100%;}
	.estate .estate4 .right {display:none;}
	.estate .estate3 .right .content .txt li {height:auto;word-break:keep-all;padding:8px 0px}
	.estate .estate3 .right .right_wrap{padding-bottom:50px;}

	.estate .estate5 .estate5_bg .estate5_wrap {width:100%;}
	.estate .estate5 .estate5_bg .estate5_wrap .sub {padding-left:20px;padding-right:20px;}
	.estate .estate1 h2{padding-top:50px;padding-bottom:20px;font-size:50px;}
	.estate .estate4 .left .content .txt1 {font-size:50px;}
	.estate .estate5 .title{font-size:50px;}

	.ht01 {height:50px}
}
/*부동산 End*/



/*익스테리어 인테리어 Start*/
.exterior .exterior_img {width:1400px; margin:0 auto}
.exterior .exterior_img .img_box .ko_tit{font-weight:bolder;font-size:18px}
.exterior .exterior_img .img_box{display:inline-block;width:33%;padding: 0px 5px 40px 5px;}
.exterior .exterior_img .img_box .thumb{width:100%;height:300px;margin-bottom:13px;}
.exterior .exterior_img .img_box .thumb01 {background:url('./images/exterior_img01.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb02 {background:url('./images/exterior_img02.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb03 {background:url('./images/exterior_img03.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb04 {background:url('./images/exterior_img04.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb05 {background:url('./images/exterior_img05.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb06 {background:url('./images/exterior_img06.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb07 {background:url('./images/exterior_img07.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb08 {background:url('./images/exterior_img08.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb09 {background:url('./images/exterior_img09.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb10 {background:url('./images/exterior_img10.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb11 {background:url('./images/exterior_img11.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb12 {background:url('./images/exterior_img12.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb13 {background:url('./images/exterior_img13.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb14 {background:url('./images/exterior_img14.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb15 {background:url('./images/exterior_img15.jpg') center no-repeat;background-size:100%}
.exterior .exterior_img .img_box .thumb16 {background:url('./images/exterior_img16.jpg') center no-repeat;background-size:100%}



.exterior {width:100%;height:auto; margin-top:100px;}
.exterior .left {float:left;width:50%;}
.exterior .right {float:left;width:50%;height:672px;background: url('./images/service/exterior_sub_01.jpg') no-repeat center;background-position:center;background-size:cover;}

.exterior .left .title {float:right;width:700px;}

.exterior .left .title .txt01 {font-size:18px;color:#4e4e4e;}
.exterior .left .title .txt02 {font-size:43px;font-weight:bold;padding-bottom:120px;}

.exterior .right .bottom {height: 50px;width: 400px;font-size: 17px;position: absolute;bottom: -50px;left: 63%;padding-top: 50px/*;background: url(./images/service/ico_bar.png) no-repeat;*/background-position-x: 372px;}

.exterior .content {width:60%;background:#f9f9f9;position: absolute;top: 265px;}
.exterior .content .content_wrap {float:right;width:870px;padding:85px;}
.exterior .content .content_wrap .txt {font-size:17px;line-height:45px;padding:65px 0px;text-transform: uppercase;}
.exterior .content .content_wrap .txt span{display:inline-block;}
.exterior .content .content_wrap .bar {width:100%;height:1px;background:#969696;}
.ht_01 {height:326px;} 

@media screen and (max-width:1440px){
.exterior .left .title {width:100%;padding-left:0px;padding-bottom:20px;}
	.exterior .content .content_wrap {width:100%;}
	.exterior .right .bottom {bottom:150px;}
	
	/* .ht_01 {height:200px;} */
	.exterior .exterior_img{width:100%}
	.exterior .exterior_img .img_box .thumb{width:100%}
}

@media screen and (max-width:1300px){
	.exterior .right .bottom {bottom:350px;}
	.ht_01 {height:400px;}
	.exterior .exterior_img .img_box{width:49%}
}

@media screen and (max-width:1024px){
	.exterior .left {clear:both;width:100%;}
	.exterior .right {clear:both;width:100%;height:300px;}
	.exterior .right .bottom {display:none;}
	.exterior .content {width:100%;position: relative;top: 0px;background: #f9f9f9;}
	.exterior .content .content_wrap {clear:both;width:100%;padding:50px;background: #f9f9f9;}
	.exterior .content .content_wrap .txt {padding:50px 0px;word-break:keep-all;}
	.exterior .content .content_wrap .txt .span_line{display:none;}
	.ht_02 {height:50px;}
	.exterior .exterior_img .img_box{width:49.5%}
}

@media screen and (max-width:860px){
	.exterior .left .title .txt02 {font-size:30px;}
	.exterior .content .content_wrap {padding:50px 25px;background: #f9f9f9;}
	.exterior .content .content_wrap .txt {padding:25px 0px;}
	.exterior .exterior_img .img_box{width:100%}
}

/*익스테리어 인테리어 End*/


/* 디자인경영 Start*/
.operation {width:100%;height:auto; margin-top:100px;}
.operation .left {float:left;width:50%;}
.operation .right {float:left;width:50%;height:672px;background: url('./images/service/opration_sub_01.jpg') no-repeat center;background-position:center;background-size:contain;}

.operation .left .title {float:right;width:700px;}

.operation .left .title .txt01 {font-size:18px;color:#4e4e4e;}
.operation .left .title .txt02 {font-size:43px;font-weight:bold;}

.operation .right .bottom {height: 50px;width: 400px;font-size: 17px;position: absolute;bottom: -50px;left: 63%;padding-top: 50px;/*background: url(./images/service/ico_bar.png) no-repeat;*/background-position-x: 372px;}

.operation .content {width:60%;background:#f9f9f9;position: absolute;top: 265px;}
.operation .content .content_wrap {float:right;width:870px;padding:85px;}
.operation .content .content_wrap .txt {font-size:17px;line-height:45px;padding:65px 0px;text-transform: uppercase;}
.operation .content .content_wrap .txt span{display:inline-block;}
.operation .content .content_wrap .bar {width:100%;height:1px;background:#969696;}
.operation .content .content_wrap .ht_03 {height:100px;}

.operation .operation_img {width:1400px; margin:0 auto}
.operation .operation_img .img_box{display:inline-block;width:49%;padding:0px 5px 40px 5px;}
.operation .operation_img .img_box .ko_tit{font-size:18px; font-weight:bolder}
.operation .operation_img .img_box .thumb{width:100%;height:400px;margin-bottom:15px;}
.operation .operation_img .img_box .thumb01 {background:url('./images/operation_img01.jpg') center no-repeat;background-size:100%}
.operation .operation_img .img_box .thumb02 {background:url('./images/operation_img02.jpg') center no-repeat;background-size:100%}
.operation .operation_img .img_box .thumb03 {background:url('./images/operation_img03.jpg') center no-repeat;background-size:100%}
.operation .operation_img .img_box .thumb04 {background:url('./images/operation_img04.jpg') center no-repeat;background-size:100%}
.operation .operation_img .img_box .thumb05 {background:url('./images/operation_img05.jpg') center no-repeat;background-size:100%}
.operation .operation_img .img_box .thumb06 {background:url('./images/operation_img06.jpg') center no-repeat;background-size:100%}
.operation .operation_img .img_box .thumb07 {background:url('./images/operation_img07.jpg') center no-repeat;background-size:100%}



@media screen and (max-width:1440px){
	.operation .left .title {width:100%;padding-left:0px;padding-bottom:20px;}
	.operation .content .content_wrap {width:100%;}
	.operation .right .bottom {bottom:150px;}
	.operation .content .content_wrap .ht_03 {display:none;}
	/* .ht_01 {height:200px;} */
	.operation .operation_img{width:100%}
	.operation .operation_img .img_box .thumb{width:100%}
}

@media screen and (max-width:1300px){
	.operation .right .bottom {bottom:350px;}
	/* .ht_01 {height:400px;} */
}

@media screen and (max-width:1024px){
	.operation .left {clear:both;width:100%;}
	.operation .right {clear:both;width:100%;height:300px;}
	.operation .right .bottom {display:none;}
	.operation .content {width:100%;position: relative;top: 0px;background: #f9f9f9;}
	.operation .content .content_wrap {clear:both;width:100%;padding:50px;background: #f9f9f9;}
	.operation .content .content_wrap .txt {padding:50px 0px;word-break:keep-all;}
	.operation .content .content_wrap .txt .span_line{display:none;}
	.operation .content .content_wrap .txt span {display:block;}
	.ht_02 {height:50px;}
	.operation .operation_img .img_box{width:49.5%}
}

@media screen and (max-width:860px){
	.operation .left .title .txt02 {font-size:30px;}
	.operation .content .content_wrap {padding:50px 25px;background: #f9f9f9;}
	.operation .content .content_wrap .txt {padding:25px 0px;}
	.operation .operation_img .img_box{width:100%}
	.operation .operation_img .img_box .thumb{width:100%;height:250px;}
}

/* 디자인경영 End*/

/*건축모형 start*/
.architectural_box {width:100%;height:100%}
.architectural_box div.arc1 .img_box li{float:left;width:33%;padding:20px 0 5px 0}
.architectural_box div.arc1 {width:1400px;margin:0 auto;padding-top:100px;padding-bottom:85px;}
.architectural_box .clearfix:after{display:table;content:"";clear:both}
.architectural_box div.arc1 div.title{float:left;width:100%}
.architectural_box div.arc1 div.title p {font-size:18px;color:#4e4e4e}
.architectural_box div.arc1 div.title h2 {font-size:43px;font-weight:bold;color:#000000;padding:10px 0px;}

@media screen and (max-width:1440px){
	.architectural_box div.arc1 {width:100%;margin:0 auto;padding-top:100px;padding-bottom:85px;}
	.architectural_box div.arc1 .img_box li img{width:100%}
	.architectural_box div.arc1 .img_box li{float:left;width:33%;padding:20px 15px}

}

@media screen and (max-width:1300px){
	
}
.lo_txt {display:inline-block;width:17%}
.lo_txt img{width:100%}
.lo_txt02{display:inline-block;vertical-align:middle}
@media screen and (max-width:1024px){
	.architectural_box div.arc1 {width:100%;margin:0 auto;padding-top:100px;padding-bottom:85px;}
	.architectural_box div.arc1 .img_box li img{width:100%}
	.architectural_box div.arc1 .img_box li{float:left;width:50%;padding:20px 15px}
}

@media screen and (max-width:860px){
	.lo_txt {display:inline-block;width:30%}
.architectural_box div.arc1 {width:100%;margin:0 auto;padding-top:100px;padding-bottom:85px;}
	.architectural_box div.arc1 .img_box li img{width:100%}
	.architectural_box div.arc1 .img_box li{float:none;width:100%;padding:20px 0 0 0}
	.architectural_box div.arc1 div.title h2 {font-size:30px;font-weight:bold;color:#000000;padding:10px 0 30px 0px;}

	
}


/*건축모형 end/