@charset "utf-8";

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

@media (min-width:1180px) {
	.container.main_container + .footer {margin-top:24px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.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:1180px) {
	.ml_row {width:1180px; margin:0 auto; padding:12px 0;}
	.ml_row.ml_mt {margin-top:12px;}
	.ml_row .ml_50p {float:left; width:50%;}
	.ml_row .ml_board {padding-right:344px;}
	.ml_row .ml_popupzone {position:absolute; right:0; top:0; padding:12px 0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ml_row {padding:10px 24px;}
	.ml_row.ml_mt {margin-top:10px;}
	.ml_row .ml_50p {float:left; width:50%;}
	.ml_row .ml_board {padding-right:304px;}
	.ml_row .ml_popupzone {position:absolute; right:0; top:0; padding:10px 24px;}
}
@media (max-width:767px) {
	.ml_row {padding:8px 16px;}
	.ml_row.ml_mt {margin-top:8px;}
}

/* main visual */
.m_visual {font-size:0; line-height:0;}
.m_visual > div {position:relative;}
.m_visual .mv_descript > div {position:relative;}
.m_visual .mv_descript > div::before {display:block; content:''; width:100%; height:100%; background:#fff; position:absolute; left:-4px; top:-4px; z-index:5;}
.m_visual .mv_descript > div::after {display:block; content:''; width:100%; height:100%; background:#2187cc; position:absolute; right:-4px; bottom:-4px; z-index:0;}
.m_visual .mv_descript > div > div {position:relative; z-index:10;}
.m_visual .mv_descript span {display:block;}
.m_visual .mv_descript span em {display:block; font-size:20px; line-height:28px; color:#2187cc;}
.m_visual .mv_descript span strong {display:block; font-size:26px; line-height:34px; font-weight:500; letter-spacing:-0.048em; color:#2187cc;}
.m_visual .mv_descript p {display:inline-block; font-size:16px; line-height:24px; color:#2187cc; vertical-align:middle;word-break: keep-all;}

@media (min-width:1180px) {
	.m_visual {background:url(../image/main/m_visual_p_bg.png) no-repeat #f0f8fd center center; background-size:auto 100%;}
	.m_visual > div {width:1180px; height:380px; margin:0 auto;}
	.m_visual .mv_descript {position:absolute; right:0; top:50%; width:320px; margin-top:-111px;}
	.m_visual .mv_descript > div > div {padding:20px 28px; padding-bottom:28px;}
	.m_visual .mv_descript p {margin-top:16px; height:96px;}
	
	.m_visual .mv_img {display:none;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_visual {background:url(../image/main/m_visual_t_bg.png) no-repeat #f0f8fd center bottom; background-size:auto 100%;}
	.m_visual > div {height:340px;}
	.m_visual .mv_descript {position:absolute; width:100%; left:0; bottom:0; padding:24px;}
	.m_visual .mv_descript > div > div {padding:20px 28px; padding-bottom:28px; padding-left:310px; height:120px;}
	.m_visual .mv_descript span {position:absolute; padding:20px 28px; left:0; top:50%; margin-top:-55px;}
	.m_visual .mv_descript > div > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
	
	.m_visual .mv_img {display:none;}
}
@media (max-width:767px) {
	.m_visual {background:none;}
	.m_visual .mv_img {height:180px; background:url(../image/main/m_visual_m_bg.png) no-repeat center center; background-size:cover;}
	.m_visual .mv_descript > div > div {background:#fff; border-bottom:8px solid #2187cc; padding:20px 24px;}
	.m_visual .mv_descript span em,
	.m_visual .mv_descript span strong {display:inline-block; font-size:18px; line-height:26px;}
	.m_visual .mv_descript p {font-size:14px; line-height:22px; margin-top:8px;}
	
	.m_visual .mv_descript > div::before,
	.m_visual .mv_descript > div::after {display:none;}
}

/* main quick slide */
.m_quick_menu_slide {background:#eee; overflow:hidden; background:#f7f7f9;}
.m_quick_menu_slide > div {position:relative;}

.m_quick_menu_slide .btn_prev,
.m_quick_menu_slide .btn_next {display:block; width:48px; height:48px; border-radius:24px; position:absolute; top:50%; margin-top:-62px;}
.m_quick_menu_slide .btn_prev {background:url(../image/main/mqms_btn_prev.png) no-repeat #2187cc center center;}
.m_quick_menu_slide .btn_next {background:url(../image/main/mqms_btn_next.png) no-repeat #2187cc center center;}

.m_quick_menu_slide .slide_list ul::after {display:block; content:''; clear:both;}
.m_quick_menu_slide .slide_list ul li {float:left; padding:0 8px;}
.m_quick_menu_slide .slide_list ul li a {position:relative; display:block; background:#fff;}
.m_quick_menu_slide .slide_list ul li a:hover::after {position:absolute; left:0; top:0; display:block; content:''; width:100%; height:100%; border:1px solid #2187cc;}
.m_quick_menu_slide .slide_list ul li a i {display:block;}
.m_quick_menu_slide .slide_list ul li a i img {display:block; width:100%; height:100%;}
.m_quick_menu_slide .slide_list ul li a span {display:block; font-size:0; line-height:0; text-align:center; padding:8px;}
.m_quick_menu_slide .slide_list ul li a span::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_quick_menu_slide .slide_list ul li a span strong {display:inline-block; vertical-align:middle; color:#333;}
.m_quick_menu_slide .slide_list ul li a span strong::after {display:inline-block; content:''; width:17px; height:17px; background:url(../image/main/mqms_arrow_right.png) no-repeat center center; vertical-align:top; margin-left:4px;}
.m_quick_menu_slide .slide_list ul li a:hover span strong {color:#2187cc; text-decoration:underline;}

.m_quick_menu_slide .slide_navigation {font-size:0; line-height:0; text-align:center; margin-top:16px; z-index:15;}
.m_quick_menu_slide .slide_navigation * {vertical-align:top;}
.m_quick_menu_slide .slide_navigation .slide_pager,
.m_quick_menu_slide .slide_navigation .slide_pager > ul,
.m_quick_menu_slide .slide_navigation .slide_pager > ul > li,
.m_quick_menu_slide .slide_navigation .slide_pager > ul > li > a,
.m_quick_menu_slide .slide_navigation .btn_pause,
.m_quick_menu_slide .slide_navigation .btn_play {display:inline-block;}
.m_quick_menu_slide .slide_navigation .slide_pager > ul > li > a,
.m_quick_menu_slide .slide_navigation .btn_pause,
.m_quick_menu_slide .slide_navigation .btn_play {width:22px; height:22px; background:url(../image/main/m_icon.png) no-repeat 0 0;}
.m_quick_menu_slide .slide_navigation .slide_pager > ul > li,
.m_quick_menu_slide .slide_navigation .btn_pause,
.m_quick_menu_slide .slide_navigation .btn_play {margin:0 2px;}
.m_quick_menu_slide .slide_navigation .slide_pager .active a {background-position:0 -40px;}
.m_quick_menu_slide .slide_navigation .btn_pause {background-position:0 -80px;}
.m_quick_menu_slide .slide_navigation .btn_play {background-position:0 -120px;}

.m_quick_menu_slide .slide_count {font-family:'Lato'; font-size:16px; line-height:24px; font-weight:500; text-align:center; margin-top:16px;}
.m_quick_menu_slide .slide_count strong {color:#2187cc;}

.m_quick_menu_slide .mqms_btn {text-align:center; margin-top:8px;}
.m_quick_menu_slide .mqms_btn a {display:inline-block; vertical-align:middle; text-align:center;}
.m_quick_menu_slide .mqms_btn a::before {display:inline-block; content:''; width:32px; height:32px; border-radius:16px; background:url(../image/main/mqms_ico_plus.png) no-repeat #2187cc center center; vertical-align:middle;}
.m_quick_menu_slide .mqms_btn a span {display:inline-block; font-size:16px; line-height:24px; color:#2187cc; vertical-align:middle; padding-left:8px;}

@media (min-width:1180px) {
	.m_quick_menu_slide > div {width:1180px; margin:0 auto; padding:32px 0;}

	.m_quick_menu_slide .btn_prev {left:0;}
	.m_quick_menu_slide .btn_next {right:0;}

	.m_quick_menu_slide .slide_list {padding:0 56px;}
	.m_quick_menu_slide .slide_list ul li {width:25%;}
	.m_quick_menu_slide .slide_list ul li a span {height:80px}
	.m_quick_menu_slide .slide_list ul li a span strong {font-size:17px; line-height:25px;}
	.m_quick_menu_slide .slide_list ul li a span strong::after {margin-top:4px;}

	.m_quick_menu_slide .mqms_btn {display:none;}
	.m_quick_menu_slide .slide_count {position:absolute; width:1px; height:1px; overflow:hidden; visibility:hidden;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_quick_menu_slide > div {padding:24px;}

	.m_quick_menu_slide .btn_prev {left:24px;}
	.m_quick_menu_slide .btn_next {right:24px;}

	.m_quick_menu_slide .slide_list {padding:0 56px;}
	.m_quick_menu_slide .slide_list ul li {width:33.3333%;}
	.m_quick_menu_slide .slide_list ul li a span {height:72px}
	.m_quick_menu_slide .slide_list ul li a span strong {font-size:15px; line-height:23px;}
	.m_quick_menu_slide .slide_list ul li a span strong::after {margin-top:3px;}

	.m_quick_menu_slide .mqms_btn {display:none;}
	.m_quick_menu_slide .slide_count {height:0; overflow:hidden; visibility:hidden;}
}
@media (max-width:767px) {
	.m_quick_menu_slide > div {padding:16px 8px;}

	.m_quick_menu_slide .slide_list ul li {width:50%;}
	.m_quick_menu_slide .slide_list ul li a span {height:64px}
	.m_quick_menu_slide .slide_list ul li a span strong {font-size:13px; line-height:21px;}
	.m_quick_menu_slide .slide_list ul li a span strong::after {margin-top:2px;}

	.m_quick_menu_slide .btn_prev,
	.m_quick_menu_slide .btn_next,
	.m_quick_menu_slide .slide_navigation {position:absolute; width:1px; height:1px; overflow:hidden; visibility:hidden;}
}

/* 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 a {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 a {background:#2187cc; border-color:#2187cc; color:#fff;}
.m_board .tab_box .tab_title a::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_board .tab_box .tab_title a 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;}

@media (min-width:1180px) {
	.m_board {padding-top:48px;}
	.m_board .tab_box .tab_title {width:96px;}
	.m_board .tab_box:nth-child(4) .tab_title {width:112px;}
	.m_board .tab_box .tab_title a span {font-size:16px; font-weight:500}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box:nth-child(2) .tab_title {left:95px;}
	.m_board .tab_box:nth-child(3) .tab_title {left:190px;}
	.m_board .tab_box:nth-child(4) .tab_title {left:285px;}	
	.m_board .tab_box .tab_content {padding:20px 24px; min-height:225px;}
	.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:1179px) {
	.m_board {padding-top:48px;}
	.m_board .tab_box .tab_title {width:72px;}
	.m_board .tab_box:nth-child(4) .tab_title {width:104px;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box:nth-child(2) .tab_title {left:71px;}
	.m_board .tab_box:nth-child(3) .tab_title {left:142px;}
	.m_board .tab_box:nth-child(4) .tab_title {left:213px;}
	.m_board .tab_box:nth-child(5) .tab_title {left:284px;}
	.m_board .tab_box .tab_title a span {font-size:15px;}	
	.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:25%;}
	.m_board .tab_box:nth-child(1) .tab_title {left:0;}
	.m_board .tab_box:nth-child(2) .tab_title {left:25%;}
	.m_board .tab_box:nth-child(3) .tab_title {left:50%;}
	.m_board .tab_box:nth-child(4) .tab_title {left:75%;}
	.m_board .tab_box .tab_title a {border-left-width:0;}
	.m_board .tab_box:nth-child(1) .tab_title a {border-left-width:1px;}
	.m_board .tab_box .tab_title a 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 popupzone */
.m_popupzone > div {position:relative;}
.m_popupzone > div > a,
.m_popupzone > div > a > img {display:block;}
.m_popupzone .slide_navigation {position:absolute; right:0; top:0; font-size:0; line-height:0; text-align:center; padding:16px 14px; z-index:15;}
.m_popupzone .slide_navigation * {vertical-align:top;}
.m_popupzone .slide_navigation .slide_pager,
.m_popupzone .slide_navigation .slide_pager > ul,
.m_popupzone .slide_navigation .slide_pager > ul > li,
.m_popupzone .slide_navigation .slide_pager > ul > li > a,
.m_popupzone .slide_navigation .btn_pause,
.m_popupzone .slide_navigation .btn_play {display:inline-block;}
.m_popupzone .slide_navigation .slide_pager > ul > li > a,
.m_popupzone .slide_navigation .btn_pause,
.m_popupzone .slide_navigation .btn_play {width:17px; height:17px; background:none; border:2px solid #2187cc;}
.m_popupzone .slide_navigation .slide_pager > ul > li,
.m_popupzone .slide_navigation .btn_pause,
.m_popupzone .slide_navigation .btn_play {margin:0 2px;}
.m_popupzone .slide_navigation .slide_pager .active a {background:#2187cc;}
.m_popupzone .slide_navigation .btn_pause {background:url(../image/main/m_icon.png) no-repeat -5px -85px; border:2px solid black;}
.m_popupzone .slide_navigation .btn_play {background:url(../image/main/m_icon.png) no-repeat -4px -125px; border:2px solid black;}
.m_popupzone .slide_list {overflow:hidden;}
.m_popupzone .slide_list ul li a,
.m_popupzone .slide_list ul li a img {display:block;}

.m_popupzone .slide_list ul li a:focus,
.m_popupzone .slide_list ul li a:focus img {outline: 2px auto black; outline-offset: -4px;}

.m_popupzone .ico_window {display:none;}

@media (min-width:1180px) {
	.m_popupzone > div {width:320px;}
	.m_popupzone .slide_list ul li a img {width:320px; height:273px;}
	.m_popupzone > div > a > img {width:320px; height:273px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_popupzone > div {width:280px;}
	.m_popupzone .slide_list ul li a img {width:280px; height:243px;}
	.m_popupzone > div > a > img {width:280px; height:243px;}
}
@media (max-width:767px) {
	.m_popupzone > div {margin-top:16px;}
	.m_popupzone .slide_list ul li a img {width:100% !important;}	
	.m_popupzone > div > a > img {width:100% !important;}
}

/* ml popupzone */
.ml_popupzone > a,
.ml_popupzone > a > img {display:block;}

@media (min-width:1180px) {
	.ml_popupzone > a > img {width:320px; height:273px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.ml_popupzone > a > img {width:280px; height:243px;}
}
@media (max-width:767px) {
	.ml_popupzone > a {margin-top:16px;}
	.ml_popupzone > a > img {width:100% !important;}
}