@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{font-family: 'Nanum Gothic', sans-serif;}

/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
.float{
	float:left;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
.clear:after{
	content:"";
	clear:both;
	display:block;
}



.bottom_text {
/*    width: 700px;*/
    padding: 20px 0 10px 30px;
}
.bottom_text > span{
	padding-top:1px;
	padding-left:30px;
}


.main_box04{
	width:1176px;
	margin:0  auto;
	padding-bottom:20px;
	font-size:30px;
	color:#00557f;
	text-align:center;
	font-weight:bold;
}

.wf-cell{
	height:300px;
    padding: 35px 0;
	border: 3px solid #fff;
}
.wf-cell:hover{
	padding:33px 0;
	color:#000;
	border: 3px solid #30b7e8;

    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;

}


.text-normal:hover{
    -webkit-background-clip: text;

    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;

}


.main01_03 > div{
	padding:0;
}

/*메인 아이콘박스*/
.main01_04 > div{
	padding:0 10px;
}


.box01{
	width:68%;
	margin:0 auto;
}
.box01 > h2{
	font-size:20px;
	font-weight:bold;
	font-family: 'Nanum Gothic', sans-serif;
}


.box01 > table > tbody > tr > td{
	padding:0;
	font-size: 12px;
}
.txt01{
	padding: 5px 10px;
	font-size: 16px;
	background: #eee;
}

.th01, .th02, .th03, .th04{text-align:center;}
.th01{
	width:10%;
	height:30px;
}
.th02{width:20%}
.th03{width:20%}
.th04{width:50%}

.td01, .td02, .td03, .td04{
	height:30px;
	text-align:center;
}

.img01, .img02{
	float:left;
}
.b61:after{
	content:"";
	clear:both;
	display:block;
}
.b60{
	width:800px;
	margin:0 auto;
}


.b61 > .kboard-branch {
	padding-left:185px;
	width: 400px;
	position: absolute;
	top: 170px;
	left: 24px;
}

.kboard-header-title {
    padding-left: 24px;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
	font-family: 'Nanum Gothic', sans-serif;
    background: url(http://roadstari.com/wp/wp-content/uploads/2016/06/com.png) left 2px no-repeat;
}



.kboard-branch .kboard-branch-button.active, .kboard-branch .kboard-branch-button:hover {
    background-color: #50afdd;
    border: 1px solid #50afdd;
    color: white;
}
.kboard-branch .kboard-branch-button {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 11px 10px 0;
    width: 78px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    background-color: #faf7f7;
    border: 1px solid #dbdada;
    color: black;
    font-size: 13px;
}
.entry-content a, .entry-summary a {
    text-decoration: underline;
}


.content table {
    background: #fff;
}


.big_con01{
	margin: 100px 0 0 0;
	min-height: 500px;
	background-color: #fff;
}
.con01{
	padding:50px 50px 0 50px;	
	font-size:14px;
	text-align:left;
}
.sub01{padding-top:50px;}
.sub03{padding-bottom:50px;}
.vc_custom_1 {
	padding-top:50px;
}
.sbar{
    width: 40px;
	display: block;
    border: 2px solid #009cff;    
} 
.font{
	font-weight:bold;
}

.vc_custom_1465379886828 {
	padding: 0 0 0 22px;
}
#jg-container-1 > div{
	margin:0 auto;
	width:295px !important;
	height:295px !important;
}

.big_con02{
	width:800px;
	margin:0 auto;
}
.bar{
	width: 20px;
	margin:0 0 5px 0;
    border: 2px solid #009cff;    
}
.con02_t{
	margin:0 0 5px 0;
	font-size:20px;
	font-weight:bold;
}
.con02_t_s{
	margin:0 0 20px 0;
	padding:5px 10px; 
	width:327px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:#00a6e5;
}
.con02_t_s2{
	margin:0 0 20px 0;
	padding:5px 10px; 
	width:174px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:#00a6e5;
}
.con02_sub{
	font-size:16px;
	color:#3b3b3b;
}
.st{
	line-height:10px;
	padding:0 10px 0 0;
}
.con02_sub2:after{
	content:"";
	clear:both;
	display:block;
}

.padding{
	margin-top:5px;
	padding-right:5px;
	height:24px;
}

.big_con02_2{
	width:830px;
	margin:0 auto;
}
.map{
	padding-left:88px !important;
}


/* 인사말 */
.pst{margin-left:-15px}
.sub01_bigbox{}
.sub01_sim1{margin-bottom:15px}
.sub01_sim2{}
.img_box1{padding-right:7px}
.img_box2{}
.map_img{padding-left:30px;}
.kboard-default-poweredby{display:none;}


.boder00{
	/*border: 1px solid #999;*/
/*   padding: 15px;
background: #8c8c8c8c;

*/
}
/**********************************************************************************************/





























/* - 미디어 쿼리 -  - 미디어 쿼리 -  - 미디어 쿼리 -  - 미디어 쿼리 -  - 미디어 쿼리 -  - 미디어 쿼리 -  - 미디어 쿼리 -  - 미디어 쿼리 - */
@media screen and (max-width: 900px){
	.breadcrumbs li{
		display:none !important;
	}
	.bottom_text > span{
		position: absolute;
		top: 140px;
		left: 46%;
	}
	.box_19{
		width:100%;
	}
	.vc_custom_1{
		padding:10px !important
	}

	.main_box04{
		width:90%;
		margin:0 auto;
	}
}

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

	.bottom_text > span{
		position: absolute;
		top: 71px;
		left: 39%;
	}
	.bottom_text {
		padding:5px 10px;
	}
	.vc_custom_1465379886828 {
		padding: 0;
	}
	.map{
		width:100% !important;
		height:300px !important;
		padding:0 !important;
		margin:0 auto;
	}
	.sub01_02, .sub01_03 {
		width:100%;
	}

	#jg-container-1 > div{
		margin:0 auto;
		width:100% !important;
		height:328px !important;
	}
	#jg-container-1 > div  img{
		margin:0 auto;
		width:100% !important;
		height:328px !important;
	}
	.box_19{
		margin-left: -45%;
	}
	.box_19 > div > div > img{
		width: 600px;
		max-width: 600px;
	}
	.sub02_01 {
		margin-left: -47%;
	}
	.sub02_01 > div > div > img{
		width: 570px;
		max-width: 570px;
	}
	.vc_custom_1466039142561{
		margin-left: -33%;
	}
	.vc_custom_1466039142561 > div > div > img{
		width: 570px;
		max-width: 570px;
	}

	.img01, .img02{float:none;}
	.img01 > img{width:100%}
	.img02{margin-left: -30px;}

	.b60 {width:100%}

	.kboard-branch {
		position: static !important;
		width:400px;
		padding-left: 0px !important;
		margin-left: -9px;
	}
	.box01 {width:100%;}
	.txt01{
		padding: 0px 0px;
		font-size: 14px;
	}

	.th01{
		width:12%;
		height:30px;
	}
	.th02{width:20%}
	.th03{width:20%}
	.th04{width:50%}

	.con01{
		width:100%;
		margin: 0 0 20px 0;
		padding:0;
		font-size:14px
	}
	.main01_03{
		width: 100%;
		margin:0;
	}


}
/**********************************************************************************************/
@media screen and (max-width: 530px){
	
	/*메인 아이콘박스
	.main01_02{
		margin:0px;
		padding:0px;
		width:380px;
	}
	/*메인 제품소개 제목*/
	.main_box04{
		width:90%;
		margin:0 auto;
	}


	.fancy-header{
	    max-height: 180px;
		background-size:800px auto  !important;
		background-position: -15px 0 !important;
	}
	.breadcrumbs{margin:100px 0 10px 0px !important; }

	.big_con01{
		margin: 40px 0 0 0;
		background: none;
		/*	background: url(../../uploads/2016/10/sub1_img_bg1.jpg) no-repeat;*/
	}
	.pst{
		width:100%;
		margin:0 auto
	}
	.sub01_bigbox{
		padding-top:10px;
		width:64%;
		margin:0 auto;
	}
	.sub01_sim1{}
	.sub01_sim2{}
	.map{margin:0}
	.vc_custom_1476954137744{
		padding-left:0 !important;
	}
	.map_img {
		padding:10px;
		margin:10px auto;
	}
	/*사업분야*/
	.big_con02, .big_con02_2{width:100%}
	.width{width:93%}

}
@media screen and (max-width: 330px){
	/*메인 아이콘박스*/
	.main01_02{
		padding:0px; 
		width:100%;
		margin:0 auto;
	}
	.bottom_text > span{
		position: absolute;
		top: 71px;
		left: 36%;
	}
	.fancy-header{
	    max-height: 180px;
		background-size:800px auto  !important;
		background-position: -15px 0 !important;
	}
	.pst{
		width:95%;
		margin:0 auto
	}
	/* 회사소개*/
	.sub01_bigbox{
		padding-top:10px;
		width:231px;
		margin:0 auto;
	}
	.pst{
		width:95%;
		margin:0 auto
	}
	.map_img {margin-top:10px;}
	/*사업분야*/
	.con02_t_s{width:93%;	}
	.width{width:91%}
}

.sub1_map{
	margin:0 auto;
}

.main_text h2 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    font-family: 'Nanum Gothic', sans-serif;
    margin-bottom: 20px;
}
.main_text h3 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    font-family: 'Nanum Gothic', sans-serif;
    margin-bottom: -3px;
}
.main_text h2::first-letter {
    border-bottom: 4px solid #0082CB;
	padding-bottom: 6px;
}
.title{
	font-size: 14px;
    color: #999;
    font-weight: 600;
	text-align:center;
    font-family: 'Nanum Gothic', sans-serif;
}
.text{
	color: #5b5b5b;
	text-align:center;
	    font-family: 'Nanum Gothic', sans-serif;
}

/*가격정보*/
.price{
    width:100%;
    text-align:center;
    font-size:13px;
    font-family:'나눔고딕' , 'Nanum Gothic';
    color:#030303;
}
.price tr:hover{
   background:#eee;
   cursor:pointer;
}
.price th{
    background: #F6F6F6;
    text-align: center;
    font-weight: 500;
    border: 1px solid #ddd!important;
}
.price th b{
    font-size:20px;
}
.price td{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.price .red td{
    color:#f30000;
    font-weight:600;
}
.price .title01{
    background:#0077B5;
    color:#fff;
    padding:10px 0;
}
.price .title02{
    background:#00537e;
    color:#fff;
    padding:10px 0;
}
.box4{
padding-left: 20px;
background: #fff;
border-radius: 20px;
}