/* wrap */
#wrap .line_box { position: fixed; width: 860px; height: 100vh; border: #f5f5f5 solid; border-width: 0 1px; display: block; top: 0; left: 50%; pointer-events: none; }
#wrap .line_box:before { margin: auto; width: 1px; height: 100vh; background: #f5f5f5; display: block; content: ""; }

/* section */
section {position: relative;padding: 2vmax 0 5vmax;}
section .text_stroke {line-height: 1;font-style: italic;font-weight: bold;font-size: 30vmin;opacity: .6;z-index: 0;right: 0px;top: -100px;-webkit-text-stroke: 1px #d6d6d6;color: rgb(255 255 255 / 0%);-webkit-text-fill-color: rgb(255 255 255 / 0%);display: none;}
section .title_box h2 {line-height: 1;font-size: 52px;color: transparent;font-weight: 800;color: var(--lastly);text-transform: uppercase;}
section .title_box .text:after {background: var(--primary);display: block;bottom: -0.5rem;content: "";display: block;width: 50px;height: 3px;margin-top: 15px;margin-right: auto;}
section .title_box h3 b {font-size: 1.6rem;font-weight: 600;color: var(--lastly);text-align: center;}
section .title_box h3 svg { width: 34px; height: 25px; fill: #c4c4c4; }
section .title_box .text{letter-spacing: 4.5px;padding-top: 6px;}
section .title_box .morebutton{display: flex;align-items: center;flex-wrap: wrap;position: relative;width: 230px;justify-content: center;}
section .title_box .morebutton i{font-style: normal;color: var(--primary);padding: 10px;z-index: 5;}
section .title_box .more_btn {text-align: center;display: inline-flex;justify-content: center;align-items: center;font-size: 25px;position: relative;color: var(--primary);position: absolute;left: 50px;z-index: 5;}
section .title_box .more_btn i {font-size: 13px;width: 100px;text-align: center;position: absolute;top: 100%;left: 50%;padding-top: 8px;transform: translate(-50%, 0);color: #bb1b20;font-style: inherit;}
section .title_box .morebutton::before {content: "";width: 95%;height: 120%;display: block;border: 1px solid #d5d5d5;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: 0.6s;}
section .title_box .morebutton::after {content: "";width: 90%;height: 95%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;z-index: 1;transition: 0.6s;}
section .title_box .morebutton:hover {color: #fff;}
section .title_box .morebutton:hover::before {opacity: 0;}
section .title_box .morebutton:hover::after {transform: translate(-50%, -50%) ScaleX(-1);background: var(--primary);-webkit-animation: more_hover 0s linear infinite;animation: more_hover 0s linear infinite;width: 100%;height: 100%;}
section .title_box .morebutton:hover .more_btn,section .title_box .morebutton:hover i{color: var(--white);z-index: 5;}

/* news_area */
#news_area {padding: 0vmin 0 2vmax;margin: 4vmin 0 0vmax;}
#news_area .news_box {margin: 0 auto 0;padding: 6rem 3vw 5rem;width: 90vw;display: flex;justify-content: space-between;align-items: flex-end;}
#news_area .news_box{display: flex;flex-direction: row-reverse;padding: 2rem 0vw 2rem;align-items: center;justify-content: flex-start;}
#news_area .title_box h2 {background: linear-gradient(to right, var(--lastly) 80%, var(--primary) 0%);-webkit-background-clip: text;background-clip: text;}

#news_area #news_txt {top: -4vmax;right: 5vmax;}
#news_area .tabs_btn a {padding: 5px 0px;margin: 0 10px 0 0px;border-bottom: 1px #646464 solid;font-size: 16px;letter-spacing: 0.5px;font-weight: 500;display: none;}
#news_area .tabs_btn .active a { color: var(--primary); border-color: var(--primary); }
#news_area .tabs_body .tab_info { width: 100%; top: 0; left: 0; opacity: 0; pointer-events: none; }
#news_area .tabs_body .tab_info.showBox {opacity: 1;pointer-events: auto;padding: 10px 0 10px;}
#news_area .tabs_body .tab_info .items { margin-right: 60px; }
#news_area .tabs_body .tab_info .items .mb_7{justify-content: space-between;margin-bottom: 1.05rem;}
#news_area .tabs_body .tab_info .items .Img{padding-bottom: 20px;}
#news_area .tabs_body .tab_info .category { padding: 0px 0px 6px 0px;  line-height: 1; font-size: 14px; }
#news_area .tabs_body .tab_info .time {width: 140px;grid-template-columns: 60px 80px;grid-template-areas: "time_y time_m""time_y time_d";align-items: center;display: grid;}
#news_area .tabs_body .tab_info .time font { grid-area: time_y; line-height: 1; width: 70px;font-size: 42px;font-weight: bold;color: var(--primary);justify-items: start;justify-content: start;font-family: 'Montserrat', sans-serif;}
#news_area .tabs_body .tab_info .time font.m_txt {grid-area: time_m;width: 70px;
font-size: 20px;font-weight: bold;color: var(--dark);letter-spacing: 2.5px;margin-bottom: 0px;margin-left: 5px;}
#news_area .tabs_body .tab_info .time font.d_txt {width: 70px;font-size: 20px;grid-area: time_d;font-weight: bold;color: var(--dark);letter-spacing: 2.5px;margin-left: 5px;}
#news_area .tabs_body .tab_info h3 {height: 85px;font-weight: 500;font-size: 19px;-webkit-line-clamp: 2;border-top: 1px solid #d5d5d5;padding-top: 20px;}
#news_area .tabs_body .tab_info article {height: 50px;font-weight: 300;font-size: 14px;color: #3a3a3a;-webkit-line-clamp: 2;margin: 15px 0 40px;}
#newDesc{margin-top: 2rem;margin-bottom: 2.75rem;font-size: 1.6rem;font-weight: 600;}
.more .atag_item{position: absolute;z-index: 10;}
.more b {width: 110px;font-weight: 500;font-size: 13px;color: var(--lastly);font-family: 'Montserrat', sans-serif;text-transform: uppercase;transition: 0.9s;letter-spacing: 1.2px;text-align: center;}
.more .arrowWrap {width: 33px;height: 40px;position: relative;}
.more .arrowWrap::before{content: "";display: block;border-radius: 50%;border: 1px solid #cbcbcb;box-sizing: border-box;position: absolute;top: 0;right: 0;width: 40px;height: 40px;}
.more .arrowWrap .arrow{display: block;height: 1px;background-color: #646464;position: absolute;top: 11.5px;top: calc(50% - 1px);left: 15px;width: 0px;}
.more .arrowWrap .arrow::before{content: "";width: 6px;height: 1px;background-color: #646464;position: absolute;top: calc(50% - 2.5px);right: 0;transform: rotate(45deg);}
.more .arrowWrap .arrow::after{content: "";width: 6px;height: 1px;background-color: #646464;position: absolute;bottom: calc(50% - 3px);right: 0;transform: rotate(-45deg);}
@keyframes moreArrow {0% {transform: translateX(0px);}30% {transform: translateX(5px);}100% {transform: translateX(0px);}}
#news_area .title_box{width: 340px;margin-left: 40px;}

/* about_area */
.sideImg {position: absolute;z-index: 2;pointer-events: none;}
.imgl1 {top: 370px;left: -180px;width: 830px;height: 980px;z-index: 0;-webkit-animation: ir5 both 3s ease-in-out infinite;
 animation: ir5 both 3s ease-in-out infinite;}
.imgl1 img {animation: iconRotate 3s ease-in-out both alternate-reverse infinite;}
.imgr1 {top: 690px;right: -210px;width: 490px;height: 640px;z-index: 10;-webkit-animation: ir5 both 2s ease-in-out infinite;
 animation: ir5 both 2s ease-in-out infinite;}

@-webkit-keyframes ir5 {
  0%, 40% {
    -webkit-transform:translate(-0px,8px);
	transform:translate(-0px,8px);
  }
  10%, 30% {
	-webkit-transform:translate(-40px,8px);
	transform:translate(-40px,8px);
  }
  20% {
    -webkit-transform:translate(-40px,8px);
	transform:translate(-40px,8px);
  }
}
@keyframes ir5 {
   0% {
    -webkit-transform:translate(-0px,0px);
	transform:translate(-0px,8px);
  }
  50% {
    -webkit-transform:translate(-0px,8px);
	transform:translate(-0px,0px);
  }
	100% {
	-webkit-transform:translate(-0px,8px);
	transform:translate(-0px,8px);
  }
}
#setArea {position: relative;padding: 0vmax 0 1vmax 0;}
#about_area{padding: 20vmax 0 0vmax 0;background-image: url(/images/00/img-ab-bg.jpg);background-position: 50% 0%;background-repeat: no-repeat;z-index: 10;}
#about_area #particles_box { width: 100vw; min-width: 100vw; height: 100%; min-height: 100%; opacity: .6; z-index: 1; }
#about_area #about_txt {top: 0vmax;right: 10vw;z-index: 3;}
#about_area .about_item { z-index: 30; background-color: #fff;width: 1280px;margin: auto;}
#about_area .about_item .title_box h2,#book_area .title_box h2 {color: var(--primary);position: absolute;top: -60px;width: 430px;font-size: 55px;}
#about_area .about_box {padding: 3vw 3vw 1vw;}
#about_area .about_box .about_image { padding: 0px 0% 0% 0; }
#about_area .about_box .title_box{position: relative;}
.about_info{padding-top: 8rem;}
#about_area .about_box .about_info{padding-right: 5rem;padding-bottom: 9rem;padding-top: 4rem;}
.about_info article{position: relative;padding: 10px 0 0px 0;margin-bottom: 3.5rem;}
.about_info article h5,.about_info article p{text-align: center;}
.about_info article h5{font-size: 36px;padding-bottom: 20px;letter-spacing: 4.5px;font-weight: 300;}
.about_info article:before {background: var(--primary);display: block;content: "";display: block;width: 60px;height: 3px;margin-bottom: 30px;margin-right: auto;}


/* research_area */
#research_area { padding-top: 8vmax; }
#research_area:before { position: absolute; width: 50vw; height: 320px; background: url(/images/00/img_research_bg.jpg) no-repeat 50%; display: block; top: 0; right: 0; content: ""; }
#research_area .title_box h2 { line-height: 1.1; color: var(--info); }
#research_area ul li .img_box img { width: 100%; height: 240px; object-position: 50% 0; }
#research_area ul li .info_box { padding: 30px 0; }
#research_area ul li .info_box h3 { height: 34px; font-size: 20px; }
#research_area ul li .info_box article { height: 51px; font-size: 15px; -webkit-line-clamp: 2; }


/* infoArea */
.infoArea{padding: 0;}
.infoArea .wrap {display: -webkit-box;display: -ms-flexbox;display: flex;max-width: 100%;}
.infoArea .item,.infoArea .Img{overflow: hidden;}
.infoList, .contactBox{width: 100%;}

/* keyword_area */

#keyword_area{padding: 1vmax 0 4vmax;display: none;}
#keyword_area ul{width: 47%;margin-left: auto;padding: 0px 40px 30px 40px;margin-bottom: 20px;border-bottom: 3px solid var(--lastly);}
#keyword_area ul .slick-prev,#keyword_area ul .slick-next {position: absolute;width: 20px;height: 20px;border: solid #444;top: 30%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#keyword_area ul .slick-prev {border-width: 1px 0 0 1px;transform: rotate(-45deg);left: 0px;}
#keyword_area ul .slick-next {border-width: 1px 1px 0 0;transform: rotate(45deg);right: 0px;}
#keyword_area ul .slick-prev:before,#keyword_area ul .slick-next:before{display: none;}
#keyword_area ul .atag_item{z-index: 1;}
#keyword_area ul .Txt{position: relative;padding: 30px 30px 10px;}
#keyword_area ul .Txt::after {content: "";width: 80px;height: 80px;display: block;border: 2px solid var(--gary);border-radius: 99em;position: absolute;top: 43%;left: 25%;transform: translate(-50%, -50%);background: #fff;z-index: -1;transition: 0.6s;}
#keyword_area ul .Txt .noBox{color: var(--primary);font-weight: 700;font-size: 20px;}
#keyword_area ul .Txt .step{font-size: 18px;font-weight: 400;color: var(--lastly);}

/* book_area */
#book_area{padding: 3vmax 0 2vmax;}
#book_area .workframe{/* display: flex; *//* align-items: flex-start; *//* flex-direction: column; *//* flex-wrap: wrap; */width: -webkit-fill-available;z-index: 10;}
#book_area .title_box{margin-bottom: 2rem;}
#book_area .title_box h2 {background: linear-gradient(to right, #222 100%, var(--primary) 0%);-webkit-background-clip: text;background-clip: text;position: inherit;width: -webkit-fill-available;font-size: 52px;text-align: center;}
#book_area .title_box h3 {text-align: center;}
#book_area .title_box .text:after{background: #b9b9b9;width: 40px;}
#book_area .row img { height: 500px; transition: all 0.7s;display: block;width: 100%;object-fit: cover;}

#book_area .over_hid::before {content: "";position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background-color: #000;background: linear-gradient(to bottom,#ffffff00 0,#686868 50%, #000 80%);opacity: 0.3;pointer-events: none;}
#book_area .row .info_box { padding: 30px 10px 10px; width: calc(100% - 0px);   bottom: -20px; left: 0; app-region: drag;display: flex;justify-content: space-between;flex-direction: column;align-items: center;}
#book_area .row .info_box h3{-webkit-line-clamp: 2;height: -webkit-fill-available;font-weight: 500;font-size: 1.45rem;padding-bottom: 20px;text-align: center;}
#book_area .list_box li .more b{margin-right: 10px;}
#book_area .list_box li .img_scale{display: flex;flex-direction: column;padding: 20px 80px;}


@media screen and (max-width: 1680px) and (min-width: 1551px){
	.workframe { width: 1300px; }
}
@media screen and (max-width: 1550px) and (min-width: 1501px){
	.workframe { width: 1200px; }
	#book_area .row img{height: 290px;}
#book_area .row img { height: 420px; }
#news_area .title_box{width: 300px;margin-left: 40px;}
}
@media screen and (min-width: 1441px){
	header {border-bottom: 1px solid #777777;}
	#news_area .title_box {}

}
@media screen and (max-width: 1660px){
	#news_area .news_box{width: 88vw;}
	#book_area .workframe{width: 100vw;}
	.imgr1{right: -160px;width: 320px;height: 500px;}
}
@media screen and (max-width: 1366px){
	section .title_box h2,#about_area .about_item .title_box h2, #book_area .title_box h2{font-size: 48px;}
	#about_area .about_item .title_box h2{position: inherit;left: 0;
    top: 0;}
	section .title_box h3 b{font-size: 1.65rem;}
#book_area .row img { height: 350px; }
	#about_area .about_box .title_box{padding-top: 1rem;}
}
@media screen and (min-width: 1281px){
	#book_area .list_box li:hover .info_box h3,#book_area .list_box li .more b{    color: var(--primary);}
	.more:hover  .arrowWrap::before,#news_area .tabs_body .tab_info .items:hover .more .arrowWrap::before,  {width: 36px;height: 36px;top: calc(50% - 18px);right: 0px;background-color: rgb(223 223 223 / 70%);border: 1px solid rgb(223 223 223 / 70%);}
	#news_area .title_box .more:hover b, .more:hover .arrowWrap .arrow, #news_area .tabs_body .tab_info .items:hover .more .arrowWrap .arrow{animation: moreArrow 1s infinite;}
#news_area .tabs_body li:hover .more b{color: var(--primary);letter-spacing: -0.5px;}
	#news_area .tabs_body .tab_info li:hover  h3{color: var(--primary);}
	#book_area .row:hover .info_box { bottom: 0; }
	#keyword_area ul li{-webkit-transition: all 0.5s;transition: all 0.5s;}
	#keyword_area ul li:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
#keyword_area ul li:hover .Txt::after{width: 50px;
    height: 50px;top: 42%;
    left: 20%;border: 2px solid var(--primary);background-color: var(--primary);}
	#keyword_area ul li:hover .Txt .noBox{color: var(--white);}
}
@media screen and (max-width: 1280px){
	#news_area .news_box { padding: 4rem 0 4rem 3vw; width: 98vw; }
	.about_info article{padding-bottom: 0px;}
    .sideImg{display: none;}
	#keyword_area ul{width: 100%;}
	#about_area .about_item{width: 92%;margin: auto;}
	#news_area .tabs_body .tab_info .time{width: 90px;grid-template-columns: 50px 40px;}
#news_area .tabs_body .tab_info .time font {   width: 50px;font-size: 36px;}
#news_area .tabs_body .tab_info .time font.m_txt,#news_area .tabs_body .tab_info .time font.d_txt {width: 70px;font-size: 14px;letter-spacing: 0.5px;}
}
@media screen and (min-width: 1161px){
	#news_area .title_box {}
	#news_area .tabs_box {width: calc(100% - 380px);}
	#research_area .title_box { top: 40px; }
	#research_area ul { grid-template-columns: 55% 1fr; grid-gap: 5%; grid-row-gap: 3%; }
	#research_area ul li:first-child { grid-template-areas: "info" "img"; grid-row-start: 1; grid-row-end: 3; }
	#research_area ul li:first-child .img_box { padding: 35px 0; grid-area: img; }
	#research_area ul li:first-child .img_box img { height: 515px; }
	#research_area ul li:first-child .info_box { width: 90%; grid-area: info; }
	#news_area .title_box .more:hover b{color: var(--white);
    background-color: var(--primary);}
	#news_area .title_box .more .arrowWrap .arrow{background-color: rgb(255 255 255 / 69%);}
	#news_area .title_box .more .arrowWrap .arrow::before, #news_area .title_box .more .arrowWrap .arrow::after{background-color: #ffffff;}
	#news_area::before {content: "";position: absolute;bottom: 0;left: 0;z-index: 0;width: calc((100% - 0px) / 2);height: 470px;background-color: var(--fourth);opacity: .3;}
	#book_area::after {content: "";position: absolute;top: 0px;left: 0;width: calc((100% - 1500px) / 2);height: 370px;background-color: var(--fourth);z-index: 0;opacity: .3;}
	#book_area::before {content: "";position: absolute;top: 0px;right: 0;width: calc((100% - 0px) / 2);height: 100%;background-color: var(--thirdly);z-index: 0;opacity: .3;}
	#about_area .about_box .about_image {padding-right: 4vw;}
    #about_area .about_box .about_image img{width: 100%;height: 70%;object-position: 10% 0;}
	#research_area .workframe { padding: 0 2%; }

}
@media screen and (max-width: 1160px){
	#news_area .news_box {padding: 2rem 7vw;width: 100vw;}
	#news_area .title_box {display: flex;flex-direction: column;align-items: center;width: -webkit-fill-available;width: 90%;}
	section .title_box .text:after{width: 20px;margin-top: 5px;}
    #news_area .title_box article{width: auto;}
    #news_area .tabs_box{width: 100%;}
	#news_area .title_box h2:before { left: 50%; }
	#news_area .title_box .more_btn {bottom: 30px;left: 50%;padding: 10px 15px;font-size: 13px;}
	#news_area .title_box article {margin-top: 0.5rem;margin-bottom: 1.45rem;letter-spacing: 0.5px;}
	#news_area .title_box article br { display: none; }
	#news_area .news_box {padding-bottom: calc(0rem + 20px);display: flex;flex-direction: column;align-items: center;}
	#news_area .tabs_body .tab_info .items {margin: 0 10px;}
	#news_area:after{display: none;}
	#about_area .about_item{width: 100%;margin: auto;}
	#about_area .about_box, #book_area .workframe{display: flex;flex-direction: column;}
    #book_area .workframe{padding: 1rem 0vw 0rem;}
	#about_area .about_box {padding: 0 0vw;}
    #about_area .about_box .about_image{display: none;}
	#about_area{padding: 30vmax 0 0vmax 0;background-size: contain;}
    #book_area{padding: 2vmax 0 3vmax;}
    #about_area .about_box .about_info{width: auto;}
    #about_area .about_box .about_info {padding: 2rem 3.5rem 2rem;}
    #about_area .title_box p{margin-bottom: 0;margin-top: 0rem;}
	#about_area .about_box .about_info article {margin-bottom: 2rem;}
	#research_area .workframe { width: 100vw; }
	#research_area .title_box { padding: 0 5vw 4rem; }
	#research_area ul li >div { margin: 0 30px; }
	#research_area ul li a { background: rgb(255 255 255 / 50%); }
	#research_area ul li.slick-center a { background: transparent; }
	#research_area ul li .img_box img { height: 350px; }
	#news_area .tabs_btn a{margin: 15px 9px 0;}
	section .title_box h3 b {font-size: 22px;font-weight: 500;letter-spacing: 0.5px;}
	section .title_box h2{font-size: 38px;}
    #book_area .title_box{width: -webkit-fill-available;padding: 0;display: flex;flex-direction: column;align-items: center;}
	#about_area .about_item .title_box h2, #book_area .title_box h2{font-size: 42px;}
	#about_area .about_item .title_box h2{width: 300px;}
    #newDesc{width: -webkit-fill-available;margin-bottom: 1.75rem;}
    #book_area .list_box li .img_scale{margin: 0;}
    #book_area .list_box li:nth-child(2n) .img_scale{flex-direction: column;}
}
@media screen and (min-width: 981px){
}
@media (max-width: 960px) {
#book_area .row .info_box h3{font-size: 1.15rem;padding-bottom: 10px;}
}
@media screen and (max-width: 768px){
	#research_area:before { opacity: 0; }
	#news_area {padding: 0;}
	#about_area .about_box .about_image{padding: 0;}
	.about_info article h5{font-size: 22px;letter-spacing: 3.5px;}
	.leftBox .title_box h2, .rightBox .title_box h2{font-size: 26px;}
	section .title_box h3 b,#news_area .title_box article{font-size: 22px;letter-spacing: 1.5px;}
    #about_area .about_box .about_info {padding: 0rem 3.5rem 2rem;}
	#about_area .about_box .title_box{padding-top: 0rem;}

	#about_area .about_box .about_info{padding: 2rem 1.5rem 2rem;}
	#about_area{padding: 15vmax 0 0vmax 0;background-size: contain;}
 #keyword_area ul .Txt{position: relative;padding: 30px 10px 10px;margin: 0 10px;}
#keyword_area ul .Txt .step{font-size: 16px;}
	#keyword_area ul{padding: 0px 30px 20px;
    margin-bottom: 10px;}
#book_area .row img { height: 240px; }
}
@media (min-width: 641px) {
#book_area .list_box li.slick-slide{-moz-transform:scale(1.2);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform: scale(1);z-index: -1;margin: 0 -30px;opacity: 1;}
#book_area .list_box li.slick-center{z-index: 1;-webkit-transform: scaleY(1.2);-ms-transform: scaleY(1.2);transform: scaleY(1.2);opacity: 1;}
#book_area .list_box li.slick-slide {position: relative;-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform: scale(0.8);z-index: -1;margin: 0 -70px;filter: blur(2px);}
#book_area .list_box li.slick-slide:after {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(255 255 255 / 14%);content: "";}
#book_area .list_box li.slick-center{ z-index: 1; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); filter: none}
#book_area .list_box li.slick-center:after { display: none; }

}
@media screen and (max-width: 640px){
	#research_area ul li .img_box img { height: 60vw; }
	#setArea{padding: 3vmax 0 0vmax 0;background-position: 50% 100%;background-size: contain;}
	#book_area .row img {height: 210px;}
	#book_area .list_box li{margin: 0px 30px 0px;height: 380px;}
	#book_area .row .info_box{padding: 10px 10px 10px;}
	#book_area .list_box li .img_scale{padding: 0px 0px;}
}
@media screen and (max-width: 550px){
	#about_area #about_txt { top: 8vmax; right: 0; }
	#book_area .title_box h2{
    padding: 0;
}
	#about_area .about_item .title_box h2, #book_area .title_box h2,section .title_box h2{
    font-size: 33px;
}
}

@media screen and (max-width: 480px){
	#news_area .title_box h2 ,  #about_area .about_item .title_box h2 {-webkit-background-clip: text;background-clip: text;}
	#book_area .list_box li{height: 330px;}
}
@media (max-width: 450px) {
}