/* PC Device */

@media all and (max-width:1600px){
	#hd .t_login > a{display:none;}


}


@media all and (max-width:1480px){
#gnb-menu li{margin-left:2px;}

}

@media all and (max-width:1400px){
	.wrap {width:100%;padding:0 2%;box-sizing:border-box;}
	#main_08 .wrap {padding:150px 2%;}
	.sub_content {width:100%;padding:0 2%;box-sizing:border-box;}
	.rolling .text h2, .rolling .text p {left:50px}
	.scroll .wrap div {left:50px;}
	.scroll .wrap::before {left: 67px;}
	.main_visual .scroll p  {left:49px;}
	#sns {right: 2%;}
	
}

@media all and (max-width:1360px){
	#gnb-menu {display:none;}
}

@media all and (max-width:1250px){
	
	#main_03 li .movie_img {height: 229px; margin-bottom: 20px;}
	.pic_list div a h3, .brain_list div a h3, #main_04 li a h3, #main_03 li h3 {font-size: 20px;}
	#main_04 li a img {height: 30vw; margin-bottom: 20px;}
	.brain_list div a img {height: 260px;margin-bottom: 20px;}
	.book_con h2 {font-size: 36px;}
	.book_con p {font-size: 25px;}
	.pic_list div a img {height: 260px;margin-bottom: 20px;}
	.book_con {width: calc(100% - 439px);}

}

@media all and (max-width:1080px){

	.main_visual {height: 813px;}
	.rolling .text {top: 5%;}
	#main_01 {padding-top: 100px;}
	#main_02, #main_04, #main_05 { padding: 100px 0 150px 0;}
	#main_03,#main_07, #main_09, #main_10 {padding: 100px 0;}
	#main_08 .wrap {padding: 100px 2%;}
	.newsletter {    position: relative;padding: 60px;left: auto;top: auto;}
	footer .wrap {padding: 0;}
	footer .ft_info {margin:30px 0;padding:20px 2%;}
	footer .ft_txt {padding:0 2%;}
	#sns {top: 336px;}
	.rolling .text h2 {font-size:60px;}
	#main_container {padding-bottom:0;}
	#con_box {padding:15% 0;}
	.greeting_img{padding-bottom:50px;}
	.greeting_box h2 { font-size: 25px;   padding-bottom: 30px;}
	.sub_visual h2 { left: 20px;  bottom: 30px; font-size: 40px;}
	.sub_visual .wrap { height: 320px;}
	#main_n07 li {width: 100%;margin-bottom: 5%;}
	.lt_img { width: 38%;}
	.lt_con {width: 57%;}
	.lt_con h3 {font-size: 20px;margin-bottom: 6px;}
	.lt_con p {font-size: 15px;}
	#main_n03 li, #main_n11 li {width:48%;margin-right:0;margin-bottom: 5%;}
	#main_n03 li:nth-child(2n), #main_n11 li:nth-child(2n) {float:right;}
	#main_n11 .lt_con h3 {font-size: 20px;margin-bottom: 6px;}
	#main_n11 .lt_con p {font-size: 15px;}
	#main_n03 .lt_con h3 {font-size: 20px;margin-bottom: 6px;}
}

}
@media all and (max-width:1060px){

	#main_06 .wrap {padding: 96px 0;}

}
@media all and (max-width:1010px){
	.con01_txt {width: 100%;}
	#main_04 li {width: 50%;float: left;margin-right: 0;}
	#main_04 li a {margin: 0 3% 10% 3%;}
	#main_n02 li a span {font-size: 18px;} 
	#main_n02 li a img {max-width: 85%; margin: 0 auto 20px auto;}
} 
@media all and (max-width:910px){

	#main_10 li a img {height: 182px;}
	.sub_visual .wrap {height: 250px;}

}
@media all and (max-width:870px){

	.brain_list div a img, .pic_list div a img {height: 237px;}
	ul.slick-dots {clear: both;margin-top: 20px;text-align: center;}
	ul.slick-dots li {display:inline-block !important;width:auto;float:none; margin-right:0;margin:0 1.5%;}
	ul.slick-dots li button {border-radius:50%;background:#9d9d9d;width:10px;height:10px;overflow:hidden;text-indent:-99999px;}
	ul.slick-dots li.slick-active button {background:#000;}
}
@media all and (max-width:850px){

	.main_visual {height: 637px;}
	.rolling .text {top: 0;}
	.rolling .text h2 {font-size: 45px;}
	.rolling li.swiper-slide-active .text p {top: 322px;font-size: 20px;}
	.con01_txt h2 {font-size: 25px;}
	.con01_txt p {font-size: 17px;}
	#main_01 {background-size:80%;}
	.con01_img {width: 288px;}
	.con01_txt span {text-align: left;}
	#main_02 li a img {max-width: 77%;}
	#main_02 li a span {font-size: 20px;}
	#main_03 h2, #main_04 h2, #main_05 h2, #main_07 h2, #main_08 h2, #main_09 h2, #main_10 h2 {margin-bottom: 48px;font-size: 30px;}
	#main_03 li .movie_img {height: 165px;}
	#main_03 li .movie_img:before {content: '';width: 50px;height: 35px;top: 50%;left: 50%;margin: -25px 0 0 -17px;background-size:cover;}
	.pic_list div a h3, .brain_list div a h3, #main_04 li a h3, #main_03 li h3 {font-size: 17px;}
	.brain_list div a p {font-size: 15px;}
	
	.pic_list div a p {font-size: 15px;}
	#main_10 li a img {height: 180px;}
	#main_container {padding-bottom:0;}
	.book_con h2 {font-size: 30px;}
	.book_con span {font-size: 15px;}
	.book_con p {font-size: 19px;}
	.book_img {width: 260px;}
	#main_06 .wrap {padding: 47px 0;}
	.book_con {width: calc(100% - 330px);}
	#sns {top: 297px;}
	.sub_visual h2 { font-size: 35px;}


}

@media all and (max-width:800px){
.top_menu {display:none;}
#hd_wrapper.n_head #logo a, #hd_wrapper.n_head #logo a img {height: 59px;padding:0;}
#hd_wrapper.n_head #logo {position: absolute;left: 12px;top: 9px;}
}
@media all and (max-width:730px){

	#main_03 li {width: 50%;float: left;margin: 0;}
	#main_03 li:nth-child(3n) {margin-right: 0;}
	#main_03 li:nth-child(3n+1) {clear:none;}
	#main_03 li:nth-child(2n+1) {clear:both;}
	#main_03 li:nth-child(4), #main_03 li:nth-child(5), #main_03 li:nth-child(6) {margin-top: 0;}
	#main_03 li a {display: block;margin: 0 2% 10% 2%;}
	#main_03 li .movie_img {height: 192px;}
	.book_con {width: calc(100% - 309px);}
	.newsletter li {width: 100%;margin-right: 0;margin-bottom:10px;}
	#sns { clear:both;margin-top:30px;display: block; position: relative;right:auto;top:auto;text-align: center;}
	footer .ft_link, footer .ft_txt p, footer .ft_copy {text-align: center;}
	
}
@media all and (max-width:680px){

	.main_visual {height: 500px;}
	.rolling .text {top: -86px;}
	.rolling .text h2 {font-size: 36px;}
	.rolling li.swiper-slide-active .text p {top: 303px;font-size: 17px;}
	#main_01 {padding-top: 70px;}
	#main_02, #main_04, #main_05 {padding: 70px 0 120px 0;}
	#main_03, #main_07, #main_09, #main_10 {padding: 70px 0;}
	#main_03 h2, #main_04 h2, #main_05 h2, #main_07 h2, #main_08 h2, #main_09 h2, #main_10 h2 {margin-bottom: 30px;font-size: 27px;}
	#main_02, #main_05 {border-radius: 0 30px 0 0;}
	#main_03, #main_04 {border-radius: 30px 0 0 0}
	#main_02 li a img{max-width: 73%;margin: 0 auto 18px auto;}
	#main_02 li a span {font-size: 15px;}

	.pic_list div a h3, .brain_list div a h3, #main_04 li a h3, #main_03 li h3 {font-size: 16px;}
	.scroll .wrap div {left: 30px;height:120px;}
	.rolling .text h2, .rolling .text p {left: 30px;}
	.scroll .wrap::before {left: 40px;top: -120px;}
	.main_visual .scroll p {left: 29px;bottom:125px;}
	.book_img {width: 207px;bottom: -16px;}
	.book_con {width: calc(100% - 250px);}
	.book_con h2 {font-size: 22px;margin-bottom: 11px;}
	.book_con p {font-size: 16px;margin-top: 45px;}
	#main_06 .wrap {padding: 40px 2%;}
}
@media all and (max-width:640px){

	.visual_control_next, .visual_control_prev {width:40px;height:40px;}
	.visua_control {bottom: 25px;}
	#main_10 li a img {height: 142px;}
	.greeting_img{padding:40px 0 30px;}
	#main_n02 li {width: 33.3%;}

}

@media all and (max-width:600px){

	.brain_list div a img, .pic_list div a img {height: 210px;}
	#logo a {color: #fff;padding: 19px 0 0 15px;}
	#logo a img {width:170px;}
	#hd .t_login {top: 12px;}
	.book_img {width: 180px;bottom: auto;left: auto;position: relative;float: left;}
	.book_con {width: calc(100% - 213px);}
	.book_con p {font-size: 15px;margin-top: 17px;}
	.newsletter {padding: 35px;}
	#main_n11 h2, #main_n07 h2 {font-size: 30px;}

}

@media all and (max-width:500px){

	#main_02 li {width:50%;}
	#main_02 li a {margin: 0 2% 8% 2%;}
	#main_02 li a span {font-size: 20px;}
	.greeting_box h2 {font-size: 20px;     padding-bottom: 15px;}
	.greeting_box p {font-size: 16px;}
	.sub_visual .wrap {height: 230px;}

	#hd #hd_wrapper.n_head .t_login {right: 54px;}
	#hd {min-height:107px;}
}

@media all and (max-width:420px){
	.wrap {padding:0 3%;}
	.rolling .text p {width:80%;word-break:keep-all;}
	#main_03 li .movie_img {height: 139px;}
	.con01_txt h2 {font-size: 20px;}
	.con01_txt p {font-size: 15px;}
	#main_02, #main_04, #main_05 {padding: 60px 0 110px 0;}
	#main_03, #main_07, #main_09, #main_10 {padding: 60px 0;}
	.brain_list div a img, .pic_list div a img {height: 149px;}
	.pic_list div a h3, .brain_list div a h3, #main_04 li a h3, #main_03 li h3 {font-size: 15px;}
	#main_02 li a span {font-size: 17px;}
	.brain_list div a p {font-size: 14px;}
	.book_img {width: 180px;float: none;display: block;margin: 0 auto;}
	.book_con {width: 100%;margin-top: 20px;}
	#main_06 .wrap {padding: 40px 5%;}
	#main_08 .wrap {padding: 60px 3%;}
	.newsletter p span {display: block;margin-right: 0;}
	.newsletter p label {font-size: 13px;}
	.newsletter li button {font-size: 16px;}
	.newsletter {padding: 26px;}
	.newsletter li input[type="text"]{padding: 15px;}
	footer .ft_link a {margin-right: 7px;padding-right: 7px;font-size:13px;}
	footer .ft_txt p, footer .ft_copy {font-size:13px;}
	#main_03 h2, #main_04 h2, #main_05 h2, #main_07 h2, #main_08 h2, #main_09 h2, #main_10 h2 {margin-bottom: 20px;font-size: 23px;}
	.sub_visual h2 { font-size: 30px;}
	.sub_visual .wrap { height: 200px;}
}
@media all and (max-width:400px){

	.brain_list div a img, .pic_list div a img {height: 205px;}
	#main_10 li {width: 50%;float: left;}
	#hd .t_login > a:before, #hd .t_login span > a:before{margin-right:6px;}
	#hd_wrapper.n_head { margin: 6px;}
	#main_n01 .lt_con h3 {font-size: 20px;}
	#main_n01 .lt_con p {font-size: 15px;}
	#main_n01 {clear:both;padding: 50px 0;}
	#main_n02, #main_n07, #main_n11, #main_n12, #main_n03 {padding: 50px 0;}
	#main_n11 h2, #main_n07 h2 {font-size: 23px;}
	.lt_img {margin-bottom:10px; width: 100%;}
    .lt_con {width: 100%;}
    #main_n03 li, #main_n11 li {width: 100%;}
	#main_n02 li {width: 50%;}
	#bo_cate li {margin:2px;}
	#bo_cate a {font-size: 16px;}

}

@media all and (max-width:360px){

#hd .t_login > a, #hd .t_login span > a {margin-right:0;  font-size:14px;}
#hd_wrapper.n_head #logo a, #hd_wrapper.n_head #logo a img {height: 46px;padding: 0;width: auto;}
#hd_wrapper.n_head #logo {position: absolute;left: 6px;top: 15px;}
#main_n01 li {width:100%;}
#main_n01 li:nth-child(2) {margin-top:5%;}

}

@media all and (max-width:330px){


#logo a img {width: 120px; margin-top:0;}
.btnMenu {   width: 40px;   height: 40px;  padding: 10px;}


}