@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 slide */
.m_slide {position:relative; background:#eee; overflow:hidden;}
.m_slide .ms_navigation {position:absolute; bottom:24px; width:100%; font-size:0; line-height:0; text-align:center; z-index:15;}
.m_slide .ms_navigation * {vertical-align:top;}
.m_slide .slide_pager,
.m_slide .slide_pager > ul,
.m_slide .slide_pager > ul > li,
.m_slide .slide_pager > ul > li > a,
.m_slide .slide_btn,
.m_slide .slide_btn a {display:inline-block;}
.m_slide .slide_pager > ul > li > a,
.m_slide .slide_btn a {width:22px; height:22px; background:url(../image/main/m_icon.png) no-repeat 0 0;}
.m_slide .slide_pager > ul > li,
.m_slide .slide_btn a {margin:0 2px;}
.m_slide .slide_pager .active a {background-position:0 -40px;}
.m_slide .slide_btn .btn_pause {background-position:0 -80px;}
.m_slide .slide_btn .btn_play {background-position:0 -120px;}
.m_slide .slide_list {position:relative; z-index:0; overflow:hidden;}
.m_slide .slide_list .ms_h {display:block;}

@media (min-width:1180px) {
	.m_slide {height:405px;}
	.m_slide .ms_h {width:1180px; height:405px; margin:0 auto;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_slide {height:360px;}
	.m_slide .ms_h {height:360px;}
}
@media (max-width:767px) {
	.m_slide .ms_navigation {display:none;}
}

/* main slide visual */
.m_slide .ms_01 {font-size:0; line-height:0; background:url(../image/main/mv_01_bg.png) no-repeat center center; background-size:cover;}
.m_slide .ms_01 .ms_h {position:relative; text-align:center;}
.m_slide .ms_01 .ms_h::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.m_slide .ms_01 .ms_h > div {position:relative; display:inline-block; vertical-align:middle;}
.m_slide .ms_01 .ms_h > div * {display:inline-block;}
.m_slide .ms_01 p {font-size:16px; line-height:48px; color:#fff; padding:0 5px; background-color:#715745;}

@media (min-width:1180px) {
	.m_slide .ms_01 .ms_h > div {padding-left:660px;}
	.m_slide .ms_01 .ms_h > div::after {display:block; content:''; width:200px; height:1px; background:#fff; position:absolute; left:440px; top:50%; margin-top:-1px;}
	.m_slide .ms_01 span {display:block; position:absolute; left:0; top:50%; margin-top:-32px;}
	.m_slide .ms_01 p {text-align:left;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_slide .ms_01 .ms_h > div::after {display:block; content:''; width:200px; height:1px; background:#fff; position:absolute; left:50%; top:80px; margin:0 0 0 -100px;}
	.m_slide .ms_01 .ms_h > div span {display:block;}
	.m_slide .ms_01 .ms_h > div span img {height:56px;}
	.m_slide .ms_01 p {line-height:32px; margin-top:48px;}
}
@media (max-width:767px) {
	.m_slide .ms_01 .ms_h > div::after {display:block; content:''; width:200px; height:1px; background:#fff; position:absolute; left:50%; top:48px; margin:0 0 0 -100px;}
	.m_slide .ms_01 .ms_h > div span {display:block;}
	.m_slide .ms_01 .ms_h > div span img {height:32px;}
	.m_slide .ms_01 p {font-size:14px; line-height:22px; margin-top:32px;}
}

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

@media (min-width:1180px) {
	.ml_row {width:1180px; margin:0 auto;}
	.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_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;}
}

/* main shortcut */
.m_shortcut {font-size:0; line-height:0; text-align:center;}
.m_shortcut ul li {position:relative; display:inline-block; padding:8px;}
.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; padding:4px 0; font-weight:500; color:#000;}

.m_shortcut .ico_window {display:none;}

@media (min-width:1180px) {
	.m_shortcut ul li {width:12.5%; vertical-align:top;}
	.m_shortcut ul li a {padding-top:80px;}
	.m_shortcut ul li a span {font-size:15px; line-height:23px;}
	.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 -400px;}
	.m_shortcut ul li:nth-child(5) a::after {background-position:center -500px;}
	.m_shortcut ul li:nth-child(6) a::after {background-position:center -600px;}
	.m_shortcut ul li:nth-child(7) a::after {background-position:center -700px;}
	.m_shortcut ul li:nth-child(8) a::after {background-position:center -800px;}
}
@media (min-width:768px) and (max-width:1179px) {	
	.m_shortcut ul li {width:25%; padding-left:0; padding-right:0;}

	.m_shortcut ul li a {padding-left:88px; height:80px; text-align:left;}
	.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; font-size:14px; line-height:22px; vertical-align:middle;}	
	.m_shortcut ul li a::after {left:0; top:50%; margin-top:-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 -400px;}
	.m_shortcut ul li:nth-child(5) a::after {background-position:center -500px;}
	.m_shortcut ul li:nth-child(6) a::after {background-position:center -600px;}
	.m_shortcut ul li:nth-child(7) a::after {background-position:center -700px;}
	.m_shortcut ul li:nth-child(8) a::after {background-position:center -800px;}
}
@media (max-width:767px) {
	.m_shortcut ul li {width:50%; vertical-align:top; padding-left:0; padding-right:0;}
	.m_shortcut ul li a {padding-left:72px; height:64px; text-align:left;}
	.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; font-size:13px; line-height:21px; 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:0 0;}
	.m_shortcut ul li:nth-child(2) a::after {background-position:0 -80px;}
	.m_shortcut ul li:nth-child(3) a::after {background-position:0 -160px;}
	.m_shortcut ul li:nth-child(4) a::after {background-position:0 -320px;}
	.m_shortcut ul li:nth-child(5) a::after {background-position:0 -400px;}
	.m_shortcut ul li:nth-child(6) a::after {background-position:0 -480px;}
	.m_shortcut ul li:nth-child(7) a::after {background-position:0 -560px;}
	.m_shortcut ul li:nth-child(8) a::after {background-position:0 -640px;}
}

/* m_quick_menu */
.m_quick_menu {font-size:0; line-height:0;}
.m_quick_menu > ul::after {display:block; content:''; clear:both;}
.m_quick_menu > ul > li {float:left;}
.m_quick_menu > ul > li > div {position:relative;}

.m_quick_menu > ul > li > div > strong {display:inline-block; font-size:14px; line-height:22px; font-weight:700; color:#222;}
.m_quick_menu > ul > li > div > div > span {display:inline-block;}
.m_quick_menu > ul > li > div > div > span img {display:inline-block;}
.m_quick_menu > ul > li > div > div > p {display:inline-block; font-size:13px; line-height:19px; color:#008397;}
.m_quick_menu .btn_more {position:relative; display:inline-block; font-size:12px; line-height:20px; color:#666; text-decoration:underline; padding-right:22px;}
.m_quick_menu .btn_more::after {display:block; content:''; width:16px; height:16px; background:url(../image/main/ms_ico_arrow.png) no-repeat center center; position:absolute; right:0; top:50%; margin-top:-8px;}

.m_quick_menu > ul > li:nth-child(1) > div {background:url(../image/main/mqm_l_ico_03.png) no-repeat #f3faff right 32px bottom 0;}
.m_quick_menu > ul > li:nth-child(2) > div {background:url(../image/main/mqm_r_bg.png) no-repeat #edeff6 left bottom; background-size:auto 100%;}

.m_quick_menu > ul > li:nth-child(1) > div > i {position:absolute; display:block; width:145px; height:163px; background:url(../image/main/mqm_l_ico_01.png) no-repeat center center;}
.m_quick_menu > ul > li:nth-child(2) > div > i {position:absolute; display:block; width:286px; height:174px; background:url(../image/main/mqm_r_ico_01.png) no-repeat center center;}

.m_quick_menu .ico_window {display:none;}

@media (min-width:1180px) {
	.m_quick_menu > ul > li {width:50%;}
	.m_quick_menu > ul > li > div {height:170px; padding:20px 24px;}

	.m_quick_menu > ul > li:nth-child(1) > div {text-align:center; padding-right:120px; padding-left:180px; background-position:right 32px bottom 0;}
	.m_quick_menu > ul > li:nth-child(1) > div > i {left:-16px; bottom:0;}
	.m_quick_menu > ul > li:nth-child(1) > div > div > span {width:100%; padding:8px 0 8px 0;}	
	.m_quick_menu > ul > li:nth-child(1) .btn_more {margin-top:8px;}
	.m_quick_menu > ul > li:nth-child(1) > div::before {display:block; content:''; width:68px; height:39px; background:url(../image/main/mqm_l_ico_02.png) no-repeat center center; position:absolute; left:136px; bottom:0;}

	.m_quick_menu > ul > li:nth-child(2) > div {text-align:right; padding-right:260px;}
	.m_quick_menu > ul > li:nth-child(2) > div > i {right:-16px; top:-16px;}
	.m_quick_menu > ul > li:nth-child(2) > div > strong {width:100%; text-align:left;}
	.m_quick_menu > ul > li:nth-child(2) > div > div {text-align:left;}
	.m_quick_menu > ul > li:nth-child(2) > div > div > span {width:100%; padding:8px 0 0 0;}	
}
@media (min-width:768px) and (max-width:1179px) {
	.m_quick_menu {padding-bottom:32px;}
	.m_quick_menu > ul {margin:0 -24px;}
	.m_quick_menu > ul > li {width:100%;}
	.m_quick_menu > ul > li ~ li {padding-top:16px;}
	.m_quick_menu > ul > li > div {height:128px; padding:16px 20px;}

	.m_quick_menu > ul > li:nth-child(1) > div {text-align:center; overflow:hidden; background-position:right 40px bottom -40px;}
	.m_quick_menu > ul > li:nth-child(1) > div > i {left:-8px; bottom:-56px;}
	.m_quick_menu > ul > li:nth-child(1) > div > div {padding:8px 0;}
	.m_quick_menu > ul > li:nth-child(1) > div > div > * {vertical-align:middle;}
	.m_quick_menu > ul > li:nth-child(1) > div > div > p {text-align:left; margin-left:16px;}
	
	.m_quick_menu > ul > li:nth-child(2) > div > i {right:-32px; top:-16px;}
	.m_quick_menu > ul > li:nth-child(2) > div > strong {width:100%; text-align:center;}
	.m_quick_menu > ul > li:nth-child(2) > div > div {display:inline-block; vertical-align:middle; padding-left:32px;}
	.m_quick_menu > ul > li:nth-child(2) .btn_more {vertical-align:middle; margin-left:24px;}
}
@media (max-width:767px) {	
	.m_quick_menu {padding-bottom:16px;}
	.m_quick_menu > ul {margin:0 -16px;}
	.m_quick_menu > ul > li {width:100%;}
	.m_quick_menu > ul > li ~ li {padding-top:8px;}
	.m_quick_menu > ul > li > div {padding:16px 20px;}

	.m_quick_menu > ul > li:nth-child(1) > div {text-align:center; overflow:hidden; background-image:none; background-position:right 40px bottom -40px;}
	.m_quick_menu > ul > li:nth-child(1) > div > i {left:-8px; bottom:-32px; z-index:0;}
	.m_quick_menu > ul > li:nth-child(1) > div > div > span {width:100%; padding:8px 0 8px 0;}
	.m_quick_menu > ul > li:nth-child(1) .btn_more {margin-top:8px;}
	.m_quick_menu > ul > li:nth-child(1) > div > div,
	.m_quick_menu > ul > li:nth-child(1) .btn_more {position:relative; z-index:5;}

	.m_quick_menu > ul > li:nth-child(2) > div {text-align:center; padding-bottom:96px;}
	.m_quick_menu > ul > li:nth-child(2) > div > i {background-size:auto 100%; height:128px; left:50%; bottom:-16px; margin-left:-143px;}
	.m_quick_menu > ul > li:nth-child(2) > div > div > span {width:100%; padding:8px 0 0 0;}
}

/* m_phone_number */
.m_phone_number {font-size:0; line-height:0;}
.m_phone_number .mpn_top::after {display:block; content:''; clear:both;}
.m_phone_number .mpn_top h3 {display:inline-block; font-weight:700; letter-spacing:-0.048em; color:#222;}
.m_phone_number .mpn_top .btn_more {position:relative; display:inline-block; text-decoration:underline; color:#666; padding-right:22px;}
.m_phone_number .mpn_top .btn_more::after {display:block; content:''; width:16px; height:16px; background:url(../image/main/ms_ico_arrow.png) no-repeat center center; position:absolute; right:0; top:50%; margin-top:-8px;}
.m_phone_number .mpn_top .fl_r {padding:2px 0;}

.m_phone_number .mpn_list {margin-top:8px; border:1px solid #ddd;}
.m_phone_number .mpn_list > ul::after {display:block; content:''; clear:both;}
.m_phone_number .mpn_list > ul > li {float:left; text-align:center;}
.m_phone_number .mpn_list > ul > li > div {padding:12px 16px;}

.m_phone_number .mpn_list > ul > li > div > ul > li {display:inline-block; padding:2px 0;}
.m_phone_number .mpn_list > ul > li > div > ul > li > div {position:relative; display:inline-block; padding-left:100px; text-align:left;}
.m_phone_number .mpn_list > ul > li > div > ul > li .mpni_title {display:block; font-size:14px; line-height:22px; font-weight:500; color:#666; position:absolute; left:0; top:5px;}
.m_phone_number .mpn_list > ul > li > div > ul > li p {display:inline-block; font-weight:700; color:#3a62ba;}
.m_phone_number .mpn_list > ul > li > div > ul > li p strong {font-weight:700;}
.m_phone_number .mpn_list > ul > li > div > ul > li p em {color:#666; font-weight:400; padding:0 4px;}

@media (min-width:1180px) {
	.m_phone_number .mpn_top h3 {font-size:18px; line-height:26px;}
	.m_phone_number .mpn_top .btn_more {font-size:14px; line-height:22px;}
	.m_phone_number .mpn_list > ul > li {width:33.3333%;}
	.m_phone_number .mpn_list > ul > li ~ li {border-left:1px solid #eee;}
	.m_phone_number .mpn_list > ul > li:nth-child(2) > div > ul,
	.m_phone_number .mpn_list > ul > li:nth-child(3) > div > ul {padding:18px 0;}
	.m_phone_number .mpn_list > ul > li > div > ul > li p {font-size:24px; line-height:32px;}
}
@media (min-width:768px) and (max-width:1179px) {	
	.m_phone_number .mpn_top h3 {font-size:17px; line-height:25px;}
	.m_phone_number .mpn_top .btn_more {font-size:13px; line-height:21px;}
	.m_phone_number .mpn_list > ul > li > div > ul > li {padding:0 16px;}
	.m_phone_number .mpn_list > ul > li:nth-child(1) {width:100%; border-bottom:1px solid #eee;}
	.m_phone_number .mpn_list > ul > li:nth-child(2) {width:50%; border-right:1px solid #eee;}
	.m_phone_number .mpn_list > ul > li:nth-child(3) {width:50%;}
	.m_phone_number .mpn_list > ul > li > div > ul > li p {font-size:22px; line-height:30px;}
}
@media (max-width:767px) {		
	.m_phone_number .mpn_top h3 {font-size:16px; line-height:24px;}
	.m_phone_number .mpn_top .btn_more {font-size:12px; line-height:20px;}
	.m_phone_number .mpn_list > ul > li {width:100%;}
	.m_phone_number .mpn_list > ul > li ~ li {border-top:1px solid #eee;}
	.m_phone_number .mpn_list > ul > li > div > ul > li {width:100%;}
	.m_phone_number .mpn_list > ul > li > div > ul > li p {font-size:20px; line-height:28px;}
}

/* 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:#0e5bb0; border-color:#0e5bb0; 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; font-weight:500; 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 a:hover{color:#000; text-decoration:underline;}
.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 .tab_title a span {font-size:15px;}
	.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:220px;}
	.m_board .tab_box .tab_content ul li {padding:8px 0; padding-left:8px; padding-right:96px;}
	.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:96px;}
	.m_board .tab_box .tab_title a span {font-size:15px;}
	.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; min-height:195px;}
	.m_board .tab_box .tab_content ul li {padding:6px 0; padding-left:8px;}
	.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:first-child .tab_title a {border-left-width:1px;}
	.m_board .tab_box .tab_title 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;}
	.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 .mp_title span {display:block; font-size:17px; font-weight:500; line-height:27px; letter-spacing:-0.048em;}
.m_popupzone .slide_btn [class^="btn_"] {position:absolute; top:0; display:block; width:27px; height:27px; z-index:900; border:1px solid #ddd; background-image:url(../image/main/m_icon.png); background-repeat:no-repeat; z-index:0;}
.m_popupzone .slide_btn .btn_prev {right:52px; background-position:0 -280px;}
.m_popupzone .slide_btn .btn_pause {right:26px; background-position:0 -360px;}
.m_popupzone .slide_btn .btn_play {right:26px; background-position:0 -400px;}
.m_popupzone .slide_btn .btn_next {right:0; background-position:0 -320px;}
.m_popupzone .slide_list {margin-top:6px; 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 {position:relative;}
.m_popupzone .slide_list ul li a::after {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.16);}
.m_popupzone .slide_list ul li a:focus:after{border:solid 3px #000;}

.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:240px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.m_popupzone > div {width:280px;}
	.m_popupzone .slide_list ul li a img {width:280px; height:210px;}
}
@media (max-width:767px) {
	.m_popupzone > div {margin-top:16px;}
	.m_popupzone .slide_list ul li a img {width:100% !important;}
}

/* main banner collection */
.m_banner > div {position:relative; height:56px; padding-right:96px; overflow:hidden;}
.m_banner .slide_btn [class^="btn_"] {position:absolute; top:50%; margin-top:-14px; display:block; width:27px; height:27px; z-index:900; border:1px solid #ddd; background-image:url(../image/main/m_icon.png); background-repeat:no-repeat; z-index:0;}
.m_banner .slide_btn .btn_prev {right:52px; background-position:0 -280px;}
.m_banner .slide_btn .btn_pause {right:26px; background-position:0 -360px;}
.m_banner .slide_btn .btn_play {right:26px; background-position:0 -400px;}
.m_banner .slide_btn .btn_next {right:0; background-position:0 -320px;}
.m_banner .slide_list ul li {padding:0 4px; height:56px;}
.m_banner .slide_list ul li a {display:block; height:inherit; border:1px solid #ebebeb; font-size:0; line-height:0; text-align:center;}
.m_banner .slide_list ul li a::before {display:inline-block; width:0; height:100%; content:''; vertical-align:middle;}
.m_banner .slide_list ul li a img {display:inline-block; max-width:70%; vertical-align:middle; margin:-100% 0;}

.m_banner .ico_window {display:none;}