@charset "euc-kr";
.hide{ position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
#container.event_wrap {min-width:1170px;}
#container.event_wrap img{vertical-align:top;}
#container.event_wrap .eventCont{position:relative;}
#container.event_wrap .eventCont .btnArea{position:absolute; left:0px; width:100%; text-align:center;}
#container.event_wrap .eventCont a, .popBox a{display:inline-block;}
#container.event_wrap .eventCont .imgMapWrap{width:1170px; margin:0 auto;}
#container.event_wrap .eventCont .imgMapArea{position:absolute; left:0px; width:100%; text-align:center;}
#layerBgArea{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:101; background:#000; opacity:.4;}
/* select::-ms-expand {display: none;}*/

#container.sub {padding-bottom: 0px;}
#container.event_wrap .event01{height:751px; background:url(/resources/front/event/2019/08/pictureBook/images/event01.jpg) no-repeat 50% 0;}
#container.event_wrap .event02{height:807px; background:url(/resources/front/event/2019/08/pictureBook/images/event02.jpg) no-repeat 50% 0;}
#container.event_wrap .event03{height:877px; background:url(/resources/front/event/2019/08/pictureBook/images/event03.jpg) no-repeat 50% 0;}
#container.event_wrap .event04{height:462px; background:url(/resources/front/event/2019/08/pictureBook/images/event04.jpg) no-repeat 50% 0;}
#container.event_wrap .event05{height:1128px; background:url(/resources/front/event/2019/08/pictureBook/images/event05.jpg) no-repeat 50% 0;}
#container.event_wrap .event06{height:845px; background:url(/resources/front/event/2019/08/pictureBook/images/event06.jpg) no-repeat 50% 0;}
#container.event_wrap .event07{height:936px; background:url(/resources/front/event/2019/08/pictureBook/images/event07.jpg) no-repeat 50% 0;}
#container.event_wrap .event08{height:353px; background:url(/resources/front/event/2019/08/pictureBook/images/event08.jpg) no-repeat 50% 0;}
#container.event_wrap .writeArea{padding:136px 0 28px; min-height: 870px; box-sizing: border-box; background:#fff9f9 url(/resources/front/event/2019/08/pictureBook/images/writeArea.jpg) no-repeat 50% 0;}
#container.event_wrap .event01 .tabArea{position: absolute; bottom: 0px; left: 0; width: 100%; text-align: center;}
#container.event_wrap .event01 .tabArea ul{display: flex; align-items: center; justify-content: center;}


#container.event_wrap .event02 .btnArea{ top: 360px;}
#container.event_wrap .event02 .slideBook{position: absolute; top: 460px; left:0; width: 100%; text-align: center;}
#container.event_wrap .event02 .slideBook .bookThum{width:900px; margin: 0 auto;/* padding: 0 90px;*/}
#container.event_wrap .event02 .slideBook .bookThum img{width:100%;}
#container.event_wrap .event02 .slideBook .bookThum .slick-slide{padding-right:10px;}

#container.event_wrap .event02 .slick-arrow{text-indent:-9999px; position:absolute; top: 50%; transform: translateY(-50%); width:30px; height:57px; z-index:4;}
#container.event_wrap .event02 .slick-prev{left:-45px; background:url(/resources/front/event/2019/08/pictureBook/images/prev.png) no-repeat 50% 50%;}
#container.event_wrap .event02 .slick-next{right:-35px; background:url(/resources/front/event/2019/08/pictureBook/images/next.png) no-repeat 50% 50%;}

#container.event_wrap .event03 .btn01{top:433px;}
#container.event_wrap .event03 .btn02{top: 773px;}
#container.event_wrap .event03 .btn03{top: 110px;}
#container.event_wrap .event03 .btn03 img:first-of-type{margin-right:300px;}
#container.event_wrap .event03 .btnArea a{
    width: 135px;
    height: 40px;
    margin-right: 82px;
} 
#container.event_wrap .event03 .btnArea a:last-of-type{margin-right:0;}
#container.event_wrap .event04 .btnArea {top: 123px;}
#container.event_wrap .event04 .btnArea img{margin-left: 220px;}
#container.event_wrap .event05 .btn01{top:240px;}
#container.event_wrap .event05 .slideWrap{
    position: absolute;
    width: 100%; 
    left: 0;
    top: 310px; 
}
#container.event_wrap .event05 .slideArea{width: 730px; margin: 0 auto;}
#container.event_wrap .event05 .slick-arrow{text-indent:-9999px; position:absolute; top: 50%; transform: translateY(-50%); width:30px; height:57px; z-index:4;}
#container.event_wrap .event05 .slick-prev{left:-40px; background:url(/resources/front/event/2019/08/pictureBook/images/prev.png) no-repeat 50% 50%;}
#container.event_wrap .event05 .slick-next{right:-35px; background:url(/resources/front/event/2019/08/pictureBook/images/next.png) no-repeat 50% 50%;}
#container.event_wrap .event05 .inputArea{
    position: absolute;
    left: 0;
    width:100%;
    text-align:center;
    bottom: 180px;
}
#container.event_wrap .event05 .inputArea input{
    width: 565px;
    height: 45px;
    font-size: 18px;
    color: #717171;
    border-radius: 45px;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #d7d7d7;
    margin-bottom: 15px;
}
#container.event_wrap .event05 .btn02{bottom:60px;}
#container.event_wrap .event06 .btnArea{top:161px;}
#container.event_wrap .event06 .btnArea a{
    width: 142px;
    height: 294px;
    margin-right: 28px;
}
#container.event_wrap .event06 .btnArea a:last-of-type{margin-right:0;}
#container.event_wrap .event07 .btnArea{top: 310px;}
#container.event_wrap .event07 .btnArea .btnWrap{    
    width: 680px;
    margin: 0 auto;
}
#container.event_wrap .event07 .btnArea .btnWrap a{
    width: 320px;
    height: 260px;
    margin-right: 35px;
}
#container.event_wrap .event07 .btnArea .btnWrap a:nth-of-type(1),
#container.event_wrap .event07 .btnArea .btnWrap a:nth-of-type(2){margin-bottom:25px;}
#container.event_wrap .event07 .btnArea .btnWrap a:nth-child(even){margin-right:0;}


.popupWrap{position: absolute; top: 50%; left: 50%; text-align: center; transform: translateX(-50%); z-index: 101;border-radius: 25px;overflow: hidden;}
.popupWrap .btn_popClose{position: absolute; top:20px; right:20px;}
.popIntro .con .inputArea,
.popIntro .con .textArea,
.popIntro .con .btnArea{position: absolute; width: 100%;text-align: center; left: 0;}
.popIntro .con .inputArea input,
.popIntro .con .textArea textarea{
    width: 420px;
    height: 40px;
    font-size: 17px;
    color: #717171;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #d7d7d7;
    margin-bottom: 15px;
    text-align: center;
}
.popIntro .con .textArea textarea{height: 220px; padding:10px;}
.popIntro .con .inputArea.input01{top:270px;}
.popIntro .con .inputArea.input02{top:380px;}    
.popIntro .con .textArea{top:490px;}
.popIntro .con .btnArea{bottom:60px;}

/* bookinfo */
#container.event_wrap .writeArea ul.bookList{width:680px; margin:0 auto;}
#container.event_wrap .writeArea ul.bookList li{padding:0 30px; margin-bottom:18px; border:2px solid #d7d7d7; border-radius:8px; box-sizing:border-box; }
#container.event_wrap .writeArea ul.bookList li.none{height:140px; line-height:140px; text-align:center;}
#container.event_wrap .writeArea ul.bookList li:last-child{margin-bottom:0}
#container.event_wrap .writeArea ul.bookList li strong{font-size:16px; color:#ef5959; width:15%; text-align:center;}
#container.event_wrap .writeArea ul.bookList li span{font-size:16px; box-sizing:border-box;}
#container.event_wrap .writeArea ul.bookList li .bookInfo{padding:6px 0 ;border-bottom:2px solid #d7d7d7; *zoom:1;}
#container.event_wrap .writeArea ul.bookList li .bookInfo:after{content:''; display:block; clear:both;}
#container.event_wrap .writeArea ul.bookList li .bookInfo strong,
#container.event_wrap .writeArea ul.bookList li .bookInfo span{float:left;}
#container.event_wrap .writeArea ul.bookList li .bookInfo span:nth-child(2){width:45%}
#container.event_wrap .writeArea ul.bookList li .bookInfo span:last-child{width:25%; padding-right:26px; text-align:center;}
#container.event_wrap .writeArea ul.bookList li .recommend{padding:6px 0 10px;}
#container.event_wrap .writeArea ul.bookList li .recommend strong{display:block; margin-bottom:5px; text-align: left; padding-left: 22px;}
#container.event_wrap .writeArea ul.bookList li .recommend p{position: relative; padding:0 22px; line-height:25px; }
#container.event_wrap .writeArea ul.bookList li .recommend p a{font-size:16px; color:#243abf; text-decoration:underline;}


#container.event_wrap .writeArea .paging{padding-top:15px;}
#container.event_wrap .writeArea .paging ul{text-align:center;}
#container.event_wrap .writeArea .paging li{display:inline-block; margin:0 5px; vertical-align:middle}
#container.event_wrap .writeArea .paging li a{color:#666; font-size:24px; vertical-align:middle}
#container.event_wrap .writeArea .paging li span{color:#666; font-size:14px; vertical-align:middle}
#container.event_wrap .writeArea .paging li.on a,
#container.event_wrap .writeArea .paging li.on span{font-weight:bold;vertical-align:middle; color:#ef5959;}
#container.event_wrap .writeArea .paging li.tablePrev a,
#container.event_wrap .writeArea .paging li.tableNext a{display:inline-block; width:30px; height:30px; position:relative; margin-top:7px;}
#container.event_wrap .writeArea .paging li.tablePrev a:after{content:''; position:absolute; left:50%; top:50%; width:15px; height:11px; margin:-6px 0 0 -8px; background:url(/resources/front/event/2019/08/pictureBook/images/btn_prev.png) no-repeat 0 0;}
#container.event_wrap .writeArea .paging li.tableNext a:after{content:''; position:absolute; left:50%; top:50%; width:15px; height:11px; margin:-6px 0 0 -8px; background:url(/resources/front/event/2019/08/pictureBook/images/btn_next.png) no-repeat 0 0;}
/* #container.event_wrap .writeArea .paging li.tablePrev a:after{display:inline-block; content:'<'; vertical-align:middle}
#container.event_wrap .writeArea .paging li.tableNext a:after{display:inline-block; content:'>'; vertical-align:middle}
#container.event_wrap .writeArea .paging li.tablePrev2 a:after{display:inline-block; content:'<<'; vertical-align:middle; letter-spacing:-5px;}
#container.event_wrap .writeArea .paging li.tableNext2 a:after{display:inline-block; content:'>>'; vertical-align:middle; letter-spacing:-5px;} */

#container.event_wrap .writeArea ul.bookList li .recommend p .moreBook{
    content: '';
    position: absolute;
    top: 12px;
    right:0;
    width: 12px;
    height: 13px;
    transform: translateY(-50%);
    background: url(/resources/front/event/2019/08/pictureBook/images/icon01.png)no-repeat;
}
#container.event_wrap .writeArea ul.bookList li .recommend .cont02 .moreBook{background: url(/resources/front/event/2019/08/pictureBook/images/icon02.png)no-repeat;}

.eventPop{position:fixed; left:50%; top:50%; margin:-283px 0 0 -243px; z-index:101; border-radius: 9px; overflow: hidden;}
.eventPop>a{position:absolute; right:16px; top:16px;}
.eventPop .btn_wrap{position:absolute; left:0px; bottom:40px; width:100%; text-align:center;}
.eventPop .btn_wrap a{display:inline-block; margin:0 12px;}

