@charset "utf-8";
@import url(./contents.css);


.bod_head .input_wrap .tabWrap ul.list {}
.bod_head .input_wrap .tabWrap ul.list li { display:inline-block; }
.bod_head .input_wrap .tabWrap ul.list li + li { margin-top: .2em; }
.bod_head .input_wrap .tabWrap ul.list input[type="checkbox"] {position:absolute; top:0; left:0; z-index:-999; opacity:0;}
.bod_head .input_wrap .tabWrap ul.list label:before {display:none;}
.bod_head .input_wrap .tabWrap ul.list label {position:relative;display: inline-block;min-width:6.25em;padding: 0.5em 1em;background:#EEF2F9;border-radius:9em;text-align:center;font-weight:500; font-size: 0.95em; }
.bod_head .input_wrap .tabWrap ul.list input[type="checkbox"]:checked + label {padding: 0.5em 1em 0.5em 2.2em;background:#066BFD;color:#fff;text-decoration:none;}
.bod_head .input_wrap .tabWrap ul.list input[type="checkbox"]:checked + label:before {content:'';display:inline-block;width: 14px;height: 15px;position:absolute;top:50%;left: 1em;margin-top: -7.5px;background: url(../img/common/icon_tab_check.svg) no-repeat 0% 0%; border:0; background-size: 100% auto; }


@media all and (max-width:767px) {
	.bod_head .input_wrap .tabWrap ul.list label { min-width: 0; padding: 0.4em 1.4em;  }
	.bod_head .input_wrap .tabWrap ul.list li + li {margin-top:.3em;}
	.bod_head .input_wrap .tabWrap ul.list li label + label { margin-top: .3em; }
}

@media all and (max-width:480px) {
	.bod_head .input_wrap .tabWrap ul.list label { padding: 0.4em 1em; font-size: 0.9em;  }
}


.page_num {
    display: inline-block;
}
.page_num em {margin-left:.3em;}
.page_order {position: relative;right:0;top: auto;float: right;display: inline-block;margin-top: -.3em;}
.page_order li {display:inline-block; position:relative;}

.page_order li + li:before {content:'';display:inline-block;position:absolute;top:50%;transform:translateY(-50%);left: 0; margin-left:-.1em; width:1px;height:12px;background:#ddd;}
.page_order li a {padding:.3em .5em; color:#3C3D48; font-size:1.5rem}
.page_order li a.on {font-weight:700;}


/*.bod_head .numcheck ul {margin-left:1em;}*/
.bod_head .numcheck ul li  {display:inline-block; }
.bod_head .numcheck ul li + li {margin-left:.5em;}
.bod_head .numcheck ul li input[type="checkbox"]  {position:absolute; top:0; left:0; z-index:-999; opacity:0;}
.bod_head .numcheck ul li input[type="checkbox"] + label:before {display:none;}
.bod_head .numcheck ul li label {position:relative;display:block;height:4.5rem;padding: 0 2em;line-height:4.3rem;border-radius:0.7rem;font-size:0.9em;border:1px solid #D9DDE2;color:#A0A2B5; cursor: pointer; }


.bod_head .numcheck ul li input[type="checkbox"]:checked + label {border:1px solid #066BFD;color:#066BFD;}


@media all and (max-width:767px) {
	.bod_head .numcheck ul li + li {margin-left:.1em; margin-top: .3em;}
	.bod_head .numcheck ul li label { height: 3.8rem; line-height: 3.6rem; padding: 0 1.2em; }
}

@media all and (max-width:480px) {
	.bod_head .numcheck ul li label { height: 3.2rem; line-height: 3rem; padding: 0 0.7em; }
}