@charset "utf-8";

/* 메인비주얼 */
.main_visual {
    width: 100%;
    height:395px;
    background: url('../img/main/main_visual_pc.jpg') center center no-repeat;
    background-size: cover;
}
.main_visual ul {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.main_visual ul li {
    float: left;
    width: 50%;
    height: 395px;
    display: block;
    position: relative;
}
.main_visual ul li:first-child span.mtxt1 {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 39%;
    margin-left: 16%;
}
.main_visual ul li:first-child span.mtxt1 h3 {
    font-size: 2.0rem;
    color: #000;
}
.main_visual ul li:first-child img.mo_ver {display:none;}
.main_visual ul li:last-child span.mtxt2 {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 20%;
    margin-left: 8%;
	line-height : 160%;
    font-size: 1.8rem;
    color: #333;
    font-weight: 500;
}
.main_visual ul li:last-child span.mtxt2 h3 {
    font-size: 3.0rem;
    color: #000;
    font-weight: 600;
}
.main_visual ul li:last-child span.mtxt2 h3:after {content:'';display:block;width:35px;height:1px;background-color:#000;margin:20px 0 12px 0;}
.main_visual ul li:last-child img.mo_ver {display:none;}


@media screen and (max-width:800px){
	.main_visual {height:350px;}
	.main_visual ul li {height:300px;}
	.main_visual ul li:first-child span.mtxt1 h3 {font-size: 1.8rem;}
	.main_visual ul li:last-child span.mtxt2 h3 {font-size: 2.8rem;}
	.main_visual ul li:last-child span.mtxt2 {font-size:1.3rem;}
}
@media screen and (max-width:600px){
	.main_visual {display:table;height:auto;background:none;}
	.main_visual ul li {width:100%;height:auto;clear:both;}
	.main_visual ul li img.mo_ver {display: block !important;width: 100%;}
	.main_visual ul li:first-child span.mtxt1 {margin: 22% auto;width: 100%;display:block;text-align:center;}
	.main_visual ul li:last-child span.mtxt2 {margin-top: 7%;margin-left: 2%;line-height:1.5;}
	.main_visual ul li:last-child span.mtxt2 h3 {line-height:0.5;}
}
@media screen and (max-width:500px){
	.main_visual ul li:first-child span.mtxt1 h3 {font-size: 1.6rem;}
	.main_visual ul li:last-child span.mtxt2 h3 {font-size: 2.4rem;}
	.main_visual ul li:last-child span.mtxt2 {font-size:1.2rem;}
}
@media screen and (max-width:400px){
	.main_visual ul li:last-child span.mtxt2 h3 {font-size: 2rem;}
}



/* 게시판영역1 */
.board_box1 {
    display: table;
    clear: both;
    width: 100%;
    max-width: 1000px;
    margin: 40px auto 0 auto;
}
.board_box1 > ul:first-child {margin-right:2%}
.board_box1 > ul {
    width: 49%;
    float: left;
}
.board_box1 ul div.title_area {
    width: 100%;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid #cccccc;
}
.board_box1 ul div.mboard_box {width: 100%;display:table;margin-top:10px;padding-left: 10px;}
.board_box1 ul div.title_area h3 {
    font-size: 1.6rem;
    color: #000;
    font-weight: 500;
}
.board_box1 ul div.title_area h3:before {content:'';display: inline-block;width: 3px;height: 15px;background-color: #1f3998;vertical-align: bottom;margin-right: 5px;}

.board_box1 ul div.title_area a.more {
    position: absolute;
    top: 0px;
    margin-top: 5px;
    right: 0px;
    font-size: 10px;
    color: #666666;
}
.board_box1 ul div.mboard_box li {width: 100%;margin: 12px 0;}
.board_box1 ul div.mboard_box li:before {font-size:14px;font-weight:500;content:'·';padding-right:10px;}
.board_box1 ul div.mboard_box li a {font-size:14px;color:#000;font-weight:400;}

.board_box1 .mgallery1_box {width:100%;margin-top: 15px;}
.board_box1 .mgallery1_box ul {}
.board_box1 .mgallery1_box ul li {width:25%;float:left;text-align:center;}
.board_box1 .mgallery1_box ul li:before {display:none;}
.board_box1 .mgallery1_box ul li a {line-height:1.5}
.board_box1 .mgallery1_box ul li a img {width:100%;max-width:109px;}
.board_box1 .mgallery1_box ul li a strong {display:block;text-align:center;font-size:14px;color:#000;}

@media screen and (max-width:900px){
	.board_box1 {width:100%;max-width:600px;}
    .board_box1 > ul {width:100%;max-width:600px;clear:both;margin-right:0px;}
    .board_box1 > ul:last-child {margin-top:30px;}
}
@media screen and (max-width:600px){
	.board_box1 {padding-left:10px;padding-right:10px;}
}
@media screen and (max-width:500px){
    .board_box1 {margin: 30px auto 0 auto;}
	.board_box1 .mgallery1_box ul li {width:50%;}
    .board_box1 .mgallery1_box ul li:nth-child(1),
    .board_box1 .mgallery1_box ul li:nth-child(2) {margin-bottom:15px;}
    .board_box1 .mgallery1_box ul li:nth-child(3) {clear:both;}
    .board_box1 ul div.mboard_box {margin-top:5px;padding-left:0px;}
    .board_box1 ul div.mboard_box li:before {padding-right:5px;}
    .board_box1 ul div.mboard_box li a {font-size:13px;}
    .board_box1 .mgallery1_box ul li a strong {font-size:13px;}
}


/* 게시판영역2 */
.board_box2 {
    display: table;
    clear: both;
    width: 100%;
    max-width: 1000px;
    margin: 40px auto 0 auto;
}
.board_box2 > ul:first-child {
    width: 49%;
    float: left;
    margin-right:2%;
}
.board_box2 > ul:first-child div.title_area {
    width: 100%;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid #cccccc;
}
.board_box2 > ul:first-child div.title_area h3 {
    font-size: 1.6rem;
    color: #000;
    font-weight: 500;
}
.board_box2 > ul:first-child div.title_area h3:before {content:'';display: inline-block;width: 3px;height: 15px;background-color: #1f3998;vertical-align: bottom;margin-right: 5px;}

.board_box2 > ul:first-child div.title_area a.more {
    position: absolute;
    top: 0px;
    margin-top: 5px;
    right: 0px;
    font-size: 10px;
    color: #666666;
}
.board_box2 > ul:first-child li {}
.board_box2 > ul:last-child {
    width: 49%;
    float: left;
}
.board_box2 .mgallery2_box {width:100%;margin-top: 20px;}
.board_box2 .mgallery2_box ul {}
.board_box2 .mgallery2_box ul li {width:33.333%;float:left;text-align:center;}
.board_box2 .mgallery2_box ul li a {}
.board_box2 .mgallery2_box ul li a img {border:1px solid #ccc;width:100%;max-width:147px;}

.board_box2 > ul:last-child div.banner_box {width:100%;}
.board_box2 > ul:last-child div.banner_box ul {}
.board_box2 > ul:last-child div.banner_box ul li {width: 32.333%;height: 257px;float:left;text-align:center;color:#fff;font-size:1.2rem;padding: 35px 15px;line-height: 1.3;}
.board_box2 > ul:last-child div.banner_box ul li:nth-child(1) {background-color:#1f3998;margin-right:1.5%;}
.board_box2 > ul:last-child div.banner_box ul li:nth-child(2) {background-color:#3186a8;margin-right:1.5%;}
.board_box2 > ul:last-child div.banner_box ul li:nth-child(3) {background-color:#929797;}
.board_box2 > ul:last-child div.banner_box ul li h3 {font-size:1.6rem;}
.board_box2 > ul:last-child div.banner_box ul li img {
    margin: 0px 0px 10px 0;
}
.board_box2 > ul:last-child div.banner_box ul li a {font-size:1.2rem;display: inline-block;color: #ffffff;border: 1px solid #ffffff;padding: 7px 0;width: 86px;margin-top: 20px;}

@media screen and (max-width:900px){
	.board_box2 {width:100%;max-width:600px;}
    .board_box2 > ul {width: 100% !important;max-width:600px;clear:both;margin-right: 0px !important;}
    .board_box2 > ul:last-child {margin-top:30px;}
}
@media screen and (max-width:600px){
	.board_box2 {padding-left:10px;padding-right:10px;}
}
@media screen and (max-width:500px){
    .board_box2 .mgallery2_box ul li a img {width:95%;}
    .board_box2 {margin: 30px auto 0 auto;}
}
@media screen and (max-width:480px){
    .board_box2 > ul:last-child div.banner_box ul li {width:100%;height:auto;padding: 15px 0;}
}