@charset "utf-8"; 

/**************************************************
                       
                    sub_tab

***************************************************/
.tit_tab{
    margin-top:50px;
    border-bottom: 1px solid #434343;
}
.tit_tab ul li{
    float: left;
    margin-bottom: -1px;
    width: 25%;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.25px;
    color: #686868;
    position: relative;
}
.tit_tab ul li:after{
    content:"";
    display: block;
    position: absolute;
    top: 14px;
    right: -1px;
    /*width: 1px;
    height: 14px;*/
    background: #b8b8b8;
}
.tit_tab ul li.active:after,
.tit_tab ul li:nth-child(4):after{
 
}
.tit_tab ul li.active a{
    color: #ff6d02;
    font-size: 18px;
    /* cursor: default; */
    background-color: #fff;
    border: 1px solid #434343;
    border-bottom-color: #ffffff;
	transform:skew(-0.03deg);
}
.tit_tab ul li a{
    position: relative;
    display: block;
    padding: 10px 15px;
    /*margin-right: 2px;*/
    line-height: 1.42857143;
    border: 1px solid #ffffff;
	transform:skew(-0.03deg);
}
.five_tab ul li {
	width: 20% !important;
}
.sub_gray{
    margin-top: 42px;
    margin-bottom: 38px;
    max-width: 100%;
}
.sub_gray img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width : 1080px) {
    .tit_tab ul li{
        font-size: 16px;
    }
    .tit_tab ul li.active a{
        font-size: 17px;
    }
}
@media screen and (max-width : 700px) {
    .tit_tab ul li{
        font-size: 15px;
    }
    .tit_tab ul li.active a{
        font-size: 16px;
    }
}
@media screen and (max-width : 550px) {
    .tit_tab{
        border-bottom: 0px;
    }
    .tit_tab ul li{
        width: 100%;
		margin: 0.666%;
        float: left;
        font-size: 14px;
        border: 1px solid #434343;
    }
	.tit_tab ul li a{
		padding: 10px;
	}
    .tit_tab ul li.active a{
        font-size: 14px;
        border: 1px solid #ffffff;
    }
    .tit_tab ul li:after{
        
    }
	.five_tab ul li {
		width: 48% !important;
	}
}
@media screen and (max-width : 495px) {
	.tit_tab ul li a{
		padding: 10px 5px;
	}
}
@media screen and (max-width : 440px) {
	.tit_tab ul li a{
		padding: 10px 25px;
	}
}
@media screen and (max-width : 375px) {
	.tit_tab ul li a{
		padding: 10px 20px;
	}
}
/**************************************************
                       
                    sub01_01

***************************************************/
.ceo_profile{
    width:100%;
	text-align: left;
}
.ceo_profile img{
    max-width: 50%;
    width:50%;
	margin-bottom: 10px;
}
.ceo_profile p{
    font-size: 30px;
    font-weight: 700;
    color: #4e6384;
	margin-bottom: 10px;
    letter-spacing: 0.025em;
	transform:skew(-0.03deg);
	font-family: 'NanumBarunGothic', sans-serif;
}
.profile_intro{
    width:100%;
	text-align: left;
}
.profile_intro p{
    color: #6d6e70;
	font-family: 'NanumBarunGothic', sans-serif;
}
.profile_intro .big{
    font-size: 30px;
    font-weight: 700;
	line-height: 40px;
    letter-spacing: 0px;
	transform:skew(-0.03deg);
	color: #4e6384;
}
/*.profile_intro span{
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ff6d02;
    margin-bottom: 25px;
    display: block;
	transform:skew(-0.03deg);
}*/
.profile_intro .small{
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.02em;
    margin-bottom: 70px;
	transform:skew(-0.03deg);
}
.profile_intro .middle {
	font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
    color: #6d6e70;
	transform:skew(-0.03deg);
	text-align: center;
}
.profile_intro .middle span {
	font-size: 30px;
    line-height: 60px;
	display: inline-block;
	margin-left: 20px;
}
@media screen and (max-width : 1300px) {
    .profile_intro .big{
        font-size: 28px;
    }
    /*.profile_intro span{
        font-size: 20px;
        line-height: 26px;
    }*/
    .profile_intro .small{
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 60px;
    }
	.profile_intro .middle {
		font-size: 20px;
        line-height: 26px;
	}
	.profile_intro .middle span {
		font-size: 28px;
	}
}
@media screen and (max-width : 1080px) {
    /*.profile_intro span{
        text-align: center;
    }*/
}
@media screen and (max-width : 700px) {
    .profile_intro .big{
        font-size: 26px;
    }
    /*.profile_intro span{
        font-size: 18px;
        line-height: 24px;
    }*/
    .profile_intro .small{
        font-size: 15px;
        line-height: 21px;
    }
	.profile_intro .middle {
		font-size: 18px;
        line-height: 24px;
	}
	.profile_intro .middle span {
		font-size: 26px;
	}
}
@media screen and (max-width : 550px) {
    .profile_intro .big{
        font-size: 24px;
    }
    /*.profile_intro span{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
    }*/
    .profile_intro .small{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 50px;
    }
	.profile_intro .middle {
		font-size: 16px;
        line-height: 20px;
	}
	.profile_intro .middle span {
		font-size: 24px;
        line-height: 40px;
	}
    .profile_intro .br_550{
        display: none;
    }
}


/**************************************************
                       
                    sub01_02

***************************************************/
.hd_element{width: 0;height: 0;overflow: hidden;font-size: 0;line-height: 0;}
#container01{z-index: 88;position: relative;background-color: #fff;/*padding:100px 0 170px 0*/}

.wrp_holder{position:relative; margin:0 auto}
/*
.wrp_holder.type1{max-width:1400px}
.wrp_holder.type2{max-width:1200px}
.wrp_holder.type3{max-width:1320px; padding:0 40px}
*/
.wrp_holder:after{content:""; display:block; clear:both}


.lst_history dl{position:relative; margin-bottom:-53px; font-family: 'NanumBarunGothic', sans-serif;}
.lst_history dl:after{content:""; display:block; clear:both}
.lst_history dl + dl{margin-top:31px}
.lst_history dl:before{content:""; z-index:1; position:absolute; top:74px; bottom:53px; left:50%; margin-left:-1px; width:2px; background-color:#e6e6e6}
.lst_history dt{height:120px; text-align:center; line-height:55px; font-size:48px; font-weight:900; color:#000;transform:skew(-0.03deg); }
.lst_history dd{position:relative; display:block; min-height:105px; padding-bottom:100px}
.lst_history dd + dd{margin-top:-70px}
.lst_history dd.l{/*padding-right:calc(50% + 147px); */padding-right:calc(50% + 60px);text-align:right}
.lst_history dd.r{padding-left:calc(50% + 60px)}
.lst_history dd:before{content:""; z-index:2; position:absolute; top:17px; left:50%; margin-left:-5px; width:10px; height:10px; background-color:#c30013; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%}
.lst_history dd:before{content:""; z-index:2; position:absolute; top:17px; left:50%; margin-left:-5px; width:10px; height:10px; background-color:#e26600; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%}
.lst_history dd .year{position:absolute; /*top:-3px;*/top:-30px; left:50%; width:200px; padding-top:3px; padding-bottom:11px; text-align:center; line-height:40px; font-size:26px; font-weight:900; color:#3d3d3d; background-repeat:no-repeat;letter-spacing: -0.25px;transform:skew(-0.03deg);}
.lst_history dd.l .year{margin-left:-245px; padding-right:14px; padding-left:4px;text-align: right;}
.lst_history dd.r .year{margin-left:50px; padding-right:10px; padding-left:8px;text-align: left;}
.lst_history dd .year img {display: inline-block; width: 40%; margin-bottom: 5px;}
.lst_history dd .year img.big_image {width: 30%; margin-bottom: 10px;}
.lst_history dd .history{padding-top:10px; line-height:24px; font-size:15px;letter-spacing: 0.025em; word-break:keep-all;transform:skew(-0.03deg); color: #939597;}
.lst_history dd .history span{display:inline-block}
.lst_history dd .logo{display:inline-block; vertical-align:top; font-size:0; background-size:100% 100%}
.lst_history dd .ci{margin-top:6px; width:73px; height:16px; }
.lst_history dd .brand1{margin-top:5px; width:100px; height:16px;}
.lst_history dd .brand2{margin-top:4px; width:76px; height:20px;}


@media all and (max-width:1080px){
    #container01{/*padding:60px 0 120px 0*/}
    
    .wrp_holder.type1,
	.wrp_holder.type2,
	.wrp_holder.type3{width:92%; padding:0} 

    
	.lst_history dl{margin-bottom:0; padding-bottom:30px}
	.lst_history dl + dl{margin-top:40px}
	.lst_history dl:before{top:84px; bottom:0; left:0; margin-left:4px}
	.lst_history dt{max-width:100%; height:auto; text-align:left; line-height:55px}
	.lst_history dd{min-height:auto; padding-bottom:0}
	.lst_history dd + dd{margin-top:42px}
	.lst_history dd.l{padding-right:0; padding-left:35px; text-align:left}
	.lst_history dd.r{padding-left:35px}
	.lst_history dd:before{top:25px; left:0; margin-left:0; width:10px; height:10px}
	.lst_history dd .year{top:-4px; left:21px; width:200px; margin-left:0 !important; padding:8px 15px 18px 12px !important; line-height:60px; font-size:26px;  background-size:100% 100%}
    .lst_history dd.l .year{text-align: left;}
	.lst_history dd .history{padding-top:74px; line-height:33px; font-size:23px}
	.lst_history dd .history .p_inline{display:inline}
	.lst_history dd .ci{width:120px; height:25px}
	.lst_history dd .brand1{margin-top:8px; width:138px; height:21px}
	.lst_history dd .brand2{width:114px; height:28px}
}
@media all and (max-width: 599px){
    #container01{/*padding:40px 0 80px 0*/}
    
	.lst_history dl{padding-bottom:20px}
	.lst_history dl + dl{margin-top:27px}
	.lst_history dl:before{top:56px; margin-left:3px}
	.lst_history dt{height:76px; line-height:37px; font-size:40px}
	.lst_history dd + dd{margin-top:29px}
	.lst_history dd.l{padding-left:25px}
	.lst_history dd.r{padding-left:25px}
	.lst_history dd:before{top:17px; width:7px; height:7px}
	.lst_history dd .year{top:-3px; left:16px; width:150px; margin-left:0 !important; padding:3px 10px 12px 8px !important; line-height:40px; font-size:16px}
	.lst_history dd .history{padding-top:49px; line-height:22px; font-size:15px}
	.lst_history dd .ci{margin-top:3px; width:80px; height:17px}
	.lst_history dd .brand1{margin-top:4px; width:92px; height:14px}
	.lst_history dd .brand2{margin-top:2px; width:76px; height:19px}
}
/**************************************************
                       
                    sub01_03

***************************************************/


/**************************************************
                       
                    sub01_04

***************************************************/
.tbuc_world{
    width: 100%;
}
.tbuc_world img{
    width: 100%;
    max-width: 100%;
    display: block;
}
.tbuc_automation{
    margin-top: 70px;
    margin-bottom: 60px;
    text-align: center;
}
.tbuc_automation h2{
    font-size: 40px;
    font-weight: 600;
    line-height: 28px;
    color: #434343;
    letter-spacing: -0.25px;
	display: flex;
	flex-basis: 100%;
	align-items: center;
	margin: 8px 0px;
	transform:skew(-0.03deg);
}
.tbuc_automation h2::before,
.tbuc_automation h2::after {
	content: "";
	flex-grow: 1;
	background: #cfcfcf;
	height: 2px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 16px;
}
.tbuc_automation p{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 30px;
    color: #434343;
    letter-spacing: 0.05em;
	transform:skew(-0.03deg);
}
.tbuc_autoKinds{
    
}
.tbuc_autoKinds ul{
    
}
.tbuc_autoKinds ul li{
    width:50%;
    float: left;
}
.tbuc_autoKinds ul li img{
    display: block;
    max-width: 100%;
    width: 100%;
}
.tbuc_autoKinds ul li.autoKinds_left{
    padding-right: 35px;
}
.tbuc_autoKinds ul li.autoKinds_right{
    padding-left: 35px;
}

.tbuc_autoKinds ul li .txt{
    height:150px;
}
.tbuc_autoKinds ul li p{
    padding: 0 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #434343;
    letter-spacing: 0.025em;
    margin-top: 20px;
	transform:skew(-0.03deg);
}
.tbuc_autoKinds ul li .big{
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #434343;
    letter-spacing: 0.025em;
    margin-top: 20px;
	transform:skew(-0.03deg);
}
.tbuc_autoKinds ul li .big span{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #8b8b8b;
    letter-spacing: 0.025em;
	transform:skew(-0.03deg);
}
@media screen and (max-width : 1200px) {
    .tbuc_autoKinds ul li .txt {
        height: 160px;
    }
    .tbuc_autoKinds ul li .txt br{
        display: none;
    }
}
@media screen and (max-width : 1080px) {
    .tbuc_automation{
        margin-top: 60px;
        margin-bottom: 50px;
    }
    .tbuc_automation h2{
        font-size: 34px;
        line-height: 22px;
    }
    .tbuc_autoKinds ul li.autoKinds_left {
        padding-right: 30px;
    }
    .tbuc_autoKinds ul li.autoKinds_right {
        padding-left: 30px;
    }
    .tbuc_autoKinds ul li .txt {
        height: 150px;
    }
    .tbuc_autoKinds ul li .big{
        font-size: 22px;
        line-height: 22px;
    }
    .tbuc_autoKinds ul li .big span{
        font-size: 17px;
    }
    .tbuc_autoKinds ul li p{
        font-size: 17px;
        font-weight: 600;
        line-height: 22px;
    }
}
@media screen and (max-width : 1024px) {
    .tbuc_autoKinds ul li .big{
        font-size: 20px;
        line-height: 20px;
    }
}
@media screen and (max-width : 900px) {
    .tbuc_automation{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .tbuc_automation h2{
        font-size: 30px;
        line-height: 18px;
    }
    .tbuc_automation p{
        font-size: 16px;
        line-height: 22px;
    }
    .tbuc_autoKinds ul li {
        width: 100%;
        float: none;
    }
    .tbuc_autoKinds ul li.autoKinds_left{
        padding-right: 0px;   
    }
    .tbuc_autoKinds ul li.autoKinds_right{
        padding-left: 0px;
    }
    .tbuc_autoKinds ul li .txt{
        height: auto;
        margin-bottom: 40px;
    }
    .tbuc_autoKinds ul li p{
        margin-top: 15px;
    }
}
@media screen and (max-width : 700px) {
    .tbuc_automation{
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .tbuc_automation h2{
        font-size: 22px;
        line-height: 18px; 
    }
    .tbuc_automation p{
        font-size: 15px;
        line-height: 20px;
        margin-top: 20px;
    }
    .tbuc_autoKinds ul li p{
        font-size: 16px;
        line-height: 20px;
    }
    .tbuc_autoKinds ul li .big{
        margin-top: 15px;
    }
    .tbuc_autoKinds ul li .txt{
        margin-bottom: 30px;
    }
}
@media screen and (max-width : 600px) {
    .tbuc_automation p{
        letter-spacing: -0.5px;
    }
}
@media screen and (max-width : 550px) {
    .tbuc_automation{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .tbuc_automation h2{
        font-size: 18px;
        line-height: 20px;
    }
    .tbuc_automation h2::before,
    .tbuc_automation h2::after {
        margin: 0px 8px;
    }
    .tbuc_automation p{
        font-size: 14px;
        line-height: 18px;
    }
    .tbuc_autoKinds ul li .txt{
        margin-bottom: 20px;
    }
    .tbuc_autoKinds ul li p{
        font-size: 14px;
        line-height: 18px;
        padding: 0px;
    }
    .tbuc_autoKinds ul li .big{
        margin-top: 10px;
        font-size: 18px;
        line-height: 18px;
    }
    .tbuc_autoKinds ul li .big span{
        font-size: 15px;
        display: block;
    }
}
@media screen and (max-width : 380px) {
    .tbuc_automation h2{
        display: block;
    }
    .tbuc_automation h2::before,
    .tbuc_automation h2::after {
        display: none;
    }
    .tbuc_automation p{
        letter-spacing: -0.25px;
    }
    .tbuc_automation p br{
        display: none;
    }
}

/**************************************************
                       
                    sub01_05

***************************************************/
.management_philosophy_list {
	width: 100%;
	text-align: left;
}
.management_philosophy_list h2 {
	margin-bottom: 70px;
	font-size: 30px;
    font-weight: 700;
	color: #231f20;
	letter-spacing: 0.025em;
	transform:skew(-0.03deg);
	font-family: 'NanumBarunGothic', sans-serif;
}
.management_philosophy_list .big {
	width: 100%;
	height: 110px;
	line-height: 150px;
	background-color: #bec6d2;
	font-size: 30px;
    font-weight: 700;
	color: #231f20;
	letter-spacing: 0.025em;
	transform:skew(-0.03deg);
	font-family: 'NanumBarunGothic', sans-serif;
}
.management_philosophy_list .big p {
	float: left;
	font-size: 80px;
	margin: 0 30px 0 10px;
}
.management_philosophy_list .big img {
	width: auto;
	height: 70px;
	margin: 20px 30px;
	float: right;
}
.management_philosophy_list .small {
	font-size: 17px;
    font-weight: 700;
	color: #58585b;
    line-height: 30px;
    letter-spacing: 0.025em;
    margin: 50px 0 50px 150px;
	transform:skew(-0.03deg);
}
.management_philosophy_list .small ul li {
	/*list-style: disc;*/
	word-break: keep-all;
	position: relative;
	padding-left: 15px;
}
.management_philosophy_list .small ul li:before {
	content: '';
	width: 5px;
	height: 5px;
	background-image: url('../img/dot2.png');
	background-size: 5px;
	position: absolute;
	top: 12px;
	left: 0;
}

@media screen and (max-width : 1300px) {
    .management_philosophy_list h2 {
        font-size: 28px;
    }
	.management_philosophy_list .big {
		font-size: 28px;
	}
	.management_philosophy_list .big p {
		font-size: 76px;
	}
    .management_philosophy_list .small {
        font-size: 16px;
    }
	.management_philosophy_list .small ul li:before {
		top: 10px;
	}
}
@media screen and (max-width : 1080px) {
    .management_philosophy_list .small {
		margin-left: 120px;
	}
}
@media screen and (max-width : 700px) {
	.management_philosophy_list h2 {
        font-size: 26px;
		margin-bottom: 50px;
    }
	.management_philosophy_list .big {
		font-size: 26px;
		height: 90px;
		line-height: 120px;
	}
	.management_philosophy_list .big p {
		font-size: 72px;
		margin-right: 10px;
	}
	.management_philosophy_list .big img {
		height: 60px;
		margin: 15px 10px;
	}
    .management_philosophy_list .small {
        font-size: 15px;
		line-height: 26px;
		margin: 30px 0 30px 90px;
    }
	.management_philosophy_list .small ul li:before {
		top: 9px;
	}
}
@media screen and (max-width : 550px) {
	.management_philosophy_list h2 {
        font-size: 24px;
		margin-bottom: 40px;
    }
	.management_philosophy_list .big {
		font-size: 24px;
		height: 70px;
		line-height: 90px;
	}
	.management_philosophy_list .big p {
		font-size: 70px;
	}
	.management_philosophy_list .big img {
		height: 40px;
	}
    .management_philosophy_list .small {
        font-size: 14px;
		margin: 20px 0 20px 70px;
    }
	.management_philosophy_list .small ul li:before {
		top: 8px;
	}
}
@media screen and (max-width : 480px) {
	.management_philosophy_list h2 {
        font-size: 22px;
		margin-bottom: 35px;
    }
	.management_philosophy_list .big {
		font-size: 20px;
		height: 60px;
		line-height: 75px;
	}
	.management_philosophy_list .big p {
		font-size: 66px;
		margin: 0 5px;
	}
	.management_philosophy_list .big img {
		height: 30px;
	}
    .management_philosophy_list .small {
        font-size: 12px;
		margin: 20px 0 20px 60px;
    }
	.management_philosophy_list .small ul li {
		padding-left: 10px;
	}
	.management_philosophy_list .small ul li:before {
		width: 3px;
		height: 3px;
		background-size: 3px;
		top: 10px;
	}
}
@media screen and (max-width : 400px) {
	.management_philosophy_list h2 {
        font-size: 20px;
		margin-bottom: 30px;
    }
	.management_philosophy_list .big {
		font-size: 18px;
		height: 50px;
		line-height: 60px;
		position: relative;
	}
	.management_philosophy_list .big p {
		font-size: 60px;
		margin: 0 5px;
	}
	.management_philosophy_list .big img {
		height: 20px;
		position: absolute;
		top: center;
		right: 0;
	}
    .management_philosophy_list .small {
        font-size: 10px;
		margin: 10px 0 10px 50px;
    }
	.management_philosophy_list .small ul li:before {
		top: 11px;
	}
}


/**************************************************
                       
                    sub02_01

***************************************************/
.ex_map{
    width: 100%;
}
.ex_map img {
    width: 100%;
    max-width: 100%;
    display: block;
}


.map_search {
/*
	border: 1px solid #d7d7d7;
	padding: 50px;
*/
}

.map_search .search_wrap {
    margin-top: 30px;
    margin-bottom: 20px;
}

.map_search .search_wrap select {
	float: left;
/*	width: 145px;*/
    width: 23%;
	height: 40px;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding-left: 5px;
	margin-right: 12px;
	cursor: pointer;
    -moz-appearance:none; /* Firefox */  
    -webkit-appearance:none; /* Safari and Chrome */  
    appearance:none;
    background: url('../img/map_search_select.png') no-repeat 95% 50%; 
    /* 화살표 모양의 이미지 */
}

select::-ms-expand {display:none}

.map_search .search_wrap input[type="text"] {
	float: left;
/*	width: 230px;*/
    width: 50%;
	height: 40px;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding-left: 5px;
	margin-right: 12px;
}

.map_search .search_wrap input[type="submit"] {
	float: left;
/*	width: 90px;*/
    width: 24%;
	height: 40px;
	font-size: 15px;
	background: #ff6d02;
	color: #ffffff;
	font-weight: bold;
	transition: 0.3s;
    border-radius: 5px !important;
    font-family: 'NanumSquare', sans-serif;
	transform: skew(-0.03deg);
}

.map_search .search_wrap input[type="submit"]:hover {
	background: #313131;
}

.map_search table {
	width: 100%;
	border-top: 3px solid #ff6d02;
/*	font-family: 'Dotum';*/
	font-size: 17px;
    font-weight: 600;
    letter-spacing: 0px;
	margin-bottom: 20px;
}

.map_search table tr th {
	height: 40px;
/*	border-bottom: 1px solid #b7b7b7;*/
/*	border-left: 1px solid #b7b7b7;*/
	background: #e1e1e1;
	color: #535353;
	font-weight: bold;
	text-align: center !important;
}

.map_search table tr .th00 {
	/*width: 25px;*/
	width: 4%;
	border-left: 0;
	border-right: 1px solid #e1e1e1;
}

.map_search table tr .th01 {
	/*width: 50px;*/
	width: 5%;
	border-left: 0;
}

.map_search table tr .th02 {
	/*width: 95px;*/
	width: 8%;
}

.map_search table tr .th03 {
	/*width: 125px;*/
	width: 15%;
}
.map_search table tr .th04 {
	/*width: 180px;*/
	width: 37%;
	text-align: left;
}
.map_search table tr .th05 {
	/*width: 120px;*/
	width: 15%;
}
.map_search table tr .th06 {
	/*width: 60px;*/
	width: 8%;
}
.map_search table tr .th07 {
	/*width: 60px;*/
	width: 8%;
}

.map_search table tr .th03 .mobile_title {
	display: none;
}

.map_search table tr td {
	height: 50px;
	border-bottom: 1px solid #e1e1e1;
/*	border-left: 1px solid #b7b7b7;*/
	color: #585757;
	text-align: center;
	padding: 7px 5px;
    cursor: default;
}
.map_search table tr td.th01:hover,td.th03:hover{
    color: #ff6d02;
}
.map_search table tr td a {
/*
	display: block;
	width: 85px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: #736357;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	margin: 0 auto;
	transition: 0.3s;
*/
}

.map_search table tr td a:hover {
/*	background: #313131;*/
}
.map_search .count_search .count{
	float: none;
	display:block;
	position: static;
	margin-top: 20px;
}
.map_search .count_search .search_box .search_txt{
	width: 75%;
	height: 45px;
	border: 1px solid #cccccc;
}
.map_search .count_search .search_box{
	float: none;
	background: #ffffff;
	margin-top: 30px;
}
.map_search .count_search .search_box .search_btn{
	background: #ff6d02;
	width: 24%;
	height: 45px;
	font-size: 15px;
	color: #ffffff;
	border-radius:5px !important;
	float: right;
	transform:skew(-0.03deg);
}

	@media screen and (max-width : 1300px) {
	.map_search {
/*		padding: 40px;*/
	}
	.map_search table tr .th01 {
		/* width: 180px; */
	}

	/*.map_search table tr .th02 {
		width: 85px;
	}

	.map_search table tr .th03 {
		width: 105px;
	}

	.map_search table tr .th05 {
		width: 100px;
	}*/
	}

	@media screen and (max-width : 1080px) {
	.map_search .search_wrap input[type="text"] {
/*		width: 240px;*/
	}

	.map_search table {
		font-size: 16px;
	}

	.map_search table tr th {
		font-size: 16px;
	}
	.map_search table tr td {
		font-size: 16px;
	}
	.map_search table tr .th01 {
		/* width: 120px; */
	}

	/*.map_search table tr .th02 {
		width: 80px;
	}

	.map_search table tr .th03 {
		width: 90px;
	}
    .map_search table tr .th04{
        width: 170px;
    }*/
	.map_search table tr .th05 {
		/* width: 80px; */
	}

	}

	@media screen and (max-width : 900px) {
	.map_search {
/*		padding: 30px;*/
	}
	.map_search .search_wrap {
		margin-bottom: 15px;
	}

	.map_search .search_wrap select {
/*		width: 90px;*/
		font-size: 12px;
        margin-right: 5px;
	}

	.map_search .search_wrap input[type="text"] {
/*		width: 170px;*/
		font-size: 12px;
        margin-right: 5px;
	}

	.map_search .search_wrap input[type="submit"] {
/*		width: 70px;*/
		font-size: 13px;
	}

	.map_search table {
		border-top: 3px solid #898989;
		font-size: 13px;
		margin-bottom: 15px;
	}

	.map_search table tr th {
		height: 35px;
	}

	.map_search table tr .th01 {
/*		width: 120px;*/
        display: none;
	}

	.map_search table tr .th02 {
/*		display: none;*/
	}

	/*.map_search table tr .th03 {
        width: 80px;
	}*/

	.map_search table tr .th05 {
		/* width: 90px; */
	}
	/*.map_search table tr .th06 {
	    width: 50px;
	}
	.map_search table tr .th07 {
	    width: 50px;
	}*/
	.map_search table tr .th06 img{
	    width: 26px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.map_search table tr th {
		font-size: 14px;
	}
	.map_search table tr td {
		/* height: 40px; */
		font-size: 14px;
	}

	.map_search table tr td a {
		/* width: 75px;
		height: 25px;
		line-height: 25px;
		font-size: 12px; */
	}
	}

	@media screen and (max-width : 700px) {
	.map_search {
/*		padding: 20px;*/
	}
    
	.map_search .search_wrap {
		margin-bottom: 15px;
	}

	.map_search .search_wrap select {
/*		width: 90px;*/
		font-size: 12px;
	}

	.map_search .search_wrap input[type="text"] {
/*		width: 170px;*/
		font-size: 12px;
	}

	.map_search .search_wrap input[type="submit"] {
/*		width: 70px;*/
		font-size: 13px;
	}

	.map_search table {
		font-size: 13px;
		margin-bottom: 10px;
		letter-spacing: -1px;
	}

	.map_search table tr .th01 {
		/*width: 85px;*/
	}
	/*.map_search table tr .th02 { 
		width: 60px;
	}
	.map_search table tr .th03 {
		width: 60px;
	}
	.map_search table tr .th04 {
		width: 150px;
	}
	.map_search table tr .th05 {
		width: 80px;
	}*/
	.map_search table tr .th06 {
		display: none;
	}

	.map_search table tr td a {
		/* width: 60px; */
	}

	}

	@media screen and (max-width : 550px) {
	.map_search {
/*		padding: 20px 15px;*/
	}

	.map_search .search_wrap select {
/*		width: 70px;*/
        width: 100%;
		height: 27px;
		font-size: 11px;
		margin-bottom: 5px;
		margin-right: 0;
        float:none;
	}

	.map_search .search_wrap input[type="text"] {
/*		width: 140px;*/
        width: 100%;
		height: 27px;
		font-size: 11px;
        margin-bottom: 5px;
		margin-right: 0;
        float:none;
	}

	.map_search .search_wrap input[type="submit"] {
/*		width: 50px;*/
        width: 100%;
		height: 27px;
		font-size: 11px;
        float:none;
	}
	.map_search .count_search .search_box{
		width: 100%;
		height: auto;
	}
	.map_search .count_search .search_box .search_txt{
		width: 100%;
		float: none;
	}
	.map_search .count_search .search_box .search_btn{
		width: 100%;
		float: none;
		margin-top: 10px;
	}


	.map_search table {
		border-top: 2px solid #898989;
		font-size: 12px;
		margin-bottom: 7px;
	}

	.map_search table tr th {
		height: 32px;
	}

	.map_search table tbody tr:first-child {
		display: none;
	}

	.map_search table tr .th01 {
		/*width: 70px;*/
	}
	.map_search table tr .th02 {
		display: none;
	}
	.map_search table tr .th03 {
		/*width: 180px;*/
		width: 90%;
		text-align: left;
	}
	.map_search table tr .th04 {
		display: none;
	}
	.map_search table tr .th05 {
		/*width: 60px;*/
		display: none;
	}
	.map_search table tr .th03 .mobile_title {
		display: block;
	}
	.map_search table tr .th03:hover .mobile_title {
		color: #585757;
	}
    .map_search table tr .th05 img {
		width: 28px;
        display: block;
        margin-left: auto;
        margin-right: auto;
	}
    .map_search table tr .th06 img {
		width: 20px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
	.map_search table tr td {
		height: 35px;
	}

	.map_search table tr td a {
		/* width: 50px;
		font-size: 11px; */
	}
	}
@media screen and (max-width : 380px) {
	.map_search table tr .th06{
		display: none;
	}
}

/**************************************************
                       
                    sub07_01

***************************************************/
.tbuc_news table.borad_tb {
	width: 100%;
	border-top: 3px solid #ff6d02;
/*	font-family: 'Dotum';*/
	font-size: 17px;
	margin-bottom: 20px;
}

.tbuc_news table.borad_tb tr th {
	height: 40px;
/*
	border-bottom: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
*/
	background: #d7d7d7;
	color: #535353;
	font-weight: bold;
}

.tbuc_news table.borad_tb tr .th00 {
	width: 25px;
	border-left: 0;
	border-right: 1px solid #b7b7b7;
}

.tbuc_news table.borad_tb tr .th01 {
	width: 140px;
	border-left: 0;
}

.tbuc_news table.borad_tb tr .th03 {
	width: 180px;
}

.tbuc_news table.borad_tb tr .th04 {
	width: 130px;
}

.tbuc_news table.borad_tb tr .th05 {
	width: 130px;
}

.tbuc_news table.borad_tb tr td {
	height: 50px;
/*	border-bottom: 1px solid #b7b7b7;*/
/*	border-left: 1px solid #b7b7b7;*/
	color: #585757;
	text-align: center;
	padding: 7px 5px;
}
.tbuc_news table.borad_tb tr td.th02 {
	text-align: left;
}

.tbuc_news table.borad_tb tr td a:hover {
    color: #ff6d02;
/*	text-decoration: underline;*/
}

	@media screen and (max-width : 1300px) {
	.tbuc_news {
/*		padding: 40px;*/
	}

	.tbuc_news .txt_area .tit {
		font-size: 32px;
	}

	.tbuc_news .txt_area .tit span {
		font-size: 42px;
	}

	.tbuc_news .txt_area .tit br {
		display: block !important;
	}

	.tbuc_news .big {
		font-size: 20px;
	}

	.tbuc_news .small {
		font-size: 17px;
	}

	.tbuc_news .small br {
		display: block !important;
	}


	.tbuc_news table.borad_tb tr .th01 {
		width: 80px;
	}

	.tbuc_news table.borad_tb tr .th03 {
		width: 120px;
	}

	.tbuc_news table.borad_tb tr .th04 {
		width: 120px;
	}

	.tbuc_news table.borad_tb tr .th05 {
		width: 100px;
	}
	}

	@media screen and (max-width : 1080px) {
	.tbuc_news .txt_area .tit {
		font-size: 28px;
	}

	.tbuc_news .txt_area .tit span {
		font-size: 36px;
	}

	.tbuc_news .big {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.tbuc_news .small {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.tbuc_news .small br {
		display: block !important;
	}

	.tbuc_news table.borad_tb {
		font-size: 13px;
	}

	.tbuc_news table.borad_tb tr .th01 {
		width: 70px;
	}

	.tbuc_news table.borad_tb tr .th03 {
		width: 100px;
	}

	.tbuc_news table.borad_tb tr .th04 {
		width: 100px;
	}

	.tbuc_news table.borad_tb tr .th05 {
		width: 80px;
	}
	}

	@media screen and (max-width : 900px) {
	.tbuc_news {
/*		padding: 30px;*/
	}

	.tbuc_news .top_area {
		margin-bottom: 30px;
	}

	.tbuc_news .txt_area .tit {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.tbuc_news .txt_area .tit span {
		font-size: 28px;
	}

	.tbuc_news .big {
		font-size: 17px;
		margin-bottom: 5px;
	}

	.tbuc_news .small {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.tbuc_news table.borad_tb {
		font-size: 13px;
		margin-bottom: 15px;
	}

	.tbuc_news table.borad_tb tr th {
		height: 35px;
	}

	.tbuc_news table.borad_tb tr .th01 {
		width: 60px;
	}

	.tbuc_news table.borad_tb tr .th03 {
		width: 85px;
	}

	.tbuc_news table.borad_tb tr .th04 {
		display: none;
	}

	.tbuc_news table.borad_tb tr .th05 {
		width: 70px;
	}

	.tbuc_news table.borad_tb tr td {
		height: 40px;
	}
	}

	@media screen and (max-width : 700px) {
	.tbuc_news {
/*		padding: 20px;*/
	}

	.tbuc_news .top_area {
		padding-bottom: 0;
	}

	.tbuc_news .txt_area .tit {
		font-size: 19px;
		margin-bottom: 7px;
	}

	.tbuc_news .txt_area .tit span {
		font-size: 22px;
	}

	.tbuc_news .big {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.tbuc_news .small {
		font-size: 13px;
		margin-bottom: 7px;
	}

	.tbuc_news table.borad_tb {
		font-size: 13px;
		margin-bottom: 10px;
		letter-spacing: -1px;
	}

	.tbuc_news table.borad_tb tr .th01 {
		width: 50px;
	}

	.tbuc_news table.borad_tb tr .th03 {
		width: 85px;
	}

	.tbuc_news table.borad_tb tr .th05 {
		display: none;
	}
	}

	@media screen and (max-width : 600px) {
	.tbuc_news {
/*		padding: 20px 15px;*/
	}

	.tbuc_news .txt_area .tit {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.tbuc_news .txt_area .tit span {
		font-size: 18px;
	}

	.tbuc_news .big {
		font-size: 13px;
		margin-bottom: 5px;
		letter-spacing: -1px;
	}

	.tbuc_news .small {
		font-size: 12px;
		margin-bottom: 7px;
	}
	}

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

	.tbuc_news table.borad_tb {
		border-top: 2px solid #ff6d02;
		font-size: 12px;
		margin-bottom: 7px;
	}

	.tbuc_news table.borad_tb tr th {
		height: 32px;
	}

	.tbuc_news table.borad_tb tr .th01 {
		width: 40px;
	}

	.tbuc_news table.borad_tb tr .th03 {
		width: 65px;
	}

	.tbuc_news table.borad_tb tr td {
		height: 35px;
	}
	}
/**************************************************
                       
                    sub07_02

***************************************************/

.foundation_tit {
    position: relative;
    padding-left: 15px;
}
.foundation_tit:after{
    content:"";
    display: block;
    position: absolute;
    top: 4px;
    left:0;
    width: 5px;
    height: 22px;
    background: #1a3144;
}

.foundation_tit h2{
    font-size: 27px;
    font-weight: 600;
    line-height: 34px;
    color: #000000;
    letter-spacing: -0.25px;
	transform:skew(-0.03deg);
	word-break: keep-all;
}
.foundation_tit h2 span{
    display: block;
    color: #ff6d02;
	transform:skew(-0.03deg);
}
.tbuc_link_wrap{
    margin-top: 20px;
}
.tbuc_link_wrap ul{
    width: 100%;
}
.tbuc_link_wrap ul li{
    width: 32%;
    margin: 0.666%;
    float:left;
}
.tbuc_link_wrap > ul > li > div{
    border: 1px solid #c2c2c2;
    height: 320px;
    padding: 20px 20px 20px 20px;
    position: relative;
}

.tbuc_link_wrap ul li img{
    display: block;
    width: 100%;
}
.tbuc_link_wrap ul li p{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.25px;
    color: #3f3f3f;
	-ms-transform: skew(-0.03deg);
	-webkit-transform: skew(-0.03deg);
	-moz-transform: skew(-0.03deg);
	-o-transform: skew(-0.03deg);
	transform: skew(-0.03deg);
}
.tbuc_link_wrap ul li .bottom{
    position: absolute;
    bottom: 40px;
}
.tbuc_link_wrap ul li .top{
    
}
.tbuc_link_wrap ul li .tbuc_link{
    text-align: center;
    margin: 20px auto;
    width: 100%;
    height: auto;
    background: #1a3144;
    border: 2px solid #363636;
    border-radius: 7px;
    box-shadow: 3px 3px 10px grey;
    padding: 0;
}
.tbuc_link_wrap ul li .tbuc_link a{
    font-size: 22px;
    letter-spacing: -0.25px;
    text-align: center;
    display: block;
    padding: 10px 0px;
    color: #ffffff;
	transform:skew(-0.03deg);
}
    @media screen and (max-width : 1300px) {
        .tbuc_link_wrap ul li .top br{
            display: none;
        }
    }    
    @media screen and (max-width : 1080px) {
        .foundation_tit h2{
            font-size: 25px;
            line-height: 28px;
        }
        .tbuc_link_wrap > ul > li > div{
            height: 370px;
            padding: 20px 10px 20px 10px;
        }
        .tbuc_link_wrap ul li p{
            font-size: 15px;
            line-height: 22px;
        }
        .tbuc_link_wrap ul li .tbuc_link a{
            font-size: 18px;
        }
    }    
    @media screen and (max-width : 900px) {
        .foundation_tit h2{
            font-size: 22px;
            line-height: 24px;
        }
        .tbuc_link_wrap ul li{
            width: 100%;
            float: none;
            margin: 0 auto;
        }
        .tbuc_link_wrap ul li .bottom{
            position: static;
            margin-top: 20px;
        }
        .tbuc_link_wrap > ul > li > div{
            height: auto;
        }
    }
@media screen and (max-width : 700px) {
    .foundation_tit h2{
        font-size: 20px;
    }
}
@media screen and (max-width : 650px) {
    .foundation_tit h2{
        font-size: 17px;
    }
}
@media screen and (max-width : 550px) {
    .foundation_tit h2 span{
        display: inline;
    }
}
@media screen and (max-width : 380px) {
    .foundation_tit{
        padding-left: 0;
    }
    .foundation_tit:after{
        display: none;
    }
    .foundation_tit h2{
        font-size: 16px;
        line-height: 22px;
    }
    .tbuc_link_wrap ul li p{
        font-size: 14px;
        line-height: 20px;
    }
    .tbuc_link_wrap ul li .tbuc_link a{
        font-size: 16px;
    }
}
/**************************************************
                       
                    sub07_03

***************************************************/
.tit_manage{
    font-size: 24px;
}
.foundation_tit2 h2{
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: #000000;
    letter-spacing: -0.25px;
	transform:skew(-0.03deg);
	word-break: keep-all;
}
.foundation_tit2 h2 span{
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 5px;
    display: block;
    color: #ff6d02;
	transform:skew(-0.03deg);
}
.how_make{
    width: 100%;
    border-top: 3px solid #e9e9e9;
    margin-top:20px;
}
.how_make ul{
    width: 100%;
    margin-top: 42px;
    margin-bottom: 30px;
}
.how_make ul li{
    width: 24%;
    margin: 0.5%;
    float: left;
}
.how_make ul li img{
    display: block;
    max-width: 100%;
    width: 100%;
}
    @media screen and (max-width : 1300px) {
        .foundation_tit2 h2{
            font-size: 22px;
            line-height: 26px;
        }
        .foundation_tit2 h2 span{
            font-size: 26px;
            line-height: 32px;
        }
    }
    @media screen and (max-width : 1300px) {
        .foundation_tit2 h2{
            font-size: 20px;
        }
    }
    @media screen and (max-width : 1080px) {
        .foundation_tit2 h2{
            font-size: 18px;
            line-height: 24px;
        }
        .foundation_tit2 h2 span{
            font-size: 24px;
            line-height: 30px;
        }
    }
    @media screen and (max-width : 900px) {
        .foundation_tit2 h2{
            font-size: 16px;
            line-height: 22px;
        }
        .foundation_tit2 h2 span{
            font-size: 20px;
            line-height: 26px;
        }
        .how_make ul li{
            width: 32%;
            margin: 0.666%;
        }
    }
    @media screen and (max-width : 700px) {
        .foundation_tit2 h2 .br_700{
            display: none;
        }
    }

    @media screen and (max-width : 550px) {
        .foundation_tit2 h2 span{
            font-size: 18px;
            line-height: 24px;
        }
        .how_make ul{
            margin-top: 30px;
        }
        .how_make ul li{
            width: 48%;
            margin: 1%;
        }
    }
    @media screen and (max-width : 380px) {
    }
/**************************************************
                       
                    sub07_04

***************************************************/
.Patent_order .order1{
    max-width: 100%;
    margin-bottom: 30px;
}
.Patent_order .order1 img{
    max-width: 100%;
    width: 100%;
}
.order_slide{
    width: 100%;
    border-top: 3px solid #e9e9e9;
}
.order_slide .order_tit{
    text-align: center;
}
.order_slide .order_tit .big{
    font-size: 38px;
    font-weight: 600;
    line-height: 58px;
    color: #000000;
    letter-spacing: 0.025em;
    margin-top: 22px;
	transform:skew(-0.03deg);
}
.order_slide .order_tit .small{
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #000000;
    letter-spacing: 0.025em;
    margin-top: 38px;
	margin-bottom: 40px;
	transform:skew(-0.03deg);
}
.order_slide .order_tit .small .br_700{
	display: none;
}

    @media screen and (max-width : 1300px) {
	.order_slide .order_tit .big{
		font-size: 34px;
		line-height: 46px;
	}
    }
    @media screen and (max-width : 1080px) {
	.order_slide .order_tit .big{
		font-size: 32px;
		line-height: 42px;
	}
	.order_slide .order_tit .small{
		margin-top: 28px;
	}
    }
	@media screen and (max-width : 900px) {
	.order_slide .order_tit .big{
		font-size: 26px;
		line-height: 34px;
	}
	.order_slide .order_tit .small{
		font-size: 18px;
		margin-top: 20px;
	}
    }
	@media screen and (max-width : 700px) {
	.order_slide .order_tit .big{
		font-size: 22px;
		line-height: 30px;
	}
	.order_slide .order_tit .small{
		font-size: 16px;
		line-height: 22px;
		margin-top: 15px;
	}
	.order_slide .order_tit .small .br_700{
		display: block;
	}
    }
	@media screen and (max-width : 600px) {
	.order_slide .order_tit .big{
		font-size: 18px;
		line-height: 28px;
	}
	.order_slide .order_tit .big br{
		display: none;
	}
    }
	@media screen and (max-width : 550px) {
	.order_slide .order_tit .big{
		font-size: 18px;
		line-height: 24px;
	}
	.order_slide .order_tit .small{
		font-size: 15px;
		line-height: 21px;
	}
    }
	@media screen and (max-width : 500px) {
	.order_slide .order_tit .big{
		font-size: 16px;
		line-height: 22px;
	}
	}
	@media screen and (max-width : 380px) {
	.order_slide .order_tit .big{
		font-size: 14px;
		line-height: 20px;
	}
	.order_slide .order_tit .small{
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 25px;
	}
    }
/**************************************************
                       
                    sub_patent
					디자인 특허

***************************************************/
    .swiper-container {
      width: 100%;
      height: 460px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      /* background-size: cover; */
      background-position: center;
	  background-repeat:no-repeat;
    }
    .gallery-top {
/*
      height: 80%;
      width: 100%;
*/
    }
    .gallery-thumbs {
/*      height: 20%;*/
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      /* height: 100%; */
	  height: 398px;
      opacity: 0.4;
	  border: 1px solid #000;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
	.slide_patent .swiper-button-prev{
		width: 54px;
		height: 113px;
		background-size: 54px 113px;
		background-image: url('../img/patent_slide_arrow_left.png');
	}
	.slide_patent .swiper-button-next{
		width: 54px;
		height: 113px;
		background-size: 54px 113px;
		background-image: url('../img/patent_slide_arrow_right.png');
	}
	@media screen and (max-width : 1200px) {
		.swiper-container{
			height: 430px;
		}
    }
	@media screen and (max-width : 1080px) {
		.swiper-container{
			height: 380px;
		}
    }
	@media screen and (max-width : 900px) {
		.swiper-container{
			height: 370px;
		}
    }
	@media screen and (max-width : 700px) {
		.swiper-container{
			height: 310px;
		}
    }
	@media screen and (max-width : 640px) {
		.swiper-container{
			height: 370px;
		}
    }
	@media screen and (max-width : 550px) {
		.swiper-container{
			height: 320px;
		}
    }
	@media screen and (max-width : 480px) {
		.swiper-container{
			height: 390px;
		}
    }
	@media screen and (max-width : 400px) {
		.swiper-container{
			height: 340px;
		}
    }
	@media screen and (max-width : 380px) {
		.swiper-container{
			height: 320px;
		}
    }
	@media screen and (max-width : 320px) {
		.swiper-container{
			height: 310px;
		}
    }




.office_map {
	position: relative;
}
.office_map .office_go_wrap {
	position: absolute;
	top: 0;
	right:0;
	width: 40%;
    height: 100%;
}
.office_map .office_go {
	border: 1px solid #9d9d99;
	border-radius: 7px;
	background: #ffffff;
	padding: 50px 30px 30px 30px;
	width:80%;
	margin-top:80px;
}
.office_map .office_go img {
	display: block;
	max-width: 100%;
	padding-left: 5px;
}
.office_map .office_go table{
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    transform: skew(-0.03deg);
	margin-top: 30px;
}

.office_map .office_go table tr {
	border-bottom: 1px solid #e1e1e1;
}
.office_map .office_go table p {
	font-size: 16px;
	font-weight: 600;
	line-height: 40px;
	color: #5b5959;
	letter-spacing: 0px;
    transform: skew(-0.03deg);
}
.office_map .office_go table .th00 {
    /* width: 25%; */
    vertical-align: top;
}
.office_map .office_go table .th00 p {
	padding-left:10px;
}
.office_map .office_go table .th01 p {
	line-height: 24px;
}
.office_map .office_go table .thbig {
	padding: 10px 0 10px 0;
}
.office_map .office_go table .th_i {
	width: 5%;
    vertical-align: top;
}
.office_map .office_go table td {

}
.office_map .office_go .t_map_go {
	margin-top: 20px;
}
.office_map .office_go .t_map_go ul li {
	width : 50%;
	float: left;
}
.office_map .office_go .t_map_go ul li img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
	@media screen and (max-width : 1500px) {
		.office_map .office_go_wrap {
			width: 45%;
		}
		.office_map .office_go {
		    margin-top: 50px;
		}
		.office_map .office_go table .th00 {
			width: 25%;
		}
		.office_map .office_go table .th01 {
			padding-right: 10px;
		}
		.office_map .office_go table p br {
			display: none;
		}
    }
	@media screen and (max-width : 1200px) {
		.office_map .office_go table p {
			font-size: 15px;
		}
		.office_map .office_go table .th00 {
			width: 30%;
		}
	}
	@media screen and (max-width : 1080px) {
		.office_map .office_go_wrap {
			width: 100%;
			position: static;
		}
		.office_map .office_go {
			width: 50%;
			margin: 50px auto 0;
		}
	}
	@media screen and (max-width : 900px) {
		.office_map .office_go{
			/*padding: 40px 20px 20px 20px;*/
			width: 60%;
		}
	}
	@media screen and (max-width : 850px) {
		.office_map .office_go {
			width: 70%;
		}
	}
	@media screen and (max-width : 700px) {
		.office_map .office_go {
			width: 80%;
		}
	}
	@media screen and (max-width : 550px) {
		.office_map .office_go {
			width: 95%;
		}
	}
	@media screen and (max-width : 441px) {
		.office_map .office_go {
			/*margin: 80px auto 0;*/
		}
	}
	@media screen and (max-width : 380px) {
		.office_map .office_go {
			width: 98%;
		}
		.office_map .office_go table p {
			font-size: 14px;
		}
	}