@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
#eventWrap{width: 100%;text-align: center;position: relative;}
#eventWrap .free{position:fixed;right:100px;top:450px;z-index:101;}
#eventWrap *{box-sizing:border-box;}
#eventWrap .inner {position: relative;width:1080px;margin: 0 auto;letter-spacing: -0.03em;padding: 0;line-height: 1.4}

#eventWrap .top{background: url(http://img.megagong.net/m/2019/1106_book/gong/top_bg.jpg) no-repeat center 0;background-size: cover;height: 1380px;}
#eventWrap .top .inner{/* padding: 90px 0 500px; *//* width: 1856px; */}
#eventWrap .top .inner .visual{
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 1856px;
    margin: 0 0 0 -1068px;
}
#eventWrap .top .inner .visual .pc{display: block;/* margin-left: -530px; */}
#eventWrap .top .inner .visual .mo{display: none;}
#eventWrap .top .inner .visual img{margin: 0 auto;}

#eventWrap .con_1{padding: 60px 0;background: #ff653b;}
#eventWrap .con_1 h3{margin: 0 0 30px 0;}
#eventWrap .con_1 .con1_txt_img{margin: 30px 0 5px;}
#eventWrap .con_1 .con1_txt{text-align: right;color: #994832;font-size: 12px;}
#eventWrap .con_1 ul{overflow:hidden;margin-top: 25px;}
#eventWrap .con_1 ul li{width:33.3%;float:left;}
#eventWrap .con_1 ul:after{content:'';clear:both;display:block;}

#eventWrap .con_2{background: #694136;padding: 100px 0 70px;}
#eventWrap .con_2 h3{/* margin:0 0 50px 0; */}
#eventWrap .con_2 ul{margin:30px auto 40px}
#eventWrap .con_2 ul li{float:left;}
#eventWrap .con_2 ul li+li{float:right;}
#eventWrap .con_2 ul:after{content:'';clear:both;display:block;}
#eventWrap .con_2 p a{display:block;width:100%}

#eventWrap .con_3{background: #2266a6;padding: 84px 0 70px 0;}
#eventWrap .con_3 h3{/* margin:0 0 72px 0; */position:relative;}
#eventWrap .con_3_1{background: #134789;padding: 38px 38px 40px;position:relative;border: 2px solid #222;margin-top: 30px;}
#eventWrap .con_3_1 .tab{overflow:hidden;}
#eventWrap .con_3_1 .tab li{width:25%;float:left;background:#bbbbbb;color:#fff;font-size: 20px;font-weight:bold;border-left:1px solid #dcdddd;}
#eventWrap .con_3_1 .tab li:first-child{border:none;}
#eventWrap .con_3_1 .tab li a{display:block;padding:19px 0 19px 0;}
#eventWrap .con_3_1 .tab li.on{background: #ff653b;}
#eventWrap .con_3_1 .tab li .br460{display: none;}
#eventWrap .con_3_1 .tab li .br640{display: none;}
#eventWrap .con_3_1 .tabConList{display:none;}
#eventWrap .con_3_1 .tabConList ul{background:#fff;overflow:hidden;padding:40px 0;}
#eventWrap .con_3_1 .tabConList ul li{width:25%;float:left;position:relative;}
#eventWrap .con_3_1 .tabConList ul.count_3 li{width:33.3%;}
#eventWrap .con_3_1 .tabConList ul.count_2 li{width:50%;}
#eventWrap .con_3_1 .tabConList ul li:after{content:"";position:absolute;left:0;top:0;height: 82%;width:1px;border-left:1px dashed #cccccc;}
#eventWrap .con_3_1 .tabConList ul li:first-child:after{display:none;}
#eventWrap .con_3_1 .tabConList ul li span{display:inline-block;width: 160px;margin:0 auto;}
#eventWrap .con_3_1 .tabConList ul li span strong{display:inline-block;font-weight:normal !important;background: #ffd119;font-size: 16px;width:100%;letter-spacing: -2.3px;}
#eventWrap .con_3_1 .tabConList ul li span strong .br460{display: none;}
#eventWrap .con_3_1 .tabConList ul li span strong .br640{display: none !important;}
#eventWrap .con_3_1 .tabConList ul li span > strong{padding: 8px 0;}
#eventWrap .con_3_1 .tabConList ul li span strong strong{font-weight:bold !important;display:inline-block;width:auto;}
#eventWrap .con_3_1 .tabConList ul li span span{display:block;margin: 20px 0 24px 0;width:186px;text-align: center;}
#eventWrap .con_3_1 .tabConList ul li span span.book{position: relative;/* width: 240px; */margin-left: -10px;}
#eventWrap .con_3_1 .tabConList ul li span span.book img{width: 193px;display:block;margin: 0 auto 0 10px;}
#eventWrap .con_3_1 .tabConList ul li span span.book_name{text-align:center;margin: 20px 0 20px -15px;width: 200px;font-weight: bold;font-size: 16px;letter-spacing: -2px;}
#eventWrap .con_3_1 .tabConList ul li span span.book_name .br460{display: none !important;}
#eventWrap .con_3_1 .tabConList ul li span span.book:hover .book_over{display: block;}
#eventWrap .con_3_1 .tabConList ul li span a{display:block;height:32px;line-height:30px;background: #4a2920;color:#fff;border-radius:32px;margin:0 4px 6px 4px;}
#eventWrap .con_3_1 .tabConList ul li span a + a{border: 1px solid #4a2920;background:#fff;color: #4a2920;}

#eventWrap .con_3_1 .tabConList ul.cel_03{width: 100%;margin:0 auto;/* padding: 40px 2%; */}
#eventWrap .con_3_1 .tabConList ul.cel_03 li {width: 33.3%;}
#eventWrap .con_3_1 .tabConList ul.cel_02{width: 100%;margin:0 auto;padding: 40px 20%;text-align: center;position: relative;}
#eventWrap .con_3_1 .tabConList ul.cel_02 li {width: 50%;}
#eventWrap .con_3_1 .tabConList ul.cel_02:after{content:"";position:absolute;left: 10%;top:0;width: 80%;height:1px;border-top:1px dashed #cccccc;}

#eventWrap .con_3_1 .tabConList ul li .book_over{display:none;position: absolute;width: 83%;height: 99%;z-index: 1;top: 0;left: 12px;text-align: left;}
/* #eventWrap .con_3_1 .tabConList ul li .book_over ul{padding-top:20px;background: none;}
#eventWrap .con_3_1 .tabConList ul li .book_over ul li{position:relative;width: 100%;padding: 0 10px 0 18px;font-size: 13px;color: #fff;}
#eventWrap .con_3_1 .tabConList ul li .book_over ul li +li{margin-top:10px}
#eventWrap .con_3_1 .tabConList ul li .book_over ul li:before{content:'';display:block;width:4px;height:4px;background:#fff;top: 10px;left: 6px;position: absolute;}
#eventWrap .con_3_1 .tabConList ul li .book_over ul li:after{display:none} */
#eventWrap .con_3_1 .tabConList:nth-child(1) ul li:nth-child(1) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over1.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(1) ul li:nth-child(2) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over2.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(1) ul li:nth-child(3) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over3.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(2) ul li:nth-child(1) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over4.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(2) ul li:nth-child(2) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over5.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(2) ul li:nth-child(3) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over6.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(3) ul li:nth-child(1) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over7.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(3) ul li:nth-child(2) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over8.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(4) ul li:nth-child(1) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over9.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(4) ul li:nth-child(2) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over10.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(4) ul li:nth-child(3) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over11.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList:nth-child(4) ul li:nth-child(4) .book_over ul{background: url(http://img.megagong.net/m/2019/1106_book/gong/book_over12.png) no-repeat center 0;z-index: 9;width: 158px;height: 208px;background-size:auto 100%;padding-top: 0;}
#eventWrap .con_3_1 .tabConList ul li .book_over ul li{display: none;}
#eventWrap .con_3_1 .tabConList ul li .book_over ul li:before{display:none}
#eventWrap .con_3_1 .tabConList ul li .book_over ul:after{content:'';clear:both;display:block;}

#eventWrap .con_3_1 .btnStore{margin-top: 40px;}
#eventWrap .con_3_1 .btnStore a{display: inline-block;width: auto;}


@media (max-width: 1378px){
	#eventWrap .top{height:auto}
	#eventWrap .inner{width:100%}
	#eventWrap .top .inner .visual{
    position: relative;
    top: inherit;
    left: inherit;
    height: auto;
    width: 100%;
    margin: 0;
}
	/* #eventWrap .top .inner .visual .pc{margin-left: -30%;} */
	#eventWrap .top .inner .visual .pc{display: none;}
	#eventWrap .top .inner .visual .mo{display: block;width: 100%;}
}
@media (max-width: 1200px){
	#eventWrap .inner{width: 97%;}
	#eventWrap .top .inner{width:100%;}
	#eventWrap img{max-width: 100%;}

	#eventWrap .top{background: none;background-size: 100%;}
	#eventWrap .top .inner{padding: 0;}
	
	#eventWrap .con_1 ul li img{max-width:96%}
	#eventWrap .con_1 ul li:nth-child(2) img{max-width:94%}
	#eventWrap .con_2 ul li{width:49%}

}
@media (max-width: 900px){
	#eventWrap .con_1{padding: 30px 0;}
	#eventWrap .con_2{padding: 30px 0;}
	#eventWrap .con_2 ul{margin:30px auto;}
	#eventWrap .con_3{padding: 30px 0 60px;}
	#eventWrap .con_3_1 .tabConList ul.count_2{padding: 20px 16%;}
	#eventWrap .con_3_1 .tabConList ul li span{width:85%;}
	#eventWrap .con_3_1 .tabConList ul li span span.book_name{margin: 20px 0;width: 100%;}
	#eventWrap .con_3_1 .tabConList ul li span span.book{position: relative;width: 100%;margin-left: 8%;}
	#eventWrap .con_3_1 .tabConList ul li span span.book img{width: 193px;margin: 0 auto}
	#eventWrap .con_3_1 .tabConList ul li .book_over{left:0}
	#eventWrap .con_3_1 .tabConList:nth-child(1) ul li:nth-child(1) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(1) ul li:nth-child(2) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(1) ul li:nth-child(3) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(2) ul li:nth-child(1) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(2) ul li:nth-child(2) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(2) ul li:nth-child(3) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(3) ul li:nth-child(1) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(3) ul li:nth-child(2) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(4) ul li:nth-child(1) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(4) ul li:nth-child(2) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(4) ul li:nth-child(3) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .tabConList:nth-child(4) ul li:nth-child(4) .book_over ul{width: 100%;height: 100%;background-size:auto 100%;padding-top: 0;}
	#eventWrap .con_3_1 .btnStore{margin-top: 30px;}

}
@media (max-width: 768px){
	#eventWrap .con_1 .con1_txt{font-size: 12px;}
	#eventWrap .con_3_1{background: #8ca3d7;padding: 30px 10px;}
	#eventWrap .con_3_1 .tabConList ul li span strong{font-size: 14px;}
	#eventWrap .con_3_1 .tabConList ul li span span.book_name{font-size: 15px;}
	#eventWrap .con_3_1 .tabConList ul li span a{font-size: 13px;}
}
@media (max-width: 640px){
	#eventWrap .con_3_1 .tab li{font-size: 16px;}
	#eventWrap .con_3_1 .tabConList ul{padding:20px 0;}
	
	#eventWrap .con_3_1 .tabConList ul.count_2{padding: 20px 10%;}
	#eventWrap .con_3_1 .tabConList ul li span{width: 100%}
	#eventWrap .con_3_1 .tabConList ul li span span{width: 100%;margin: 20px 0 24px 10%;}
	#eventWrap .con_3_1 .tabConList ul li span span.book img{width: 90%;}
	#eventWrap .con_3_1 .tabConList ul li span strong{font-size: 13px;}
	#eventWrap .con_3_1 .tabConList ul li span span.book_name{font-size: 14px;}
	#eventWrap .con_3_1 .tabConList ul li span strong .br640{display: block;}
	#eventWrap .con_3_1 .tabConList ul li span a{font-size: 12px;width:90%;}
	#eventWrap .con_3_1 .tabConList ul li .book_over ul{width:90%}
	#eventWrap .con_3_1 .btnStore{width: 60%;margin: 30px auto 0;}
}
@media (max-width: 550px){
	#eventWrap .con_1 .con1_txt_img{margin: 30px 0 3px;}
	#eventWrap .con_1 .con1_txt{text-align: right;color: #994832;font-size: 11px;}
	#eventWrap .con_3_1 .tab li{font-size: 14px;}
	#eventWrap .con_3_1 .tabConList ul li{width:50%}
	#eventWrap .con_3_1 .tabConList ul li span span.book_name{font-size: 13px;}
	/*#eventWrap .con_3_1 .tabConList:nth-child(4) ul li + li+ li{padding-top:20px}*/
	#eventWrap .con_3_1 .tabConList:nth-child(4) ul li span span.book_name{/* font-size: 13px; *//* height: 54px; */}
	#eventWrap .con_3_1 .tabConList:nth-child(4) ul li:nth-child(1) span span.book_name brnth-child(1){display:none !important;}
	#eventWrap .con_3_1 .tabConList ul li .book_over ul{padding-top: 5px;}
	#eventWrap .con_3_1 .tabConList ul li .book_over ul li{font-size:10.5px;padding: 0 4px 0 15px;}
}	
@media (max-width: 460px){
	#eventWrap .con_3_1 .tab li{font-size: 12px;}
	#eventWrap .con_3_1 .tabConList ul.count_2 li span strong .br460{display: none;}
	#eventWrap .con_3_1 .tabConList:nth-child(4) ul li span strong .br460{display: none;}
	#eventWrap .con_3_1 .tabConList ul li span span.book_name{font-size: 12px;}
	#eventWrap .con_3_1 .tabConList ul li span span.book_name .br460{display: block !important;}
	#eventWrap .con_3_1 .tabConList ul li span strong strong{display:block}
	#eventWrap .con_3_1 .tabConList ul li span strong .br460{display: block;}
	#eventWrap .con_3_1 .tabConList ul li span a{font-size: 11px;}
	#eventWrap .con_3_1 .tabConList ul li .book_over{width: 85%;/* left: -6px; */}
}