@charset "UTF-8";


@media screen and (min-width: 721px) and (max-width: 1220px) {
body {padding-top:201px;}
/* header */
#header #gnb,
#header #lnb {width:auto;}
#header #gnbDropList {margin-left:20px;}
#header #gnbLink {margin-right:20px;}
#header #lnb h1 {text-align:center;padding-bottom:75px;}
#header #lnb #lnbSchArea {right:20px;}
#header #lnb #lnbNav {top:88px;width:100%;text-align:center;font-size:0px;right:0px;}
#header #lnb #lnbNav li {display:inline-block;float:none;}
.quick_scroll.sub_quick_scroll {display:none;}
.quick_scroll {display:none;}

#header #lnb .hd_search .hd_search_form {padding-right:63px;}
#header #lnb .hd_search .hd_search_form .search_sec03 {right:20px;}
#header #lnb .hd_search .hd_search_form .search_sec01 {width:392px;}
#header #lnb .hd_search .hd_search_form .search_sec01 input {width:250px;}


/* main */
#mainvisual_wrap #prev_bt,
#mainvisual_wrap #next_bt{display:none;}

#mainMidBnr,
#newBook {width:auto;}

#mainMidBnr > ul {
display:flex;
justify-content:center;
flex-wrap:wrap;
}
#mainMidBnr > ul > li{width:33%}
#mainMidBnr li.mainMidBnr_box {width:100%; margin-top:20px;}
#mainMidBnr li.mainMidBnr_box ul {display:flex; justify-flex:center;}
#mainMidBnr li.mainMidBnr_box ul li{width:100%; height:70px;}

#mainMidBnr li span {
	display:block;
	width:100%;
	border:solid 1px #ccc;
	text-indent:37%;
	box-sizing:border-box;
}

#mainMidBnr li span.icon_02 {
	margin-top:0px;
	border-left:none;
}

#mainMidBnr li span.icon_03 {
	margin-top:0px;
	border-left:none;
}

.BoardList dd a {padding-right:28px;}

#newBook {width:100%;}
#newBook ul {margin:10px 6px 0;}
#newBook ul li {width:calc(25% - 10px);margin-left:6px;margin-bottom:6px;}
#newBook ul li img {width:100%;}

#bestSeller {height:auto;}
#bestSeller .slide_inner {position:relative;width:100%;height:auto;padding-bottom:50px;left:6px;top:0;margin:0;}
#bestSeller li {margin-right:12px !important;}
#bestSeller li span {display:block;font-size:14px;line-height:20px;padding:15px;}
#bestSeller .bx-controls-direction {width:calc(100% - 12px);}

#experiences {position:relative;}
#experiences > div {width:calc(100% - 30px);margin:0 15px;}
#experiences > div {
	width:calc(100% - 30px);
	margin:0 15px;
}
#experiences > div.outside {
	display:block;
}
#experiences > div.outside span {
	position:absolute;
	display:inline-block;
	width:30px;height:30px;
	background:rgba(0,0,0,0.1);
	top:calc(50% + 60px);
}
#experiences > div.outside span a {
	text-indent:-9999px;
	display:inline-block;
	width:30px;height:30px;
}
#experiences > div.outside span#slider-prev {
	left:0;	
}
#experiences > div.outside span#slider-next {
	right:0;	
}

/* footer */
#footer #footBoardArea {width:auto;height:auto;padding:0 20px;}
#footBoardList:after {content:'';display:block;clear:both;}
#footLink {position:static;padding-bottom:20px;}
#footLink:after {content:'';display:block;clear:both;}
#footLink li {width:calc(50% - 34px);margin:0 auto;}
#footBoardList dt {width:10%;margin:0 0 0 0;}
#footBoardList dd {width:42%}
#footBoardList dd:last-of-type {width:48%;}
#footBoardList dd a {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 20px);;box-sizing:border-box;margin:0 20px 0 0;padding:0 24px 0 45px;}
#address {padding:26px 20px 0;}

#address {
	padding-top:10px;
}
#address #footNav {
	width:calc(100% - 30px);
	padding:0 15px;
}
#address #footNav li {
	line-height:20px;
}
#address address {
	width:calc(100% - 30px);
	padding:10px 15px;
	line-height:18px;
}

}

@media screen and (min-width: 320px) and (max-width: 720px) {

#mainvisual_wrap #prev_bt,
#mainvisual_wrap #next_bt{display:none;}

#mainMidBnr > ul {display:flex;justify-content:center;flex-wrap:wrap;}
#mainMidBnr > ul > li{width:48%}
#mainMidBnr li.mainMidBnr_box {position:relative; width:48%; margin-left:2px;}
#mainMidBnr li.mainMidBnr_box ul {display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%;}
#mainMidBnr li.mainMidBnr_box ul li{height:30%; display:block; position:static; box-sizing:border-box; margin:0;}

#mainMidBnr li span {display:block; width:100%; height:100%;line-height:100%; border:solid 1px #ccc; text-indent:0%;text-align:center;font-size:13px; font-weight:bold; color:#333; letter-spacing:-0.020em; background-image:none;}

#mainMidBnr li span.icon_01{ background-image:none; }

#mainMidBnr li span.icon_02 { background-image:none; margin-top:0px;}

#mainMidBnr li span.icon_03 { background-image:none; margin-top:0px;}

.BoardList dd a {padding-right:28px;}
}

@media screen and (min-width: 320px) and (max-width: 650px){

	.BoardList{display:block !important;}
	.BoardList dd {display:block; text-align:left; margin-bottom:10px; padding-left:10px;}
	.BoardList dd a {border-left:none; margin:0; padding-left:0px;}

}

@media screen and (min-width: 800px) and (max-width: 1200px) {

	.popup_cont{width:80%;left:50%;top:50%;transform:translate(-50%, -50%);}
}



@media screen and (min-width: 550px) and (max-width: 799px) {

	.popup_cont{width:70% !important;left:50% !important;top:50px !important;transform:translateX(-50%);position:Absolute;}
	.popup_cont .main_pop_wrap{width:100%;}
	.popup_cont .main_pop_wrap + .main_pop_wrap{margin-left:0px;margin-top:30px;width:100%;}
}

@media screen and (min-width: 300px) and (max-width: 549px) {

	.popup_cont{width:90% !important;left:50% !important;top:50px !important;transform:translateX(-50%);position:Absolute;}
	.popup_cont .main_pop_wrap{width:100%;}
	.popup_cont .main_pop_wrap + .main_pop_wrap{margin-left:0px;margin-top:30px;width:100%;}
}