@charset "utf-8";

/* main container */
.container.main_container > div {padding:0;}

/* main layout */
.ml_row {position:relative;margin-bottom:80px}
.ml_row::after {display:block; content:''; clear:both;}
.ml_row .ml_board {float:left;width:calc(100% - 604px)}
.ml_row .ml_popupzone {float:right;position:relative;width:576px}

/* m_visual */
.m_visual {background:#f8f8f7;padding:111px 0 117px;position:relative;height:374px}
.m_visual:before {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';width:100vw;height:100%;background:#f8f8f7;z-index:-1;}
.m_visual:after {position:absolute;content:'';bottom:0;right:315px;width:413px;height:323px;background:url('/static/checkup/image/main/visual_bg.png') no-repeat center/contain;z-index:0;}
.m_visual .mv_slogan {position:relative;z-index:1;}
.m_visual .mv_slogan .tit {margin-left:-8px}
.m_visual .mv_slogan .txt {font-size:20px;font-weight:400;color:#000;line-height:1.3;margin-top:20px}
.m_visual .side {position:absolute;right:0;top:56px;width:274px;z-index:1;}
.m_visual .side .book {background:#0a5f3b;padding:27px 28px 32px;border-radius:15px;}
.m_visual .side .book p {color:#fff;font-weight:700;font-size:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:17px;margin-bottom:14px;position:relative}
.m_visual .side .book p:after {font-family:'remixicon';content:'\f20f';transform:rotateY(180deg);position:absolute;right:0;bottom:13px;color:rgba(255,255,255,.2);font-size:30px;font-weight:400}
.m_visual .side .book dl:after {display:block;clear:both;content:''}
.m_visual .side .book dt {display:inline-block;width:28px;}
.m_visual .side .book dd {display:inline-block;width:calc(100% - 32px);padding-left:10px}
.m_visual .side .book dl:first-of-type {color:#ffee27}
.m_visual .side .book dl:first-of-type dt {font-size:16px;font-weight:500;vertical-align:2px;}
.m_visual .side .book dl:first-of-type dd a {font-size:23px;font-weight:700;color:#ffee27;position:relative;}
.m_visual .side .book a:after {position:absolute;bottom:0;left:0;width:0%;height:1px;content:'';background:#ffee27;opacity:0;transition:.2s}
.m_visual .side .book a:hover:after {opacity:1;width:100%}
.m_visual .side .book dl:last-child {color:rgba(255,255,255,.8);font-size:15px;margin-top:14px}
.m_visual .side .book dl:last-child dt {vertical-align:21px;}
.m_visual .side .book dl:last-child dd {line-height:1.4;vertical-align:inherit;}

.m_visual .side .contact {background:#fff;padding:22px 28px;display:block;width:100%;position:relative;margin-top:15px;box-shadow:0px 0px 20px rgba(0,0,0,.15);border-radius:15px;font-size:18px;color:#000;font-weight:500;transition:.2s;position:relative}
.m_visual .side .contact span:before,.m_visual .side .contact:after {font-family:'remixicon';}
.m_visual .side .contact span:before {content:'\ef09';color:#0a5f3b;vertical-align:-1px;margin-right:10px;text-decoration:none !important;}
.m_visual .side .contact:after {position:absolute;right:28px;top:50%;transform:translateY(-50%);content:'\ea6e'}
.m_visual .side .contact span {position:relative;}
.m_visual .side .contact span:after {position:absolute;;bottom:0;left:28px;width:0%;height:1px;content:'';background:#222;opacity:0;transition:.2s}
.m_visual .side .contact:hover span:after,.m_visual .side .contact:focus span:after {width:calc(100% - 28px);opacity:1;}
/* .m_visual .side .contact:hover span:before {color:#fff;}
.m_visual .side .contact:hover span:after {color:#fff;opacity:.2;}
.m_visual .side .contact:hover {color:#fff;background:#0a5f3b} */

/* main quick menu */
.m_quick_menu {margin:40px 0 50px}
.m_quick_menu ul::after {display:block; content:''; clear:both;}
.m_quick_menu ul {width:calc(100% + 28px);margin-left:-28px}
.m_quick_menu ul li {float:left;width:25%;padding-left:28px}
.m_quick_menu li a {background:#f2f6fa;border-radius:15px;display:block;padding:15px 30px;transition:.2s;border:1px solid transparent;font-size:18px;color:#020202;font-weight:500}
.m_quick_menu li a span:before {display:inline-block;vertical-align:-21px;background-color:#fff;background-position:center;background-repeat:no-repeat;content:'';width:54px;height:54px;border-radius:50%;margin-right:15px;transition:.2s}
.m_quick_menu li:first-child a span:before {background-image:url('/static/checkup/image/main/icon_1.png')}
.m_quick_menu li:nth-child(2) a span:before {background-image:url('/static/checkup/image/main/icon_2.png')}
.m_quick_menu li:nth-child(3) a span:before {background-image:url('/static/checkup/image/main/icon_3.png')}
.m_quick_menu li:last-child a span:before {background-image:url('/static/checkup/image/main/icon_4.png')}
.m_quick_menu li a:hover,.m_quick_menu li a:focus {background:#fff;border-color:#006dbe;box-shadow:0px 0px 20px rgba(0,0,0,.15);}
.m_quick_menu li a:hover span:before,.m_quick_menu li a:focus span:before {background-color:#f3f6f7}

/* main board */
.m_board {position:relative;padding-top:47px}
.m_board .tab_box .tab_title {position:absolute; top:0; z-index:1;}
.m_board .tab_box.on .tab_title {z-index:5;}
.m_board .tab_box .tab_title a {display:inline-block;font-weight:500;color:#222;width:137px;border-top-left-radius:15px;border-top-right-radius:15px;border:1px solid #ddd;height:48px;line-height:48px;display:block;text-align:center;transition:.2s;background:#fff}
.m_board .tab_box .tab_content {padding:19px 0 0; min-height:193px;} 
.m_board .tab_box .tab_content ul li {position:relative;padding-right:96px;}
.m_board .tab_box .tab_content ul li + li {margin-top:20px}
.m_board .tab_box .tab_content ul li * {vertical-align:middle;}
.m_board .tab_box .tab_content ul li a {color:#666;position:relative;padding-right:8px;max-width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;font-size:15px}
.m_board .tab_box .tab_content ul li a p {display:inline-block; line-height:21px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#444}
.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:-1px; display:block; font-size:15px; line-height:21px; color:#767676;}
.m_board .tab_box .btn_more {position:absolute;right:0;top:10px;background:#fff;color:#222;font-size:15px;;transition:.2s;width:27px;height:27px;line-height:27px;text-align:center;border:1px solid #ddd}
.m_board .tab_box .btn_more:hover,.m_board .tab_box .btn_more:focus {border-color:#0a5f3b;color:#0a5f3b}
.m_board .tab_box .btn_more i {vertical-align:-2px;}
.m_board .tab_box.on .tab_title a,.m_board .tab_box .tab_title a:hover,.m_board .tab_box .tab_title a:focus {background:#0a5f3b;border-color:transparent;color:#fff}
.m_board .tab_box .tab_content ul li a:hover,.m_board .tab_box .tab_content ul li a:focus {text-decoration:underline;}
.m_board .tab_box:nth-child(1) .tab_title {left:0}
.m_board .tab_box:nth-child(2) .tab_title {left:136px}
.m_board .mb_bar {border:0; margin:0; padding:0; display:block; width:100%; height:1px; position:absolute; left:0; top:47px; background:#ddd;}
.mp_title {margin:15px 0}
.mp_title span {display:block; font-size:18px; font-weight:500;color:#000}

/* main popupzone */
.m_popupzone > div {position:relative;}
.m_popupzone .slide_btn {position:absolute;top:0;font-size:20px;right:0}
.m_popupzone .slide_btn [class^="btn_"] {position:absolute; top:0; display:block; width:27px; height:27px;line-height:27px;text-align:center; z-index:900; border:1px solid #ddd;color:#000}
.m_popupzone .slide_btn .btn_prev {right:52px;}
.m_popupzone .slide_btn .btn_pause {right:26px;}
.m_popupzone .slide_btn .btn_play {right:26px;}
.m_popupzone .slide_btn .btn_next {right:0;}
.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 {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';width:100%;height:100%;border:4px solid #000;display:none}
.m_popupzone .ico_window {display:none;}
.m_popupzone > div {width:576px;}
.m_popupzone .slide_list ul li a img {width:100%}
.ml_popupzone .lightSlider {padding-bottom:33.5074% !important;border-radius:10px}
.ml_popupzone .lightSlider img {max-width:100%;width:100%}
.ml_popupzone .lightSlider .lslide {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%}
.ml_popupzone .lightSlider .lslide.active a:focus:after {display:block;}

@media(max-width:1180px){
	.container > div {width:100%;padding:0 15px !important}
	.m_quick_menu ul {margin:-10px 0 0 -10px;width:calc(100% + 10px)}
	.m_quick_menu ul li {padding-left:10px;margin-top:10px}
	.m_quick_menu li a {padding:15px 0 15px 10px}
	.m_quick_menu li a span:before {margin-right:10px}
}
@media(max-width:1060px){
	.m_visual {height:500px}
	.m_visual:after {right:225px}
	#content {min-height:inherit !important}
	/* .ml_row {margin-bottom:0} */
}
@media(max-width:1000px){
	.ml_row .ml_board {float:none;width:100%}
	.ml_row .ml_popupzone {float:none;margin:20px auto 0;width:100%}
	.m_popupzone > div {width:100%}
}
@media(max-width:920px){
	.m_quick_menu ul li {width:50%}
}
@media(max-width:860px){
	.m_visual {height:auto;padding:50px 0 60px;}
	.m_visual:after {right:0}
	.m_visual .side {position:relative;right:inherit;top:inherit;margin-top:20px;}
}
@media(max-width:630px){
	.m_visual:after {width:290px;height:222px;right:-15px} 
}
@media(max-width:520px){
	.m_visual {padding-bottom:0}
	.m_visual:after {position:static;right:inherit;bottom:inherit;display:block;margin:30px auto 0}
	.m_visual .mv_slogan {text-align:center}
	.m_visual .mv_slogan img {max-width:100%}
	.m_visual .mv_slogan .txt br {display:none}
	.m_visual .mv_slogan .txt {word-break:keep-all}
	.m_visual .side {width:100%}
	.m_quick_menu ul {width:100%;margin-left:0;}
	.m_quick_menu ul li {width:100%;padding-left:0}
	.m_quick_menu ul li a {padding-right:10px;padding:10px 15px}
}
@media(max-width:434px){
	.m_quick_menu {margin:30px 0}
	
}