@charset "utf-8";

/* main container */
.container.main_container > div {width:100%; margin:0; padding:0;}

@media (min-width:1220px) {
	.container.main_container + .footer {margin-top:24px;}
}
@media (min-width:768px) and (max-width:1219px) {
	.container.main_container + .footer {margin-top:20px;}
}
@media (max-width:767px) {
	.container.main_container {padding-bottom:48px;}
	.container.main_container + .footer {margin-top:16px;}
}

/* main layout */
.ml_row {position:relative;}
.ml_row::after {display:block; content:''; clear:both;}

@media (min-width:1220px) {
	.ml_row {width:1220px; margin:0 auto; padding:12px 0;}
	.ml_row .ml_50p {float:left; width:50%;}
	.ml_row .ml_50p.ml_pr {padding-right:12px;}
	.ml_row .ml_50p.ml_pl {padding-left:12px;}
}
@media (min-width:768px) and (max-width:1219px) {
	.ml_row {padding:10px 24px;}
	.ml_row .ml_50p {float:left; width:50%;}
	.ml_row .ml_50p.ml_pr {padding-right:12px;}
	.ml_row .ml_50p.ml_pl {padding-left:12px;}
}
@media (max-width:767px) {
	.ml_row {padding:8px 16px;}
	.ml_row .ml_50p.ml_pl {margin-top:16px;}
}

/* m_visual */
.m_visual {font-size:0; line-height:0; text-align:center; background:#ecf2ff; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.m_visual span {display:inline-block;}

@media (min-width:1220px) {
	.m_visual {background-image:url(../image/main/m_visual_p_bg.png);}
	.m_visual > div {width:1220px; height:300px; margin:0 auto; padding-top:50px;}
	.m_visual span {font-size:14px; line-height:24px; padding:2px 16px; border-radius:14px; background:#6c90da; color:#fff;}
	.m_visual strong {display:block; font-size:36px; line-height:44px; letter-spacing:-0.048em; color:#042c7d; margin-top:16px;}
	.m_visual p {display:block; font-size:16px; line-height:24px; color:#2858bb; margin-top:16px;}
}
@media (min-width:768px) and (max-width:1219px) {
	.m_visual {background-image:url(../image/main/m_visual_t_bg.png);}
	.m_visual > div {height:300px; padding-top:50px;}
	.m_visual span {font-size:14px; line-height:24px; padding:2px 16px; border-radius:14px; background:#6c90da; color:#fff;}
	.m_visual strong {display:block; font-size:36px; line-height:44px; letter-spacing:-0.048em; color:#042c7d; margin-top:16px;}
	.m_visual p {display:block; font-size:16px; line-height:24px; color:#2858bb; margin-top:16px;}
}
@media (max-width:767px) {
	.m_visual {background-image:url(../image/main/m_visual_m_bg.png);}
	.m_visual > div {height:280px; padding-top:32px;}
	.m_visual span {font-size:12px; line-height:20px; padding:2px 16px; border-radius:14px; background:#6c90da; color:#fff;}
	.m_visual strong {display:block; font-size:24px; line-height:32px; letter-spacing:-0.048em; color:#042c7d; margin-top:8px;}
	.m_visual p {display:none;}
}

/* main shortcut */
.m_shortcut {font-size:0; line-height:0; text-align:center;}
.m_shortcut ul li {display:inline-block; padding:8px; vertical-align:middle;}
.m_shortcut ul li a {position:relative; display:block;}
.m_shortcut ul li a::after {position:absolute; display:block; content:''; background-image:url(../image/main/m_shortcut_icon.png); background-repeat:no-repeat; background-size:100%;}
.m_shortcut ul li a span {display:block; font-size:15px; line-height:17px; letter-spacing:-0.024em; padding:8px 0; color:#000;}

@media (min-width:1220px) {
	.m_shortcut > div {width:1220px; margin:0 auto; padding:12px 0;}
	.m_shortcut ul li {width:12.5%;}
	.m_shortcut ul li a {padding-top:80px;}
	.m_shortcut ul li a span {height:48px;}
	.m_shortcut ul li a::after {left:50%; top:0; margin-left:-40px; width:80px; height:80px;}

	.m_shortcut ul li:nth-child(1) a::after {background-position:center 0;}
	.m_shortcut ul li:nth-child(2) a::after {background-position:center -100px;}
	.m_shortcut ul li:nth-child(3) a::after {background-position:center -200px;}
	.m_shortcut ul li:nth-child(4) a::after {background-position:center -300px;}
	.m_shortcut ul li:nth-child(5) a::after {background-position:center -400px;}
	.m_shortcut ul li:nth-child(6) a::after {background-position:center -500px;}
}
@media (min-width:768px) and (max-width:1219px) {	
	.m_shortcut > div {padding:10px 24px;}
	.m_shortcut ul li {width:16.6666%;}
	.m_shortcut ul li a {padding-top:80px;}
	.m_shortcut ul li a span {height:48px;}
	.m_shortcut ul li a::after {left:50%; top:0; margin-left:-40px; width:80px; height:80px;}
	
	.m_shortcut ul li:nth-child(1) a::after {background-position:center 0;}
	.m_shortcut ul li:nth-child(2) a::after {background-position:center -100px;}
	.m_shortcut ul li:nth-child(3) a::after {background-position:center -200px;}
	.m_shortcut ul li:nth-child(4) a::after {background-position:center -300px;}
	.m_shortcut ul li:nth-child(5) a::after {background-position:center -400px;}
	.m_shortcut ul li:nth-child(6) a::after {background-position:center -500px;}
}
@media (max-width:767px) {
	.m_shortcut ul li {width:50%;}
	.m_shortcut ul li:nth-child(1) {width:100%; text-align:center; border-bottom:1px solid #ddd;}
	.m_shortcut ul li:nth-child(6) {width:100%; text-align:center;}
	.m_shortcut ul li a {padding-left:72px; height:64px; text-align:left;}
	.m_shortcut ul li:nth-child(1) a {display:inline-block;}
	.m_shortcut ul li:nth-child(6) a {display:inline-block;}
	.m_shortcut ul li a::before {display:inline-block; content:''; width:0; height:100%; vertical-align:middle;}
	.m_shortcut ul li a span {display:inline-block; vertical-align:middle;}
	.m_shortcut ul li a::after {left:0; top:50%; margin-top:-32px; width:64px; height:64px; background-size:64px auto;}

	.m_shortcut ul li:nth-child(1) a::after {background-position:center 0;}
	.m_shortcut ul li:nth-child(2) a::after {background-position:center -80px;}
	.m_shortcut ul li:nth-child(3) a::after {background-position:center -160px;}
	.m_shortcut ul li:nth-child(4) a::after {background-position:center -240px;}
	.m_shortcut ul li:nth-child(5) a::after {background-position:center -320px;}
	.m_shortcut ul li:nth-child(6) a::after {background-position:center -400px;}
}

/* main board */
.m_board {position:relative; font-size:0; line-height:0;}
.m_board .tab_box .tab_title {position:absolute; top:0; z-index:0;}
.m_board .tab_box.on .tab_title {z-index:5;}
.m_board .tab_box .tab_title p {display:block; height:48px; font-size:0; line-height:0; text-align:center; background:#fdfdfd; border:1px solid #ddd; color:#333;}
.m_board .tab_box.on .tab_title p {background:#2858bb; border-color:#2858bb; color:#fff;}
.m_board .tab_box .tab_title p::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_board .tab_box .tab_title p span {display:inline-block; line-height:16px; letter-spacing:-0.048em; vertical-align:middle;}
.m_board .tab_box .tab_content ul li {position:relative;}
.m_board .tab_box .tab_content ul li::before {display:block; content:''; width:2px; height:2px; background:#333; border-radius:2px; position:absolute; left:0;}
.m_board .tab_box .tab_content ul li * {vertical-align:middle;}
.m_board .tab_box .tab_content ul li a {color:#666; padding-right:8px;}
.m_board .tab_box .tab_content ul li .ico_new {display:inline-block; width:18px; height:18px; background:url(../image/main/m_icon.png) no-repeat 0 -200px; text-indent:-10000px;}
.m_board .tab_box .tab_content ul li .mb_date {position:absolute; right:0; top:0; display:block; padding:8px 0; font-family:'Lato'; font-size:15px; line-height:21px; color:#666;}
.m_board .tab_box .btn_more {background:url(../image/main/m_icon.png) no-repeat right -240px;}
.m_board .tab_box.on .btn_more {display:block;}

@media (min-width:1220px) {
	.m_board {padding-top:48px;}
	.m_board.mb_l .tab_box .tab_title {width:96px;}
	.m_board.mb_r .tab_box .tab_title {width:144px;}
	.m_board .tab_box .tab_title p {font-size:15px;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}	
	.m_board .tab_box .tab_content {padding:20px 24px; min-height:220px;}
	.m_board .tab_box .tab_content ul li {padding:8px 0; padding-left:8px; padding-right:96px;font-size:15px; line-height:21px;}
	.m_board .tab_box .tab_content ul li::before {top:50%; margin-top:-1px;}
	.m_board .tab_box .tab_content ul li a {display:inline-block; max-width:calc(100% - 26px); font-size:15px; line-height:21px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.m_board .tab_box .btn_more {position:absolute; right:0; top:0; width:27px; height:27px; margin-top:10px;}
	.m_board .mb_bar {border:0; margin:0; padding:0; display:block; width:100%; height:1px; position:absolute; left:0; top:47px; background:#ddd;}
}
@media (min-width:768px) and (max-width:1219px) {
	.m_board {padding-top:48px;}
	.m_board.mb_l .tab_box .tab_title {width:96px;}
	.m_board.mb_r .tab_box .tab_title {width:144px;}
	.m_board .tab_box .tab_title p {font-size:15px;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}	
	.m_board .tab_box .tab_content {padding:20px; min-height:195px;}
	.m_board .tab_box .tab_content ul li {padding:6px 0; padding-left:8px;font-size:14px; line-height:19px;}
	.m_board .tab_box .tab_content ul li::before {top:50%; margin-top:-1px;}
	.m_board .tab_box .tab_content ul li a {display:inline-block; max-width:calc(100% - 26px); font-size:14px; line-height:19px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.m_board .tab_box .btn_more {position:absolute; right:0; top:0; width:27px; height:27px; margin-top:10px;}
	.m_board .mb_bar {border:0; margin:0; padding:0; display:block; width:100%; height:1px; position:absolute; left:0; top:47px; background:#ddd;}

	.m_board .tab_box .tab_content ul li .mb_date {display:none;}
}
@media (max-width:767px) {
	.m_board {padding-top:48px;}
	.m_board .tab_box .tab_title {width:100%;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box .tab_title p {border-left-width:0;}
	.m_board .tab_box:nth-child(1) .tab_title p {border-left-width:1px;}
	.m_board .tab_box .tab_title p span {font-size:14px;}
	.m_board .tab_box .tab_content {padding:12px 16px; border:1px solid #ddd; border-top:0;}
	.m_board .tab_box .tab_content ul li {padding:8px 0; padding-left:8px;font-size:13px; line-height:18px;}
	.m_board .tab_box .tab_content ul li::before {top:17px;}
	.m_board .tab_box .tab_content ul li a {font-size:13px; line-height:18px;}
	.m_board .tab_box .btn_more {background:none; background-color:#f1f1f1; text-align:center; padding:8px;}
	.m_board .tab_box .btn_more strong {display:inline-block; font-size:13.5px; line-height:27px; color:#666; padding-right:35px; background:url(../image/main/m_icon.png) no-repeat right -240px;}
	
	.m_board .tab_box .tab_content ul li .mb_date {display:none;}
	.m_board .mb_bar {display:none;}
}

/* main quick menu - mqm photo */
.m_quick_menu_photo > div {position:relative;}
.m_quick_menu_photo .mqm_list ul {margin:0 -8px;}
.m_quick_menu_photo .mqm_list ul::after {display:block; content:''; clear:both;}
.m_quick_menu_photo .mqm_list ul li {float:left; padding:0 8px;}
.m_quick_menu_photo .mqm_list ul li a {position:relative; display:block; background:#fff; color:#333}
.m_quick_menu_photo .mqm_list ul li a i {display:block;}
.m_quick_menu_photo .mqm_list ul li a i img {display:block; width:100%; height:100%;}
.m_quick_menu_photo .mqm_list ul li a span {display:block; font-size:0; line-height:0; padding:12px 16px;}
.m_quick_menu_photo .mqm_list ul li a span strong {display:inline-block; font-size:15px; line-height:23px; font-weight:500; vertical-align:middle;}
.m_quick_menu_photo .mqm_list ul li a span strong::after {display:inline-block; content:''; width:17px; height:17px; background:url(../image/main/mqmp_arrow_right.png) no-repeat center center; vertical-align:top; margin:3px 0 0 4px;}
.m_quick_menu_photo .mqm_list ul li a span em {display:block; font-size:13px; line-height:21px; margin-top:2px;}

.m_quick_menu_photo .mqm_list ul li:nth-child(1) a {background:#d5dcf1;}
.m_quick_menu_photo .mqm_list ul li:nth-child(2) a {background:#d2e3f4;}
.m_quick_menu_photo .mqm_list ul li:nth-child(3) a {background:#c7e7e9;}

@media (min-width:1220px) {
	.m_quick_menu_photo > div {width:1220px; margin:0 auto;}
	.m_quick_menu_photo .mqm_list ul li {width:33.3333%;}	
	.m_quick_menu_photo .mqm_list ul li a {padding-right:180px;}	
	.m_quick_menu_photo .mqm_list ul li a span {position:absolute; right:0; top:0; width:180px; height:100%;}
}
@media (min-width:768px) and (max-width:1219px) {
	.m_quick_menu_photo .mqm_list ul li {width:33.3333%;}
	.m_quick_menu_photo .mqm_list ul li a span {height:96px;}
}
@media (max-width:767px) {
	.m_quick_menu_photo .mqm_list ul {margin-top:-8px;}
	.m_quick_menu_photo .mqm_list ul li {width:100%; padding-top:8px;}
	.m_quick_menu_photo .mqm_list ul li a {padding-right:160px; min-height:120px;}
	.m_quick_menu_photo .mqm_list ul li a i {min-height:120px !important;}
	.m_quick_menu_photo .mqm_list ul li a span {position:absolute; right:0; top:0; width:160px; height:100%;}
}