/*
Project : 탐정수학
Author  : grlee
Date    : 2022-03-23
*/

/*Reset CSS*/
html, body {
				line-height: inherit !important;
				color:#000 !important;
			}
			#main_area{
				width:100%;
				text-align:center !important;
			}
			#middle_area{
				width:1170px;
				margin:0 auto;
				margin-top:30px;
			}
			#left_area{
				width:171px;
				float:left;
			}
			#right_area{
				width:956px;
				float:right;
			}
			#bottom_area{
				width:100%;
				/*overflow:hidden;*/
				margin-top:40px;
				text-align:center;
			}



h1{font-size:27px; font-family: 'NotoSans'!important;/*letter-spacing:.0!important;*/}
h2{font-size:23px; font-weight:400; margin-bottom:5px; letter-spacing:-1px;  text-align:left; font-family:'NotoSans'!important; letter-spacing:-2px; color:#000;}

/* Layout */
.tit_h2_line {background:#ff7e00; width:30px; height:4px; margin-bottom:3px; }
#middle_right_title_area{margin-bottom:10px; }
.page_tit{ display:inline-block;text-align:left;letter-spacing:-1px; font-size:27px; font-weight:700; color:#000; font-family:'NotoSans'!important;letter-spacing:-1px;}
.page_tit_s{font-size:16px; display:inline-block; letter-spacing:-0.5px; margin-left:5px; font-weight:400;}
.content_name{font-size:22px;}
.section{margin:50px auto 0;}
img{max-width:100%; vertical-align:middle;}

select{
	width:100%;height:100%;color:#454e61;padding:13px;
			-webkit-appearance: none;
			   -moz-appearance: none;
					appearance: none;
			background:#fff url('//m.kidkids.net/images/bg_select_arrow.png') no-repeat 94% 50%;
			background-size:15px 10px; border:0;
		}

select{font-family: 'Malgun Gothic'; font-size:16px;}

select::-ms-expand {
display: none;
}

button{
	font-family: 'NotoSans'!important;
	font-size:15px;
	border-radius:5px;
	border:0;
}

button span.fw_500{font-weight:500;}

button img{margin-top:-3px;}

.btn_wh{
	background:#fff;
	border:1px solid #2cbd9c;
	color:#2cbd9c;
}

.btn_g{
	background:#2cbd9c;
	border:0;
	color:#fff;
}



#top_search_area #top_search ul li:nth-child(1){padding-left:0 !important;}
#top_search_area #top_search ul li{padding:0 0 5px 20px !important;}


/* 경로 화살표 정렬 */
.breadcrumb li:nth-child(1){background:#fff !important;}
.breadcrumb li{background: url(/eduinfo_new/images/ddong/bc_bg.gif) no-repeat 0 8px !important;}


h1.page_tit{
	display: inline-block;
    text-align: left;
    letter-spacing: -1px;
    font-size: 27px;
    font-family: 'NotoSans', sans-serif;
    font-weight: 500;
}

ul.math_category{
	margin-top:13px;
	width:100%;
}


ul.math_category li{
    height: 44px;
    text-align: center;
    width: calc(100% / 4);
	/*margin-top:-1px;*/
	background: #fff;
}

ul.math_category li:nth-child(2n){border-left:none;}

ul.math_category li:hover{
	background:#2cbd9c;
}
ul.math_category li a:hover{
	color: white;
}
ul.math_category li a{
	font-size: 14px;
    font-weight: bold;
    border: 1px solid #d1d1d1;
    color: #333333;
    text-decoration: none;
    /*border-left: none;*/
    display: block;
    height: 43px;
    line-height: 43px;
}

ul.math_category li:nth-child(2n) a, ul.math_category li:nth-child(3) a, ul.math_category li:nth-child(7) a, ul.math_category li:nth-child(11) a{border-left:0;}


ul.math_category li.active{
	color:#fff;
	background:#2cbd9c !important;
}

ul.math_category li.active a{color:#fff;}


div.math_title{
	width:100%;
	height:/*120*/90px;
	background:#f9f9fa;
	border:1px solid #e7e7e7;
	margin-top:23px;
	font-size:30px;
	box-sizing:border-box;
}

div.math_title_img{
	float:left;
	padding-left:50px;
	width:auto;
}

div.math_title_img img{margin-top:3px; width:116px;}

div.math_title_text{
	box-sizing:border-box;
	float:left;
	width:602px;
	height:100%;
	padding-left:45px;
	position:relative;
}

div.math_title_text p{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	display:block;
	letter-spacing:-0.04em;
	font-family: 'NotoSans'!important;
}

ul.math_menu{
	width:100%;
	margin-top:38px;
}

ul.math_menu li{
	float:left;
	width:263.5px;
	height:75px;
	line-height:75px;
	background:#fff;
	font-size:24px;
	letter-spacing:-0.06em;
	box-shadow:0 0 12px rgba(0,0,0,0.1);
	padding:0 21px;
	box-sizing:border-box;
}

ul.math_menu li:nth-child(1){
	border-bottom:3px solid #2cbd9c;
}

ul.math_menu li:nth-child(2){
	border-bottom:3px solid #ffa90c;
}

ul.math_menu li:nth-child(3){
	border-bottom:3px solid #fc691b;
}

ul.math_menu li:nth-child(n+2):nth-child(-n+3){margin-left:12px;}

ul.math_menu li .math_menu_icon{float:left;}
ul.math_menu li .math_menu_icon img{margin-top:-12px; width:32px;}
ul.math_menu li .math_menu_tt{float:left; margin-left:10px;font-family: 'NotoSans'!important;}
ul.math_menu li .math_menu_go{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:21px;
}

h2.small_title{
	margin-top:72px;
}

img.v_thumbnail{width:100%;}

img.v_play{
	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	transform:translate(-50%, -34%);
}

div.v_title_area{
	width:100%;
	height:90px;
	background:#fff;
	border:1px solid #e7e7e7;
	box-sizing:border-box;
	padding:20px 14px 0 34px;
	position:relative;
}

div.v_title_area p{
	font-size:23px;
	letter-spacing:-0.04em;
	float:left;
	font-family: 'NotoSans'!important;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

div.v_title_btn{
	float:right;
	margin-top:-6px;
}

div.v_title_area button{
	width:204px;
	height:58px;
	line-height:58px;
}


.math_bx{
	background:#eee;
	border:1px solid #d9d9d9;
}
.math_bx .bxslider{}
.math_bx .math_menu_02_img{
	float:left;
	position:relative;
}

.math_bx .math_menu_02_img a{
	/*position:relative;*/
	color:#fff;
}

.math_bx .math_menu_02_img a div{
	position:absolute;
	font-family: 'NotoSans'!important;
	font-size:15px;
	width:131px;
	height:36px;
	line-height:36px;
	background:#fc691b;
	border-radius:65.5px;
	text-align:left;
	bottom:13px;
	right:35px;
	box-sizing:border-box;
	padding-left:13px;
	letter-spacing:-0.04em;
	display:none;
}
.math_bx .shopping{
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:40;
}

.math_bx .math_menu_02_img a div img{
	display:inline-block;
	margin-top:-2px;
}

.math_bx .math_menu_02_img>img{
	width:320px;
	height:332px;
}



.math_bx .math_menu_02_tt{
	float:left;
	width:calc(100% - 320px);
	padding:40px 0 0 30px;
	box-sizing:border-box;
}


#math_bx .bx-controls-direction a{
	width:44px;
	height:75px;
	transform:translateY(-27%);
}

.bx-viewport{box-shadow:0 0 0 rgba(255,255,255,0) !important; border:none !important; left:0 !important;}
	.bx-wrapper{background:#fff !important; }

#math_bx .bx-wrapper .bx-prev{
	left: -1px;
	/*top:50%;
	transform:translateY(-50%);*/
    background: url(../math_montessori/images/bx-prev.png) no-repeat;
}

#math_bx .bx-wrapper .bx-next{
	right: -1px;
    background: url(../math_montessori/images/bx-next.png) no-repeat;
}

.math_bx ul li{padding:/*14px 62px*/14px 32px;}
.math_bx .math_menu_02_tt h2{font-size:22px;}

.math_keyword{
	width:auto;
	height:auto;
	margin:10px 0 20px 0;
	text-indent:20px;
	line-height:1.7em;
	font-family: 'NotoSans'!important;
}
.math_keyword p img{display:inline-block; width:17px;}

div.math_bx_btn{margin-bottom:40px;}
div.math_bx_btn button{width:/*160px*/196px; height:54px;}
div.math_bx_btn img{display:inline-block;}

button.preview_product{ margin-top:5px;}
button.buy_product{/*width:325px !important;*/ margin-top:5px;}


.math_bx .bx-pager{display:none;}

div.concept_plus_btn{
	width:546px;
	height:auto;
	margin:20px auto 0 auto;
}

div.concept_plus_btn button{
	/*font-size:18px !important;*/
	width:270px;
	height:58px;
	line-height:58px;
}

.wrap2024{text-align:center;}
 .wrap2024 ul.math_menu{    margin:38px auto 0; width:auto;  display:inline-block;}
 .wrap2024 .math_keyword{text-align:left;}
 .wrap2024  div.math_bx_btn button { width: /*160px*/ 245px;}