/*** what is boxy ***/

/* 01 */
p.start_bold { font-size: 18px !important; color: #1b1b1b !important; margin-bottom: 30px; line-height: 28px !important;}
.sub02_01 img {
    float: left;
    margin-right: 2%;
}
.contents02_1_text {
    width: 53%;
    float: left;
	margin-bottom: 3%; 
}

.contents02_1_text h4 { font-size: 20px !important; font-weight: bold !important; color: #1b1b1b !important; margin-bottom: 25px; padding-top: 0.5%;}
.contents02_1_text p {margin-bottom: 15px; line-height: 20px; color: #747474;}
.contents02_1_text li { color: #747474; line-height: 25px; padding-left: 19px;
					background: url(../image/sub/sub_name.png) no-repeat 0 11px;}
.first02_1_box { width: 100%; overflow:hidden;
				 padding-bottom: 35px; border-bottom: 1px dotted #e1e1e1; margin-bottom: 35px; }
span.small { font-size: 12px; vertical-align: top; }

.first02_1_box img {
    width: 45%;
}
.second02_1_box img {
    width: 45%;
}

/* 02 */
.sub02_02 .img_box02 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
}

.sub02_02 img {
    margin: 0 2%;
}
.contents02_2_text {
    width: 100%;
    float: left;
}

.first02_2_box { width: 100%; overflow:hidden;
				 padding-bottom: 35px; border-bottom: 1px dotted #e1e1e1; margin-bottom: 35px; }

.contents02_2_text h4 { font-size: 20px !important; font-weight: bold !important; color: #1b1b1b !important; margin-bottom: 25px; padding-top: 5px;}
.contents02_2_text p {margin-bottom: 25px; line-height: 20px; color: #747474;}
.contents02_2_text li { color: #747474; line-height: 25px; padding-left: 19px;
					background: url(../image/sub/sub_name.png) no-repeat 0 11px;}



/* 03 */
#sub_contents p.sub02_3_start {
    margin-bottom: 30px;
	line-height:24px;
}

.full02_3_box {
    width: 68%;
    float: left;
    text-align: center;
}
.sub02_contents {
    width: 28% !important;
    margin-top: 1%;
    overflow: hidden;
    border-right: 1px solid #ccc;
    float: left;
    margin-left: 3%;
}
.content02_text h3 {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-top: 8%;
    padding-left: 5%;
}
.sub02_contents ul li {
    float: left;
    width: 349px;
    border-top: 1px solid #d5d5d5;
    display: inline-block;
    line-height: 0;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}
li.sub_video img { width: 80%; }
.sub02_contents ul li a, #main_contents ul li img {
    display: inline-block;
    width: 100%;
    line-height: 0;
}

.content02_text {
    display: inline-block;
    background: #e6e7e8;
    height: 74px;
    width: 100%;
    color: #4a4a4a;
}
.content02_text span {
    display: block;
    padding-left: 5%;
    line-height: 21px;
}


/* 04 */
.content02_4 ul {width:100%; overflow:hidden; margin:20px 0px;border-bottom: 1px solid #ddd; padding-bottom:20px;}
.content02_4 li { float: left; width:54%; line-height:0;}
.content02_4 li.sub02_img { width: 40%; }
li.sub02_img img { width: 95%; }
.content02_4 li:first-child { margin-right:2%;}
.content02_4 li.right04 { }
.content02_4 span { font-size: 25px !important; font-weight: bold !important; color: #1b3452; padding-bottom: 2%;}

.content04_text01 { 
	width: 94%;
	margin-top: 25%;
	padding: 3%;
	color: #747474;
    line-height: 20px;
}

.content04_text01 span {
	display:block;
}




@media screen and (max-width: 1000px) {
/* 01 */	
	.sub02_01 img {
		width: auto;
		margin:0;
		float: none;
	}
	.contents02_1_text {
		width: 100%;
		text-align:left;
	}


.first02_1_box {
    text-align: center;
}
.second02_1_box {
    text-align: center;
}

/* 02 */
	.sub02_02 img {
		width: auto;
		margin:0;
		float:none;
	}
	.contents02_2_text {
		width: 100%;
	}
.first02_2_box {
    text-align: center;
}
.second02_2_box {
    text-align: center;
}
.contents02_2_text {
    text-align: left;
}


/* 03 */
.full02_3_box { width: 100%;}
.sub02_contents {
    width: 100% !important;
    float: left;
    text-align: center;
    margin-top: 5%;
}
.sub02_contents ul {
    display: inline-block;
}
.sub02_contents ul li {
    text-align: left;
    border: 1px solid #d5d5d5;
}

.content02_text span {
    line-height: 37px;
}
.content02_text h3 {
   margin-top: 11%;
}

.sub02_contents {
   margin-top: 5%;
}
li.sub_video img { width: 100%; max-width: 100%}

/* 04 */

}

