@charset "utf-8";


/* 
프로젝트 : 개인정보보호 포털 - 이벤트 & 캠페인 페이지용
작성자 : 강정민
최종 업데이트일자 : 2020.10.26
*/


/*인터넷 내정보 지킴이 캠페인 - 애니메이션*/
/* 20200917(s) */
.animation_wrp{width: 100%;}
.animation_wrp .ani_b .view iframe{width:100%;border:8px solid #f4f4f4;box-sizing: border-box;}
.animation_wrp .script_tab{margin-top:-6px;padding:8px;background: #eaeaea;}
.animation_wrp .script_tab .tab {padding-bottom:8px;width: 100%;}
.animation_wrp .script_tab .tab label{padding-left: 32px;background: url('/images/sub/scommon/script_view.png')no-repeat 0px center;font-weight: 500;}
.animation_wrp .script_tab .tab .fold{display: block; float:right;width:23px;height:23px;border:none;background: url('/images/sub/scommon/script_view_bt1.png')no-repeat center;text-indent: -9999px;cursor: pointer;}
.animation_wrp .script_tab .tab.on .fold{background: url('/images/sub/scommon/script_view_bt2.png')no-repeat center;}
.animation_wrp .script_tab .txt{display: none; padding:10px 4px;background: #fff;max-height: 200px;overflow-y: auto;}
.animation_wrp .script_tab .txt.on{display: block;}
/*
.animation_wrp .ani_s {padding:25px 20px;background: #f5f5f5;}
.animation_wrp .ani_s li{float:left;width: 33.33%;}
.animation_wrp .ani_s .ani_thum{margin-right: 15px;}
.animation_wrp .ani_s .ani_thum .ani_thum_img{height: 148px;overflow: hidden;}
.animation_wrp .ani_s .ani_thum .ani_thum_img img{width: 100%;}
.animation_wrp .ani_s .ani_thum .txt p{display: block;margin:5px 0 0 0 ;max-width: 95%; font-weight: 500;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;} */
.video_wrp{margin:30px 0 0 0;width:100%;}
.video_wrp li{float:left;margin:0 0 20px 0;width:33.33%;text-align: center;}
.video_wrp li a{display:block;margin:0 8px;text-align: left;}
.video_wrp .ani_thum_img{height: 240px;overflow: hidden;}/*20201005*/
.video_wrp .ani_thum_img img{width:100%;height:100%;}
.video_wrp .txt {margin:8px 0 0 0;}
.video_wrp .txt .title{max-width: 95%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;font-size:16px;font-weight:500;}
.video_wrp .txt .date{color:#777;font-size:13px;}
.video_wrp li a:hover .title,.video_wrp li a:focus .title{text-decoration: underline;}

.webtoon_box{text-align: center;}
.webtoon_box img{max-width:900px;}
/*20200917(e)*/

/*인터넷 내정보 지킴이 캠페인 - 카드뉴스*/
.card_news_list ul{clear:both;}
.card_news_list li{float:left;margin-bottom:20px;width:33.33%;}
.card_news_list li a{display: block;}
.card_news_list .card_box{margin:0 15px 0 0;border:1px solid #eee;}
.card_news_list li:nth-child(3n) .card_box{margin-right: 0;}
.card_news_list .card_img{position: relative;height:311px;overflow: hidden;}
.card_news_list .card_img .detail_go{position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);text-align: center;opacity: 0;transition:opacity .3s;}
.card_news_list .card_box:hover .detail_go{opacity: 1;}
.card_news_list .card_box .detail_go p{display: inline-block; position: absolute;top:50%;left:50%;transform: translateX(-50%) translateY(-50%); padding:10px 70px 10px 10px;background: url('/images/sub/scommon/arrow_sub1.png')no-repeat 87% center;border:1px solid #fff;color: #fff;}
.card_news_list .card_box img{width:100%;height:100%;}
.card_news_list .card_name {padding:20px 10px;border:1px solid #eee;box-sizing:border-box;background:url('/images/sub/scommon/arrow_sub2.png')no-repeat 95% center; }
.card_news_list .card_name p{max-width:95%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;}
.card_news_detail li{margin:0 auto;width:600px;text-align: center;}


/*20201007(s)*/
/*지킬앤가이드 캐릭터 페이지*/
@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }

.character_list>li{margin:40px 0;}
.character_list>li>div{float:left;box-sizing: border-box;}
.character_list .img_area{padding:0 0 0 115px;width:430px;}
.character_list .txt_area{width:calc(100% - 430px);}
.character_list .txt_area b{font-size:22px;color:#444;font-style:italic;font-family: 'yg-jalnan'; }
.character_list .txt_area h4{margin:10px 0 0 0;font-size:17px;}
.character_list .txt_area h4 span{color:#1647aa;font-size:inherit; font-weight:500;}
.character_list .txt_area dl{margin:5px 0;padding:5px 0;border-top:1px solid #888;border-bottom:1px solid #888;}
.character_list .txt_area dt,.character_list .txt_area dd{display:inline-block;padding:5px 0;font-size:14px;}
.character_list .txt_area dt{width:140px;color:#777;font-weight:500;}
.character_list .txt_area dd{width:calc(100% - 145px)}
.character_list .txt_area p{font-size:14px;color:#444;}
.character_list .keyword {margin:15px 0 0 0;}
.character_list .keyword li{display:inline-block;margin:0 5px 0 0;padding:10px 20px;border:1px solid #3e75e4;border-radius: 30px; color:#3e75e4;font-size:13px;}

.camp_tbl tbody th,.camp_tbl td{padding:0 !important;}
.camp_tbl td a{display:block;width:100%;max-height:293px;overflow: hidden;vertical-align: middle;}
.camp_tbl td img{width:100%;}

/* 내정보 지킴이 캠페인 */
.camp_contents_view{box-sizing: border-box;text-align: center;}
.camp_contents_view img{width:730px;}
/* 20201007(e) */

/*20201005 내정보 지킴이 캠페인 히스토리*/
.history_list .history_box>div{float:left;padding:0 20px 100px 20px;width:50%;box-sizing: border-box;}
.history_list .history_box:first-child>div{padding-top:5px;}
.history_list .history_box:last-child>div{padding-bottom:0px}
.history_list .history_box .right{position: relative; border-left:1px solid #1647aa;}
.history_list .history_box .right:before{content:"";position: absolute;top:0;left:-12px;width:23px;height:23px;background: url('../images/sub/introduce/history_year_bg2.png')no-repeat;}
.history_list .history_box:first-child .right:before{top:50px;}
.history_list .history_box .poster_box{padding:0 30px 100px 30px;}
.history_list .history_box .left.poster_box{text-align: right;}
.history_list .history_box .poster_box>div{display:inline-block;width:362px;box-shadow:0 0 10px #ccc;}
.history_list .history_box .poster_box>div img{width:100%;}
.history_list .history_box .date_title {display:block;vertical-align: bottom;}
.history_list .history_box .date_title .year{display:inline-block;width:85px;height:40px;font-size:35px;font-weight:700;text-indent:-9999px;}
.history_list .history_box .date_title .year.y2019{background: url('../images/sub/introduce/date_year2019.png')no-repeat;}
.history_list .history_box .date_title .year.y2018{background: url('../images/sub/introduce/date_year2018.png')no-repeat;}
.history_list .history_box .date_title .year.y2017{background: url('../images/sub/introduce/date_year2017.png')no-repeat;}
.history_list .history_box .date_title .date{float:right;margin:15px 0 0 0;color:#444;}

.history_list .history_box .date_title .tt{padding:15px 0;border-top:1px solid #ccc;}
.history_list .history_box .date_title .tt>span{display:inline-block;position: relative; margin:10px 0;padding:0 35px;font-weight: 700;color:#1647aa;}
.history_list .history_box .date_title .tt>span:before{content:"";position: absolute;top:-5px;left:0;width:27px;height:27px;background: url('../images/sub/introduce/history_tt.jpg')no-repeat 0 0;}
.history_list .history_box .date_title .tt>span:after{content:"";position: absolute;top:-2px;right:0;width:27px;height:27px;background: url('../images/sub/introduce/history_tt.jpg')no-repeat -2px -103px;}

.history_list .history_box .txt_box{position: relative;}
.history_list .history_box .txt_box:after{content:"";position: absolute;bottom:45px;right:0; width:255px;height:118px;z-index: -1;}
.history_list .history_box .txt_box.bg2019:after{background:url('../images/sub/introduce/history_year_bg.jpg')no-repeat 0 0px}
.history_list .history_box .txt_box.bg2018:after{background:url('../images/sub/introduce/history_year_bg.jpg')no-repeat 0 -150px;}
.history_list .history_box .txt_box.bg2017:after{bottom:-50px;background:url('../images/sub/introduce/history_year_bg.jpg')no-repeat 0 -300px;}

.history_list .history_box .txt_box .txt{padding:0 20px 20px 20px;box-sizing: border-box;}
.history_list .history_box .txt_box .txt li {font-size:14px;color:#555;font-weight:300;}
.history_list .history_box .txt_box .txt li b{display:block;margin:20px 0 8px 0;padding:0 0 0 10px;font-weight:500;color:#111;text-indent: -10px;}
.history_list .history_box .txt_box .txt>li:first-child b{margin-top:0;}
.history_list .history_box .txt_box .txt li *{font-size:inherit;}
.history_list .history_box .txt_box .txt li ol{margin:0 0 0 10px}
.history_list .history_box .txt_box .txt li ol>li{line-height:22px;}

/* 20201005(e) */



.event2_content{padding:30px; box-sizing: border-box;}
.event2_gnb{position: absolute;right:-100px;top:30px;z-index: 1;}
.event2_gnb li{margin:0 0 10px 0;}
.event2_gnb li a{display:block;width:126px;height:63px;background:url('../images/sub/introduce/camp/event2_gnb.png')no-repeat;color:#777;text-indent:-9999px}
.event2_gnb li .m1{background-position: 0 0;}
.event2_gnb li .m2{background-position: 0 -65px;}
.event2_gnb li .m3{background-position: 0 -128px;}
.event2_gnb li .m4{background-position: 0 -192px;}
.event2_gnb li .m5{background-position: 0 -258px;}
.event2_gnb li .m6{background-position: 0 -320px;}
.event2_gnb li.on .m1{background-position: 0 -418px;}
.event2_gnb li.on .m2{background-position: 0 -484px;}
.event2_gnb li.on .m3{background-position: 0 -547px;}
.event2_gnb li.on .m4{background-position: 0 -612px;}
.event2_gnb li.on .m5{background-position: 0 -677px;}
.event2_gnb li.on .m6{background-position: 0 -740px;}

.event_top{position: relative; padding:35px 60px 0 30px;width:835px;background:url('../images/sub/introduce/camp/event2_bg_top.png')no-repeat 0 0;box-sizing: border-box;}
.event_top>.inner{height:57px;background:#fff;}
.event_top .eve_page{display:inline-block;padding:10px 20px;background:#1A8098;width:180px;font-size:25px;font-weight:500;color:#fff;text-align: right;box-sizing: border-box;}
.event_top .eve_page .num{font-size:inherit;font-weight:inherit;float:left;}
.event_top .eve_depth{position: relative; float:right;margin:25px 95px 0 0;vertical-align: bottom;color:#444;font-size:14px;}
.event_top .eve_depth:after{content:"";position: absolute;top:-45px;right:-95px; width:73px;height:67px;background:url('../images/sub/introduce/camp/even2_top_bg.png')no-repeat;}

.event_con{position: relative; padding:25px 60px 20px 30px;width:835px;background:url('../images/sub/introduce/camp/event2_bg_con.png')repeat-y 0 0;box-sizing: border-box;}
.event_con:after{content:"";position: absolute;bottom:-10px;left:0;width:835px;height:46px;background:url('../images/sub/introduce/camp/event2_bg_bottom.png')no-repeat;z-index: -1;}
.eve_inner{padding:30px 20px;background:#fff;box-sizing: border-box;}

.event2_content.main .event_top{padding:0 0px 0 30px;background:none;}
.event2_content.main .event_con{padding:0 0px 0 30px;background:none;}
.event2_content.main .event_con:after{display:none;}
.event2_content.main .event_con .main_cover>img{width:100%;}

.eve_label{margin:0 0 10px 0;padding:0 0 0 15px;background:url('../images/sub/introduce/camp/eve_label.png')no-repeat 0 7px;font-size:15px;font-weight:500;color:#222222;}

/* 단독 */
.eve_colum li{float:left;}
.eve_colum.col2 li{margin:0 10px 0 0;width:calc(50% - 10px);}
.eve_colum.col2 li:nth-child(2n){margin:0;}
.eve_colum li>a{display: block;margin:0 0 10px 0;}
.eve_colum li>a>img{width:100%;}
.eve_colum li b{font-size:15px;font-weight:500;}
.eve_colum li p{font-size:14px;color:#777;}

/* 20201118(s) */
.poster_fold{margin:0 0 20px 0;/* background: #f1f1f1; */background: #fff;}
.poster_fold_btn{display:inline-block;margin:10px 0 20px 0;/* padding:8px 40px 8px 20px; */background:url('../images/sub/introduce/camp/arr_down_w.png')no-repeat 85% center #0a7086; border-radius: 8px; color:#fff;font-weight:500;font-size:17px;}
.poster_fold_btn.af{background:url('../images/sub/introduce/camp/arr_up_w.png')no-repeat 85% center #0a7086;color:#fff;}
.poster_af{margin:0 0 20px 0;} 

.cardnews_popup .card_list{margin:0 auto;width:600px;}
.cardnews_popup .card_list img{width:100%;}
/* 20201118(e) */

.eve_tt{display:inline-block;position: relative;font-size:20px;font-weight:500;z-index: 0;}
.eve_tt:before{content:"";position: absolute;left:0;bottom:0; width:100%;height:12px;background:#ffc9ba;z-index: -1;}

.col_row li{float:left;}
.col_row li>a{display:block;}
.col_row li>a>img{width:100%;}
.col_row.row2 li{width:50%;}
.col_row .txtc{display:block;margin:0 0 5px 0;text-align: center;color:#444;font-size:14px;}

/* 별책부록 */
.eve_view_mv{margin:0 0 50px 0;}
.eve_view_mv:last-child{margin:0;}
.eve_view_mv>div{float:left;}
.eve_view_mv.view_l .left{width:30%;}
.eve_view_mv.view_l .right{width:70%;}
.eve_view_mv.view_r .left{width:70%;}
.eve_view_mv.view_r .right{width:30%;}

.eve_view_mv .char {text-align: center;}
.eve_view_mv .char img{width:75%;}
.eve_view_mv .txt strong{display:block;padding:0 0 10px 0;border-bottom:1px solid #111;text-indent:-9999px;}
.eve_view_mv .txt .ch1{background:url('../images/sub/introduce/camp/ch1.png')no-repeat;}
.eve_view_mv .txt .ch2{background:url('../images/sub/introduce/camp/ch2.png')no-repeat;}
.eve_view_mv .txt .ch3{background:url('../images/sub/introduce/camp/ch3.png')no-repeat;}
.eve_view_mv .txt .ch4{background:url('../images/sub/introduce/camp/ch4.png')no-repeat;}
.eve_view_mv .txt p{margin:10px 0 10px 0;font-size:14px;color:#444;}
.eve_view_mv .ani_thum{display:inline-block;margin:0 5px 0 0;}

/* 이벤트 퍼즐*/
.event2_content.event_pz_game .event_top{background:url('../images/sub/introduce/camp/event2_bg_top_pz.png')no-repeat 0 0;background-size:100%;}
.event2_content.event_pz_game .event_con{background:url('../images/sub/introduce/camp/event2_bg_con_pz.png')repeat-y 0 0;background-size:100%;}
.event2_content.event_pz_game .event_con:after{background:url('../images/sub/introduce/camp/event2_bg_bottom_pz.png')no-repeat;background-size:100%;}

.event_pz_area{position: relative;margin:12px 0 0 0;height:675px;background:url('../images/sub/introduce/camp/event_pz_bg.png')repeat center 0;text-align: center;}
#event_pz_svg{position: absolute;top:3px;left:15px;width:96%;background:url('../images/sub/introduce/camp/event_pz_img.png')no-repeat;background-size:100%;}
#event_pz_svg .pz{fill-opacity:0;cursor: pointer;}
#event_pz_svg .pz:hover,#event_pz_svg .pz:focus{stroke-width:5;stroke:#000;stroke-opacity: 0.5;}

.pz_title{position: relative;width:100%;height:207px;}
.pz_title.pz_1{background:url('../images/sub/introduce/camp/pz_title1.png')no-repeat;}
.pz_title.pz_2{background:url('../images/sub/introduce/camp/pz_title2.png')no-repeat;}
.pz_title.pz_3{background:url('../images/sub/introduce/camp/pz_title3.png')no-repeat;}
.pz_title.pz_4{background:url('../images/sub/introduce/camp/pz_title4.png')no-repeat;}
#event_pz_link{width:225px;height:215px;background:url('../images/sub/introduce/camp/event_pz_img.png')no-repeat;background-size:100%;}
#event_pz_link .pz{fill-opacity:0;cursor: pointer;}
#event_pz_link .pz:hover,#event_pz_svg .pz:focus{stroke-width:5;stroke:#000;stroke-opacity: 0.5;}


.pz_list dt{margin:10px 0 5px 0;padding:0 0 0 25px;background:url('../images/sub/introduce/camp/pz_list_tt.png')no-repeat 0 3px;color:#4e469c;font-size:15px;font-weight:500;}
.pz_list dt:first-child{margin:0 0 5px 0;}
.pz_list dd{margin:0 0 0 25px;padding:0 0 0 20px;line-height:24px;font-weight:500;font-size:14px;text-indent:-20px;}
.pz_list dd > span{font-weight:inherit;font-size:inherit}

.pz1_tab{margin:20px 0;}
.pz1_tab li{float:left;width:25%;text-align: center;}
.pz1_tab strong{font-size:15px;font-weight:500;}
.pz1_tab .pz_img{margin:5px auto;width:168px;height:180px;background:url('../images/sub/introduce/camp/pz_img_off.png')no-repeat 0 0;}
.pz1_tab li > a{cursor: default;}
.pz1_tab li.open > a{cursor: pointer;}
.pz1_tab .pz_img1{background:url('../images/sub/introduce/camp/pz_img_off.png')0 0;}
.pz1_tab .pz_img2{background:url('../images/sub/introduce/camp/pz_img_off.png')-195px 0;}
.pz1_tab .pz_img3{background:url('../images/sub/introduce/camp/pz_img_off.png')-390px 0;}
.pz1_tab .pz_img4{background:url('../images/sub/introduce/camp/pz_img_off.png')-582px 0;}
.pz1_tab li.open .pz_img1{background:url('../images/sub/introduce/camp/pz_img_on.png')0 0;}
.pz1_tab li.open .pz_img2{background:url('../images/sub/introduce/camp/pz_img_on.png')-195px 0;}
.pz1_tab li.open .pz_img3{background:url('../images/sub/introduce/camp/pz_img_on.png')-390px 0;}
.pz1_tab li.open .pz_img4{background:url('../images/sub/introduce/camp/pz_img_on.png')-582px 0;}
.pz1_tab li.open.on .pz_img{position: relative;}
.pz1_tab li.open.on .pz_img:after{content:"";position: absolute;top:50%;left:50%;transform: translate(-50%,-50%); width:70px;height:70px;background:url('../images/sub/introduce/camp/pz_img_chk.png')no-repeat;background-size:100%;}
.pz1_tab li.close .pz_img1{background:url('../images/sub/introduce/camp/pz_img_close.png')0 0;}
.pz1_tab li.close .pz_img2{background:url('../images/sub/introduce/camp/pz_img_close.png')-195px 0;}
.pz1_tab li.close .pz_img3{background:url('../images/sub/introduce/camp/pz_img_close.png')-390px 0;}
.pz1_tab li.close .pz_img4{background:url('../images/sub/introduce/camp/pz_img_close.png')-582px 0;}
.pz1_tab span{color:#444;font-size:13px;}

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.pz_game_area{position: relative;}
.pz_game_bg{z-index: -1;}
.pz_game_bg.pz_mb{display:none;}
/* 초시 */
.pz_input_area {position: absolute;top:250px;left:95px;z-index: 1;}
.pz_input_area input{position: absolute;top:0;left:0;padding:0;width:75px;height:75px;background:rgba(255,255,255,0);border:0;border-radius: 8px;font-size:45px;font-weight:700;text-align: center;font-family: 'Nanum Myeongjo', serif;}
.pz_input_area input:hover,.pz_input_area input:active{border:1px solid #1647aa;}
.pz_input_area .pz1{top:10px;left:88px;}
.pz_input_area .pz2{top:85px;left:12px;}
.pz_input_area .pz3{top:85px;left:88px;}
.pz_input_area .pz4{top:85px;left:165px;}
.pz_input_area .pz5{top:85px;left:243px;}
.pz_input_area .pz6{top:162px;left:88px;}
.pz_input_area .pz7{top:162px;left:243px}
.pz_input_area .pz8{top:238px;left:88px;}
.pz_input_area .pz9{top:238px;left:243px;}
.pz_input_area .pz10{top:315px;left:243px;}
.pz_input_area .pz11{top:392px;left:243px;}
.pz_input_area .pz12{top:392px;left:319px;}
.pz_input_area .pz13{top:392px;left:395px;}
.pz_input_area .pz14{top:392px;left:472px;}

/* 복시 */
.pz_input_area.pz_area2 {position: absolute;top:255px;left:70px;z-index: 1;}
.pz_input_area.pz_area2 input{position: absolute;top:0;left:0;padding:0;width:60px;height:60px;background:rgba(255,255,255,0);border:0;border-radius: 8px;font-size:45px;font-weight:700;text-align: center;font-family: 'Nanum Myeongjo', serif;}
.pz_input_area.pz_area2 input:hover,.pz_input_area.pz_area2 input:active{border:1px solid #1647aa;}
.pz_input_area.pz_area2 .pz1{top:12px;left:12px;}
.pz_input_area.pz_area2 .pz2{top:12px;left: 77px;}
.pz_input_area.pz_area2 .pz3{top:12px;left: 142px;}
.pz_input_area.pz_area2 .pz4{top:12px;left: 207px;}
.pz_input_area.pz_area2 .pz5{top:12px;left: 272px;}
.pz_input_area.pz_area2 .pz6{top:12px;left: 336px;}

.pz_input_area.pz_area2 .pz7{top:77px;left: 207px;}
.pz_input_area.pz_area2 .pz8{top:142px;left: 207px;}
.pz_input_area.pz_area2 .pz9{top:207px;left: 207px;}

.pz_input_area.pz_area2 .pz10{top:142px;left: 272px;}
.pz_input_area.pz_area2 .pz11{top:142px;left: 336px;}
.pz_input_area.pz_area2 .pz12{top:142px;left: 400px;}

.pz_input_area.pz_area2 .pz13{top:207px;left: 336px;}
.pz_input_area.pz_area2 .pz14{top:270px;left: 336px;}
.pz_input_area.pz_area2 .pz15{top:336px;left: 336px;}
.pz_input_area.pz_area2 .pz16{top:400px;left: 336px;}
.pz_input_area.pz_area2 .pz17{top:465px;left: 336px;}

.pz_input_area.pz_area2 .pz18{top:465px;left: 12px;}
.pz_input_area.pz_area2 .pz19{top:465px;left: 77px;}
.pz_input_area.pz_area2 .pz20{top:465px;left: 142px;}
.pz_input_area.pz_area2 .pz21{top:465px;left: 207px;}
.pz_input_area.pz_area2 .pz22{top:465px;left: 272px;}
.pz_input_area.pz_area2 .pz23{top:465px;left: 400px;}
.pz_input_area.pz_area2 .pz24{top:465px;left: 465px;}

.pz_input_area.pz_area2 .pz25{top:270px;left: 142px;}
.pz_input_area.pz_area2 .pz26{top:336px;left: 142px;}
.pz_input_area.pz_area2 .pz27{top:400px;left: 142px;}
.pz_input_area.pz_area2 .pz28{top:530px;left: 142px;}


/* 전시 */
.pz_input_area.pz_area3 {position: absolute;top:274px;left:43px;z-index: 1;}
.pz_input_area.pz_area3 input{position: absolute;top:0;left:0;padding:0;width:60px;height:60px;background:rgba(255,255,255,0);border:0;border-radius: 8px;font-size:45px;font-weight:700;text-align: center;font-family: 'Nanum Myeongjo', serif;}
.pz_input_area.pz_area3 input:hover,.pz_input_area.pz_area3 input:active{border:1px solid #1647aa;}
.pz_input_area.pz_area3 .pz1{top:124px;left:119px;}
.pz_input_area.pz_area3 .pz2{top: 188px;left:119px;}
.pz_input_area.pz_area3 .pz3{top: 249px;left:119px;}
.pz_input_area.pz_area3 .pz4{top: 310px;left:119px;}
.pz_input_area.pz_area3 .pz5{top: 373px;left:119px;}
.pz_input_area.pz_area3 .pz6{top: 435px;left:119px;}
.pz_input_area.pz_area3 .pz7{top: 497px;left:119px;}
.pz_input_area.pz_area3 .pz8{top: 560px;left:119px;}

.pz_input_area.pz_area3 .pz9{top: 249px;left:0;}
.pz_input_area.pz_area3 .pz10{top: 249px;left: 61px;}
.pz_input_area.pz_area3 .pz11{top: 249px;left: 181px;}
.pz_input_area.pz_area3 .pz12{top: 249px;left: 242px;}
.pz_input_area.pz_area3 .pz13{top: 249px;left: 303px;}
.pz_input_area.pz_area3 .pz14{top: 249px;left: 364px;}
.pz_input_area.pz_area3 .pz15{top: 249px;left: 425px;}

.pz_input_area.pz_area3 .pz16{top: 186px;left: 425px;}
.pz_input_area.pz_area3 .pz17{top: 310px;left: 425px;}
.pz_input_area.pz_area3 .pz18{top: 373px;left: 425px;}
.pz_input_area.pz_area3 .pz19{top: 435px;left: 425px;}
.pz_input_area.pz_area3 .pz20{top: 497px;left: 425px;}
.pz_input_area.pz_area3 .pz21{top: 560px;left: 425px;}
.pz_input_area.pz_area3 .pz22{top: 622px;left: 425px;}

.pz_input_area.pz_area3 .pz23{top: 0;left: 0;}
.pz_input_area.pz_area3 .pz24{top: 62px;left: 0;}
.pz_input_area.pz_area3 .pz25{top: 124px;left: 0;}
.pz_input_area.pz_area3 .pz26{top: 188px;left: 0;}
.pz_input_area.pz_area3 .pz27{top: 310px;left: 0;}
.pz_input_area.pz_area3 .pz28{top: 373px;left: 0;}
.pz_input_area.pz_area3 .pz29{top: 435px;left: 0;}

.pz_input_area.pz_area3 .pz30{top: 62px;left: 303px;}
.pz_input_area.pz_area3 .pz31{top: 124px;left: 303px;}
.pz_input_area.pz_area3 .pz32{top: 188px;left: 303px;}
.pz_input_area.pz_area3 .pz33{top: 310px;left: 303px;}
.pz_input_area.pz_area3 .pz34{top: 373px;left: 303px;}

.pz_input_area.pz_area3 .pz35{top: 62px;left: 364px;}
.pz_input_area.pz_area3 .pz36{top: 62px;left: 425px;}
.pz_input_area.pz_area3 .pz37{top: 62px;left: 488px;}
.pz_input_area.pz_area3 .pz38{top: 62px;left: 548px;}
.pz_input_area.pz_area3 .pz39{top: 62px;left: 609px;}

.pz_input_area.pz_area3 .pz40{top: 124px;left: 609px;}
.pz_input_area.pz_area3 .pz41{top: 188px;left: 609px;}
.pz_input_area.pz_area3 .pz42{top: 249px;left: 609px;}
.pz_input_area.pz_area3 .pz43{top: 310px;left: 609px;}
.pz_input_area.pz_area3 .pz44{top: 373px;left: 609px;}
.pz_input_area.pz_area3 .pz45{top: 435px;left: 609px;}

.pz_input_area.pz_area3 .pz46{top: 560px;left: 303px;}
.pz_input_area.pz_area3 .pz47{top: 560px;left: 364px;}
.pz_input_area.pz_area3 .pz48{top: 560px;left: 488px;}


/* 장원 */
.pz_input_area.pz_area4 {position: absolute;top:253px;left:18px;z-index: 1;}
.pz_input_area.pz_area4 input{position: absolute;top:0;left:0;padding:0;width:53px;height:53px;background:rgba(255,255,255,0);border:0;border-radius: 8px;font-size:45px;font-weight:700;text-align: center;font-family: 'Nanum Myeongjo', serif;}
.pz_input_area.pz_area4 input:hover,.pz_input_area.pz_area4 input:active{border:1px solid #1647aa;}
.pz_input_area.pz_area4 .pz1{top:55px;left:278px;}
.pz_input_area.pz_area4 .pz2{top:109px;left:278px;}
.pz_input_area.pz_area4 .pz3{top: 165px;left:278px;}
.pz_input_area.pz_area4 .pz4{top: 219px;left:278px;}
.pz_input_area.pz_area4 .pz5{top: 275px;left:278px;}
.pz_input_area.pz_area4 .pz6{top: 330px;left:278px;}
.pz_input_area.pz_area4 .pz7{top: 384px;left:278px;}
.pz_input_area.pz_area4 .pz8{top: 440px;left:278px;}
.pz_input_area.pz_area4 .pz9{top: 493px;left:278px;}

.pz_input_area.pz_area4 .pz10{top: 165px;left:167px;}
.pz_input_area.pz_area4 .pz11{top: 165px;left: 222px;}
.pz_input_area.pz_area4 .pz12{top: 165px;left: 333px;}
.pz_input_area.pz_area4 .pz13{top: 165px;left: 388px;}
.pz_input_area.pz_area4 .pz14{top: 165px;left: 443px;}
.pz_input_area.pz_area4 .pz15{top: 165px;left: 499px;}
.pz_input_area.pz_area4 .pz16{top: 165px;left: 554px;}
.pz_input_area.pz_area4 .pz17{top: 165px;left: 610px;}

.pz_input_area.pz_area4 .pz18{top: 0;left: 388px;}
.pz_input_area.pz_area4 .pz19{top: 55px;left: 388px;}
.pz_input_area.pz_area4 .pz20{top: 109px;left: 388px;}

.pz_input_area.pz_area4 .pz21{top: 109px;left: 499px;}
.pz_input_area.pz_area4 .pz22{top: 219px;left: 499px;}
.pz_input_area.pz_area4 .pz23{top: 275px;left: 499px;}

.pz_input_area.pz_area4 .pz24{top: 55px;left: 610px;}
.pz_input_area.pz_area4 .pz25{top: 109px;left: 610px;}
.pz_input_area.pz_area4 .pz26{top: 219px;left: 610px;}
.pz_input_area.pz_area4 .pz27{top: 275px;left: 610px;}
.pz_input_area.pz_area4 .pz28{top: 330px;left: 610px;}
.pz_input_area.pz_area4 .pz29{top: 384px;left: 610px;}

.pz_input_area.pz_area4 .pz30{top: 384px;left: 443px;}
.pz_input_area.pz_area4 .pz31{top: 384px;left: 499px;}
.pz_input_area.pz_area4 .pz32{top: 384px;left: 554px;}

.pz_input_area.pz_area4 .pz33{top: 330px;left: 167px;}
.pz_input_area.pz_area4 .pz34{top: 330px;left: 222px;}
.pz_input_area.pz_area4 .pz35{top: 330px;left: 333px;}

.pz_input_area.pz_area4 .pz36{top: 440px;left: 56px;}
.pz_input_area.pz_area4 .pz37{top: 440px;left: 111px;}
.pz_input_area.pz_area4 .pz38{top: 440px;left: 167px;}
.pz_input_area.pz_area4 .pz39{top: 440px;left: 222px;}
.pz_input_area.pz_area4 .pz40{top: 440px;left: 333px;}

.pz_input_area.pz_area4 .pz41{top: 493px;left: 111px;}
.pz_input_area.pz_area4 .pz42{top: 549px;left: 111px;}
.pz_input_area.pz_area4 .pz43{top: 606px;left: 111px;}

.pz_input_area.pz_area4 .pz44{top: 606px;left: 167px;}
.pz_input_area.pz_area4 .pz45{top: 606px;left: 222px;}
.pz_input_area.pz_area4 .pz46{top: 606px;left: 278px;}



.pz_hint{margin:20px 0 0 0;}
.pz_hint li{margin:0 0 20px 0;padding:0 0 0 35px;line-height:1em;text-indent:-35px;word-break:keep-all;}
.pz_hint .num{display:inline-block;width:30px;height:30px;line-height:30px;background:#f95d7f;border-radius: 50%; color:#fff;font-size:18px;text-align: center;text-indent:0;vertical-align: middle;}
.pz_hint .num.hor{background: #2856ff;}
.pz_hint li:last-chlid{margin:0;}

.event2PhotoSlider{position: relative;}
.event2PhotoSlider>div{margin:0 auto;width:calc(100% - 70px);overflow: hidden;}
.event2PhotoSlider li{float:left;margin:0 5px;width:25%;height:150px;overflow: hidden;box-sizing: border-box;text-align: left;}
.event2PhotoSlider li img{width:100%;vertical-align: middle;}
.event2PhotoSlider .slick-arrow{position: absolute;top:50%;transform: translateY(-50%); width:34px;height:34px;text-indent:-9999px;background:url('../images/sub/introduce/camp/eve_arrow.png')no-repeat;border:0;}
.event2PhotoSlider .slick-prev{left:0;}
.event2PhotoSlider .slick-next{right:0;background-position: -34px 0;}

/* 무한톡전 */
.capture_img{margin:10px 0 10px 0;}
.capture_img > div{float:left;width:33.33%;}
.capture_img > div img{width:100%;}
.capture_img > div span{display:block;margin:5px 0 0 0;font-size:13px;color:#444;}

/* 특종 */
.eve_news > div{float:left;width:50%;box-sizing:border-box}
.eve_news .mv img{width:100%;}
.eve_news .txt{padding:0 0 0 10px;}
.eve_news .txt .tt{display:block;margin-top:60px;font-size:15px;font-weight:500;}
.eve_news .txt .date{display:block;margin:10px 0 20px 0;font-size:12px;color:#777;}
.eve_news .txt p{max-height:65px;overflow:hidden;font-size:14px;color:#777;}


/* 3차 캠페인  */
@font-face {
  font-family: 'ChosunGs';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGs.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.camp3_frame{margin:50px 0 0 0;}
.camp3_frame li{float:left;width:33.33%;}
.camp3_frame .title_area img{margin-top:70px;}

.camp3_frame li>div{position: relative;padding:30px 25px;width:320px;height:285px;background: url('../images/sub/introduce/camp/camp_e3_frame.png')no-repeat center;box-sizing: border-box;text-align: left; word-break: keep-all;}
.camp3_frame li>div>p{padding-left:30px;line-height: 22px;text-indent:-30px; font-family: 'ChosunGs';font-size:16px !important;}
.camp3_frame li>div b{font-weight:bold;font-family: inherit;font-size:17px !important;}
.camp3_frame .name{position: absolute;bottom:30px;right:30px;color:#444;}
.camp3_frame .name em{margin:0 5px 0 0; font-family: 'ChosunGs';font-size:13px;}

.camp3_frame.sahengshi .f1>div{padding-top:80px;}
.camp3_frame.chosong li>div{padding-top:70px;}
.camp3_frame.jangpheon li>div>p{padding-left:0px;line-height: 22px;text-indent:0px; font-family: 'ChosunGs';font-size:16px !important;}

.camp3_frame2 li{float:left;width:16.66%;}
.camp3_frame2 .title_area{width:66%;}
.camp3_frame2 li>div{margin:5px auto;width:166px;height:108px;background: url('../images/sub/introduce/camp/camp_e3_frame2.png')no-repeat center;box-sizing: border-box;line-height:108px;font-size:30px;font-family: 'ChosunGs';}

.camp3_frame3 li{float:left;width:50%;}
.camp3_frame3 .title_area{text-align: right;}
.camp3_frame3 .title_area img{margin:54px 40px 0 0;}
.camp3_frame3 .name div{position: relative;margin:0 0 0 40px; width:252px;height:192px;background:url('../images/sub/introduce/camp/camp_e_talk_king.png')no-repeat;}
.camp3_frame3 .name div>span{position: absolute;bottom:16px;left:50%;transform: translateX(-50%);font-size:20px;font-family: 'ChosunGs';}
.talk_img_area{text-align: center;}

.camp3_e_banner li{float:left;width:50%;}
.camp3_e_banner li img{width:100%;}

/*================미디어 쿼리 시작============*/
/*=====================
모바일 퍼스트 : min-width / 데스크탑 퍼스트 : max-width
=======================*/
@media all and (max-width:1600px){/* PC사이즈 1600 이하*/
}
@media all and (max-width:1400px){/* PC사이즈 1400 이하*/

}
@media all and (max-width:1253px){/* 디폴트 사이즈 이하 (PC사이즈) */
.event_top{width:90%;background-size:100%;}
.event_con{width:90%;background-size:100%;}
.event_con:after{width:100%;background-size:100%;}
/* .event_pz_area{overflow: scroll;} */

.pz_game_area{overflow: scroll;}

/* 3차 캠페인  */
.camp3_frame li{width:50%;}
.camp3_frame .title_area img{display:block;margin:80px 50px 0 auto;}
.camp3_frame li:nth-child(2n-1) div{margin:5px 0 5px auto}
.camp3_frame li:nth-child(2n) div{margin:5px auto 5px 0;}
.camp3_frame2 .title_area{width:100%;}
.camp3_frame2 li{width:25%;}
}

@media all and (max-width:1224px){/*데스크탑 브라우저 가로*/
  /* 내정보 지킴이 캠페인 히스토리*/
  /* 20201005(s) */
.history_list .history_box .poster_box>div{width:100%;}
/* 20201005(e) */
}

@media all and (max-width:1024px){/*태블릿 가로*/

  /* 캠페인 */
  .card_news_list .card_img{height:auto;max-height: 300px;}
  .card_news_list .card_box .detail_go p{padding:10px 40px 10px 10px;font-size:13px;}

  .pz_title{height:180px;background-size:100% !important;}
  #event_pz_link{width:190px;height:180px}



}

@media all and (max-width:900px){
  /* 캠페인 */
  .card_news_list .card_img{max-height: 248px;}
   .webtoon_box img{max-width: auto;width:100%;}
   /* 20200925 (s)*/
  /*지킬앤가이드 캐릭터 페이지*/
  .character_intro_wrap .intro_title img{height:100px}
  .character_intro_wrap .intro_img img{height:300px}
  .character_intro_wrap > p{font-size:15px;}
  .character_list .img_area{padding:0;width:40%;text-align: center;}
  .character_list .img_area img{width:70%;}
  .character_list .txt_area{width:60%}
  .character_list .txt_area b{font-size:20px;}
  .character_list .txt_area h4{font-size:15px;}
  /*20200925(e)*/

  .event2_gnb{right:-78px}
  .event2_gnb li{margin:0 0 15px 0;}
  .event2_gnb li a{width:100px;height:45px;background-size:cover;}
  .event2_gnb li .m1{background-position: 0 0;}
  .event2_gnb li .m2{background-position: 0 -50px;}
  .event2_gnb li .m3{background-position: 0 -100px;}
  .event2_gnb li .m4{background-position: 0 -150px;}
  .event2_gnb li .m5{background-position: 0 -200px;}
  .event2_gnb li .m6{background-position: 0 -250px;}
  .event2_gnb li.on .m1{background-position: 0 -327px;}
  .event2_gnb li.on .m2{background-position: 0 -378px;}
  .event2_gnb li.on .m3{background-position: 0 -426px;}
  .event2_gnb li.on .m4{background-position: 0 -477px;}
  .event2_gnb li.on .m5{background-position: 0 -529px;}
  .event2_gnb li.on .m6{background-position: 0 -579px;}

  .pz_title{height:auto;}

  .pz1_tab .pz_img{width:130px;height:135px;}
  .pz1_tab .pz_img1{background-size:440%;}
  .pz1_tab .pz_img2{background-size:440%;background-position: -148px 0;}
  .pz1_tab .pz_img3{background-size:440%;background-position: -296px 0;}
  .pz1_tab .pz_img4{background-size:440%;background-position: -444px 0;}
  .pz1_tab li.open .pz_img1,.pz1_tab li.close .pz_img1{background-size:440%;}
  .pz1_tab li.open .pz_img2,.pz1_tab li.close .pz_img2{background-size:440%;background-position: -147px 0;}
  .pz1_tab li.open .pz_img3,.pz1_tab li.close .pz_img3{background-size:440%;background-position: -296px 0;}
  .pz1_tab li.open .pz_img4,.pz1_tab li.close .pz_img4{background-size:440%;background-position: -444px 0;}
  

  .pz_game_bg{width:580px;}
  /* 초시 */
  .pz_input_area{top:190px;left:70px;}
  .pz_input_area input{width:58px;height:58px;}
  .pz_input_area .pz1{top:10px;left:72px;}
  .pz_input_area .pz2{top:70px;left:12px;}
  .pz_input_area .pz3{top:70px;left:72px;}
  .pz_input_area .pz4{top:70px;left:133px;}
  .pz_input_area .pz5{top:70px;left:194px;}
  .pz_input_area .pz6{top:130px;left:72px;}
  .pz_input_area .pz7{top:130px;left:194px}
  .pz_input_area .pz8{top:189px;left:72px;}
  .pz_input_area .pz9{top:189px;left:194px;}
  .pz_input_area .pz10{top:250px;left:194px;}
  .pz_input_area .pz11{top:310px;left:194px;}
  .pz_input_area .pz12{top:310px;left:253px;}
  .pz_input_area .pz13{top:310px;left:312px;}
  .pz_input_area .pz14{top:310px;left:372px;}

  /* 복시 */
  .pz_input_area.pz_area2{top:205px;left:64px;}
  .pz_input_area.pz_area2 input{width:48px;height:48px;}
  .pz_input_area.pz_area2 .pz1{top:0;left:0;}
  .pz_input_area.pz_area2 .pz2{top:0;left: 50px;}
  .pz_input_area.pz_area2 .pz3{top:0;left: 100px;}
  .pz_input_area.pz_area2 .pz4{top:0;left: 150px;}
  .pz_input_area.pz_area2 .pz5{top:0;left: 200px;}
  .pz_input_area.pz_area2 .pz6{top:0;left: 250px;}

  .pz_input_area.pz_area2 .pz7{top:50px;left: 150px;}
  .pz_input_area.pz_area2 .pz8{top:100px;left: 150px;}
  .pz_input_area.pz_area2 .pz9{top:150px;left: 150px;}

  .pz_input_area.pz_area2 .pz10{top:100px;left: 200px;}
  .pz_input_area.pz_area2 .pz11{top:100px;left: 250px;}
  .pz_input_area.pz_area2 .pz12{top:100px;left: 300px;}

  .pz_input_area.pz_area2 .pz13{top:150px;left: 250px;}
  .pz_input_area.pz_area2 .pz14{top:200px;left: 250px;}
  .pz_input_area.pz_area2 .pz15{top:250px;left: 250px;}
  .pz_input_area.pz_area2 .pz16{top:300px;left: 250px;}
  .pz_input_area.pz_area2 .pz17{top:350px;left: 250px;}

  .pz_input_area.pz_area2 .pz18{top:350px;left: 0px;}
  .pz_input_area.pz_area2 .pz19{top:350px;left: 50px;}
  .pz_input_area.pz_area2 .pz20{top:350px;left: 100px;}
  .pz_input_area.pz_area2 .pz21{top:350px;left: 150px;}
  .pz_input_area.pz_area2 .pz22{top:350px;left: 200px;}
  .pz_input_area.pz_area2 .pz23{top:350px;left: 300px;}
  .pz_input_area.pz_area2 .pz24{top:350px;left: 350px;}

  .pz_input_area.pz_area2 .pz25{top:200px;left: 100px;}
  .pz_input_area.pz_area2 .pz26{top:250px;left: 100px;}
  .pz_input_area.pz_area2 .pz27{top:300px;left: 100px;}
  .pz_input_area.pz_area2 .pz28{top:400px;left: 100px;} 
  
  /* 전시 */
.pz_input_area.pz_area3 {top:212px;left:33px;}
.pz_input_area.pz_area3 input{width:44px;height:44px;font-size:30px;}
.pz_input_area.pz_area3 .pz1{top:96px;left:94px;}
.pz_input_area.pz_area3 .pz2{top: 145px;left:94px;}
.pz_input_area.pz_area3 .pz3{top: 193px;left:94px;}
.pz_input_area.pz_area3 .pz4{top: 240px;left:94px;}
.pz_input_area.pz_area3 .pz5{top: 289px;left:94px;}
.pz_input_area.pz_area3 .pz6{top: 337px;left:94px;}
.pz_input_area.pz_area3 .pz7{top: 385px;left:94px;}
.pz_input_area.pz_area3 .pz8{top: 434px;left:94px;}

.pz_input_area.pz_area3 .pz9{top: 193px;left:0;}
.pz_input_area.pz_area3 .pz10{top: 193px;left: 48px;}
.pz_input_area.pz_area3 .pz11{top: 193px;left: 142px;}
.pz_input_area.pz_area3 .pz12{top: 193px;left: 189px;}
.pz_input_area.pz_area3 .pz13{top: 193px;left: 236px;}
.pz_input_area.pz_area3 .pz14{top: 193px;left: 284px;}
.pz_input_area.pz_area3 .pz15{top: 193px;left: 330px;}

.pz_input_area.pz_area3 .pz16{top: 145px;left: 330px;}
.pz_input_area.pz_area3 .pz17{top: 240px;left: 330px;}
.pz_input_area.pz_area3 .pz18{top: 289px;left: 330px;}
.pz_input_area.pz_area3 .pz19{top: 337px;left: 330px;}
.pz_input_area.pz_area3 .pz20{top: 385px;left: 330px;}
.pz_input_area.pz_area3 .pz21{top: 434px;left: 330px;}
.pz_input_area.pz_area3 .pz22{top: 482px;left: 330px;}

.pz_input_area.pz_area3 .pz23{top: 0;left: 0;}
.pz_input_area.pz_area3 .pz24{top: 49px;left: 0;}
.pz_input_area.pz_area3 .pz25{top: 96px;left: 0;}
.pz_input_area.pz_area3 .pz26{top: 145px;left: 0;}
.pz_input_area.pz_area3 .pz27{top: 240px;left: 0;}
.pz_input_area.pz_area3 .pz28{top: 289px;left: 0;}
.pz_input_area.pz_area3 .pz29{top: 337px;left: 0;}

.pz_input_area.pz_area3 .pz30{top: 49px;left: 236px;}
.pz_input_area.pz_area3 .pz31{top: 96px;left: 236px;}
.pz_input_area.pz_area3 .pz32{top: 145px;left: 236px;}
.pz_input_area.pz_area3 .pz33{top: 240px;left: 236px;}
.pz_input_area.pz_area3 .pz34{top: 289px;left: 236px;}

.pz_input_area.pz_area3 .pz35{top: 49px;left: 284px;}
.pz_input_area.pz_area3 .pz36{top: 49px;left: 330px;}
.pz_input_area.pz_area3 .pz37{top: 49px;left: 378px;}
.pz_input_area.pz_area3 .pz38{top: 49px;left: 424px;}
.pz_input_area.pz_area3 .pz39{top: 49px;left: 471px;}

.pz_input_area.pz_area3 .pz40{top: 96px;left: 471px;}
.pz_input_area.pz_area3 .pz41{top: 145px;left: 471px;}
.pz_input_area.pz_area3 .pz42{top: 193px;left: 471px;}
.pz_input_area.pz_area3 .pz43{top: 240px;left: 471px;}
.pz_input_area.pz_area3 .pz44{top: 289px;left: 471px;}
.pz_input_area.pz_area3 .pz45{top: 337px;left: 471px;}

.pz_input_area.pz_area3 .pz46{top: 434px;left: 236px;}
.pz_input_area.pz_area3 .pz47{top: 434px;left: 284px;}
.pz_input_area.pz_area3 .pz48{top: 434px;left: 378px;}

/* 장원 */
.pz_input_area.pz_area4 {top:195px;left:0;}
.pz_input_area.pz_area4 input{width:42px;height:42px;}

.pz_input_area.pz_area4 .pz1{top:41px;left:229px;}
.pz_input_area.pz_area4 .pz2{top: 85px;left:229px;}
.pz_input_area.pz_area4 .pz3{top: 128px;left:229px;}
.pz_input_area.pz_area4 .pz4{top: 170px;left:229px;}
.pz_input_area.pz_area4 .pz5{top: 211px;left:229px;}
.pz_input_area.pz_area4 .pz6{top: 255px;left:229px;}
.pz_input_area.pz_area4 .pz7{top: 298px;left:229px;}
.pz_input_area.pz_area4 .pz8{top: 340px;left:229px;}
.pz_input_area.pz_area4 .pz9{top: 383px;left:229px;}

.pz_input_area.pz_area4 .pz10{top: 128px;left: 142px;}
.pz_input_area.pz_area4 .pz11{top: 128px;left: 186px;}
.pz_input_area.pz_area4 .pz12{top: 128px;left: 271px;}
.pz_input_area.pz_area4 .pz13{top: 128px;left: 313px;}
.pz_input_area.pz_area4 .pz14{top: 128px;left: 356px;}
.pz_input_area.pz_area4 .pz15{top: 128px;left: 398px;}
.pz_input_area.pz_area4 .pz16{top: 128px;left: 442px;}
.pz_input_area.pz_area4 .pz17{top: 128px;left: 485px;}

.pz_input_area.pz_area4 .pz18{top: 0;left: 313px;}
.pz_input_area.pz_area4 .pz19{top: 41px;left: 313px;}
.pz_input_area.pz_area4 .pz20{top: 85px;left: 313px;}

.pz_input_area.pz_area4 .pz21{top: 85px;left: 398px;}
.pz_input_area.pz_area4 .pz22{top: 170px;left: 398px;}
.pz_input_area.pz_area4 .pz23{top: 211px;left: 398px;}

.pz_input_area.pz_area4 .pz24{top: 41px;left: 485px;}
.pz_input_area.pz_area4 .pz25{top: 85px;left: 485px;}
.pz_input_area.pz_area4 .pz26{top: 170px;left: 485px;}
.pz_input_area.pz_area4 .pz27{top: 211px;left: 485px;}
.pz_input_area.pz_area4 .pz28{top: 255px;left: 485px;}
.pz_input_area.pz_area4 .pz29{top: 298px;left: 485px;}

.pz_input_area.pz_area4 .pz30{top: 298px;left: 356px;}
.pz_input_area.pz_area4 .pz31{top: 298px;left: 398px;}
.pz_input_area.pz_area4 .pz32{top: 298px;left: 442px;}

.pz_input_area.pz_area4 .pz33{top: 255px;left: 142px;}
.pz_input_area.pz_area4 .pz34{top: 255px;left: 186px;}
.pz_input_area.pz_area4 .pz35{top: 255px;left: 271px;}

.pz_input_area.pz_area4 .pz36{top: 340px;left: 56px;}
.pz_input_area.pz_area4 .pz37{top: 340px;left: 99px;}
.pz_input_area.pz_area4 .pz38{top: 340px;left: 142px;}
.pz_input_area.pz_area4 .pz39{top: 340px;left: 186px;}
.pz_input_area.pz_area4 .pz40{top: 340px;left: 271px;}

.pz_input_area.pz_area4 .pz41{top: 383px;left: 99px;}
.pz_input_area.pz_area4 .pz42{top: 425px;left: 99px;}
.pz_input_area.pz_area4 .pz43{top: 467px;left: 99px;}

.pz_input_area.pz_area4 .pz44{top: 467px;left: 142px;}
.pz_input_area.pz_area4 .pz45{top: 467px;left: 186px;}
.pz_input_area.pz_area4 .pz46{top: 467px;left: 229px;}
}

@media all and (max-width:768px){/*태블릿 세로*/

  /* 캠페인 */
  .card_news_list li{width:50%;}
  .card_news_list .card_img{max-height: 300px;}
  .card_news_list li:nth-child(2n) .card_box{margin-right:0;}
  .card_news_list li:nth-child(3n) .card_box{margin-right:15px;}
  .video_wrp .ani_thum_img{height:190px;}/*20201005*/

  /*캠페인 히스토리*/
  /* 20201005(s) */
  .history_list .history_box .poster_box{padding-left:0;padding-right:0;width:40%;}
  .history_list .history_box .txt_box{padding-left: 15px;padding-right:15px;width:60%;}
  .history_list .history_box>div{padding-right:0;padding-left:0;}
  .history_list .history_box .right{border:0;}
  .history_list .history_box .right:before{display:none;}
  /* 20201005(e) */


  .event2_content{padding:30px 0;}
}


@media all and (max-width:640px){/*모바일 가로*/


  /* 캠페인 */
  /* 20200917(s) */
	/*   .animation_wrp .script_tab .txt,.animation_wrp .ani_s .ani_thum .txt p{font-size: 13px;} */
  .video_wrp li{width:50%;}
  /* 20200917(e) */
  .card_news_list .card_img{max-height: 240px;}
  .card_news_list .card_name{padding:10px;}
  .card_news_list .card_name p{font-size:13px;}
  .card_news_detail li{width:auto;}

  /* 캠페인히스토리 */
  /*20201005(s)*/
  .history_list .history_box>div{float: inherit;width:100% !important;}
  .history_list .history_box .txt_box{padding:10px 0 40px 0;}
  .history_list .history_box .poster_box{padding:0 !important;text-align: center !important;}
  .history_list .history_box .poster_box>div{width:280px;}
  .history_list .history_box:nth-child(2){position: relative;padding-top:440px;}
  .history_list .history_box:nth-child(2) .poster_box{position: absolute;top:0;}
  /* 20201005(e) */

  
  .event2_gnb{position: absolute;right:auto;top:-52px;left:0;width:100%;}
  .event2_gnb li{margin:0;float:left;width:16.6%}
  .event2_gnb li a{margin:0 1px 10px 1px;background-image:none;text-indent:0;width:auto;line-height:45px;background:#777;color:#fff;text-align: center;font-size:13px;}
  .event2_gnb li.on a{background-image:none;background:#1A8098;color:#fff;}
  .event_top,.event_con{width:100%;}
  .event_top{margin:30px 0 0 0 ;padding:35px 0 0 10px;}
  .event_top>.inner{width:95%;}
  .event2_content.main .event_top{padding:0;}
  .event2_content.main .event_con{padding:0;}
  .event_con{padding:10px 25px 10px 10px}

  #event_pz_svg{top:0px;left:0;width:100%;}
  .event_pz_area{height:540px;}

  .cardnews_popup .card_list{width:100%;}

  /* 3차 캠페인  */
.camp3_frame{margin:20px 0 0 0 ;}
.camp3_frame li{width:100% !important;}
.camp3_frame .title_area{margin:0 0 20px 0 ;}
.camp3_frame .title_area img,.camp3_frame li>div{margin:5px auto !important;}
.camp3_frame2 li{width:33.33%;}
.camp3_frame3 li{float: inherit; width:100%;text-align: center !important;}
.camp3_frame3 li img,.camp3_frame3 .name div{margin:0 auto 10px auto !important;}
.talk_img_area{margin-top:10px !important;}
}


@media all and (max-width:576px){/*모바일 가로*/


  /* 캠페인 */
  .card_news_list li{width:100%;}
  .card_news_list .card_box{margin-right:0 !important;}
  .card_news_list .card_img{max-height: inherit;}

   /*20200925(s)*/
  /*지킬앤가이드 캐릭터 페이지*/
  .character_intro_wrap .intro_title img{width:90%;height:auto;}
  .character_intro_wrap .intro_img img{width:90%;height:auto;}
  .character_intro_wrap > p{margin: 30px 0 0 0 !important;}
  .character_list>li>div{float: inherit;width:100% !important;}
  .character_list .img_area img{width:auto;height:200px;}
  .character_list .txt_area{margin:30px 0 0 0;}
  .character_list .txt_area b{font-size:17px;}
  .character_list .txt_area h4{margin:5px 0 0 0;}
  .character_list .txt_area dt{width:90px;}
  .character_list .txt_area dd{width:calc(100% - 95px);}
  .character_list .keyword li{padding:8px 12px;margin:0 3px 0 0;border-radius: 16px; font-size:12px;}
  /*20200925(e)*/

  .event_top:after{content:"";position: absolute;top:30px;left:0;width:100%;height:100px;background: url(../images/sub/introduce/camp/event2_bg_con.png)repeat-y 0 0;background-size:100%;z-index: -1;}

  .event_top>.inner{height:auto;}
  .event_top .eve_page{width:100%;font-size:17px;text-align: left;}
  .event_top .eve_page .num{margin:0 10px 0 0;}
  .event_top .eve_depth{display:none;}

  .eve_inner{padding:10px 5px;}
  .pz_link{padding-top:100px;}
  #event_pz_link{width:300px;height:285px;}

  .col_row.row2 li{margin:0 0 20px 0;float:inherit;width:100%;}
  
  .eve_view_mv>div{float:inherit;width:100% !important;}
  .eve_view_mv .char{margin:10px auto;width:120px;}
  .eve_view_mv.view_r{position: relative;}
  .eve_view_mv.view_r .left{padding-top:110px;}
  .eve_view_mv.view_r .right{position: absolute;top:0;}
  .eve_view_mv .char.mgt45{margin:10px auto !important;}

  .pz1_tab .pz_img{width:75px;height:75px;}
  .pz1_tab .pz_img1{background-size:415% !important;}
  .pz1_tab .pz_img2{background-size:415%;background-position: -78px 0 !important;}
  .pz1_tab .pz_img3{background-size:415%;background-position: -160px 0 !important;}
  .pz1_tab .pz_img4{background-size:415%;background-position: -238px 0 !important;}
  .pz1_tab li.open .pz_img1{background-size:415% !important;}
  .pz1_tab li.open .pz_img2{background-size:415%;background-position: -78px 0 !important;}
  .pz1_tab li.open .pz_img3{background-size:415%;background-position: -160px 0 !important;}
  .pz1_tab li.open .pz_img4{background-size:415%;background-position: -238px 0 !important;}
  .pz1_tab li.open.on .pz_img:after{width:50px;height:50px;}

  /* 캠페인3차 */
  .camp3_frame2 li{width:50%;}
}

@media all and (max-width:414px){/*아이폰플러스 시리즈*/
  /* 캠페인 */
  /* 20200917(s) */
 /*  .animation_wrp .ani_s{padding:8px;}
  .animation_wrp .ani_s li{float: auto;margin:0 0 20px 0;width:100%;}
  .animation_wrp .ani_s li:last-child{margin:0;}
  .animation_wrp .ani_s .ani_thum{margin:0;} */
  .video_wrp li a{margin:0 4px}
  .video_wrp .ani_thum_img{height:140px;}/*20201005*/
  .video_wrp .txt .title{font-size:14px;}
  /* 20200917(e) */

  /*캠페인 히스토리*/
  /* 20201005(s) */
  .history_list .history_box:first-child{margin-top:30px;}
  .history_list .history_box:first-child>div{padding-top:20px;}
  .history_list .history_box .txt_box{padding-top:20px;}
  .history_list .history_box:nth-child(2){padding-top:300px;}
  .history_list .history_box .poster_box>div{width:200px;}
  .history_list .history_box .txt_box .txt{padding:0;}
  /* 20201005(e) */

  .event2_content{padding:0;}
  .event2_gnb{top:-95px;}
  .event2_gnb li{width:33.33%;}
  .event2_gnb li a{margin:1px;}
  .event_top{margin:95px 0 0 0;}

  .eve_colum.col2 li{float:inherit;margin:0 0 20px 0;width:100%;}

  #event_pz_svg{left:-10px;width:110%;}
  .event_pz_area{height:380px;}

  
  .capture_img > div{float:inherit;margin:0 0 10px 0;width:100%;}
  .capture_img > div img{display:block;margin:0 auto;width:85%;}

  .pz_list dd{padding:0;text-indent:0;}

  .pz_game_bg{width:358px;}
  .pz_game_bg.pz_pc{display:none;}
  .pz_game_bg.pz_mb{display:block;}
  

  /* 초시 */
  .pz_input_area{top:186px;left:0px;}
  .pz_input_area input{width:45px;height:45px;font-size:30px;}
  .pz_input_area .pz1{top:0px;left:65px;}
  .pz_input_area .pz2{top:48px;left:20px;}
  .pz_input_area .pz3{top:48px;left:65px;}
  .pz_input_area .pz4{top:48px;left:111px;}
  .pz_input_area .pz5{top:48px;left:157px;}
  .pz_input_area .pz6{top:94px;left:65px;}
  .pz_input_area .pz7{top:94px;left:157px}
  .pz_input_area .pz8{top:138px;left:65px;}
  .pz_input_area .pz9{top:138px;left:157px;}
  .pz_input_area .pz10{top:184px;left:157px;}
  .pz_input_area .pz11{top:230px;left:157px;}
  .pz_input_area .pz12{top:230px;left:202px;}
  .pz_input_area .pz13{top:230px;left:248px;}
  .pz_input_area .pz14{top:230px;left:294px;}
  
  /* 복시 */
   /* 복시 */
   .pz_input_area.pz_area2{top:180px;left:7px;}
   .pz_input_area.pz_area2 input{width:38px;height:38px;font-size:20px;}
   .pz_input_area.pz_area2 .pz1{top:0;left:0;}
   .pz_input_area.pz_area2 .pz2{top:0;left: 40px;}
   .pz_input_area.pz_area2 .pz3{top:0;left: 78px;}
   .pz_input_area.pz_area2 .pz4{top:0;left: 116px;}
   .pz_input_area.pz_area2 .pz5{top:0;left: 155px;}
   .pz_input_area.pz_area2 .pz6{top:0;left: 193px;}
 
   .pz_input_area.pz_area2 .pz7{top: 38px;left: 116px;}
   .pz_input_area.pz_area2 .pz8{top: 77px;left: 116px;}
   .pz_input_area.pz_area2 .pz9{top: 116px;left: 116px;}
 
   .pz_input_area.pz_area2 .pz10{top:77px;left: 155px;}
   .pz_input_area.pz_area2 .pz11{top:77px;left: 193px;}
   .pz_input_area.pz_area2 .pz12{top:77px;left: 230px;}
 
   .pz_input_area.pz_area2 .pz13{top:116px;left: 193px;}
   .pz_input_area.pz_area2 .pz14{top: 154px;left: 193px;}
   .pz_input_area.pz_area2 .pz15{top: 192px;left: 193px;}
   .pz_input_area.pz_area2 .pz16{top: 231px;left: 193px;}
   .pz_input_area.pz_area2 .pz17{top: 269px;left: 193px;}
 
   .pz_input_area.pz_area2 .pz18{top:270px;left: 0px;}
   .pz_input_area.pz_area2 .pz19{top:270px;left: 40px;}
   .pz_input_area.pz_area2 .pz20{top:270px;left: 78px;}
   .pz_input_area.pz_area2 .pz21{top:270px;left: 116px;}
   .pz_input_area.pz_area2 .pz22{top:270px;left: 155px;}
   .pz_input_area.pz_area2 .pz23{top:270px;left: 230px;}
   .pz_input_area.pz_area2 .pz24{top:270px;left: 268px;}
 
   .pz_input_area.pz_area2 .pz25{top:154px;left: 78px;}
   .pz_input_area.pz_area2 .pz26{top:192px;left: 78px;}
   .pz_input_area.pz_area2 .pz27{top:231px;left: 78px;}
   .pz_input_area.pz_area2 .pz28{top:308px;left: 78px;} 


/* 전시 */
.pz_input_area.pz_area3 {top: 177px;left: 8px;}
.pz_input_area.pz_area3 input{width:32px;height:32px;font-size:20px;}
.pz_input_area.pz_area3 .pz1{top:70px;left:62px;}
.pz_input_area.pz_area3 .pz2{top: 103px;left:62px;}
.pz_input_area.pz_area3 .pz3{top: 137px;left:62px;}
.pz_input_area.pz_area3 .pz4{top: 171px;left:62px;}
.pz_input_area.pz_area3 .pz5{top: 204px;left:62px;}
.pz_input_area.pz_area3 .pz6{top: 237px;left:62px;}
.pz_input_area.pz_area3 .pz7{top: 269px;left:62px;}
.pz_input_area.pz_area3 .pz8{top: 303px;left: 62px;}

.pz_input_area.pz_area3 .pz9{top: 137px;left:0;}
.pz_input_area.pz_area3 .pz10{top: 137px;left: 31px;}
.pz_input_area.pz_area3 .pz11{top: 137px;left: 94px;}
.pz_input_area.pz_area3 .pz12{top: 137px;left: 125px;}
.pz_input_area.pz_area3 .pz13{top: 137px;left: 157px;}
.pz_input_area.pz_area3 .pz14{top: 137px;left: 188px;}
.pz_input_area.pz_area3 .pz15{top: 137px;left: 219px;}

.pz_input_area.pz_area3 .pz16{top: 103px;left: 219px;}
.pz_input_area.pz_area3 .pz17{top: 171px;left: 219px;}
.pz_input_area.pz_area3 .pz18{top: 204px;left: 219px;}
.pz_input_area.pz_area3 .pz19{top: 237px;left: 219px;}
.pz_input_area.pz_area3 .pz20{top: 269px;left: 219px;}
.pz_input_area.pz_area3 .pz21{top: 303px;left: 219px;}
.pz_input_area.pz_area3 .pz22{top: 337px;left: 219px;}

.pz_input_area.pz_area3 .pz23{top: 0;left: 0;}
.pz_input_area.pz_area3 .pz24{top: 34px;left: 0;}
.pz_input_area.pz_area3 .pz25{top: 70px;left: 0;}
.pz_input_area.pz_area3 .pz26{top: 103px;left: 0;}
.pz_input_area.pz_area3 .pz27{top: 171px;left: 0;}
.pz_input_area.pz_area3 .pz28{top: 204px;left: 0;}
.pz_input_area.pz_area3 .pz29{top: 237px;left: 0;}

.pz_input_area.pz_area3 .pz30{top: 34px;left: 157px;}
.pz_input_area.pz_area3 .pz31{top: 70px;left: 157px;}
.pz_input_area.pz_area3 .pz32{top: 103px;left: 157px;}
.pz_input_area.pz_area3 .pz33{top: 171px;left: 157px;}
.pz_input_area.pz_area3 .pz34{top: 204px;left: 157px;}

.pz_input_area.pz_area3 .pz35{top: 34px;left: 188px;}
.pz_input_area.pz_area3 .pz36{top: 34px;left: 219px;}
.pz_input_area.pz_area3 .pz37{top: 34px;left: 250px;}
.pz_input_area.pz_area3 .pz38{top: 34px;left: 281px;}
.pz_input_area.pz_area3 .pz39{top: 34px;left: 312px;}

.pz_input_area.pz_area3 .pz40{top: 70px;left: 312px;}
.pz_input_area.pz_area3 .pz41{top: 103px;left: 312px;}
.pz_input_area.pz_area3 .pz42{top: 137px;left: 312px;}
.pz_input_area.pz_area3 .pz43{top: 171px;left: 312px;}
.pz_input_area.pz_area3 .pz44{top: 204px;left: 312px;}
.pz_input_area.pz_area3 .pz45{top: 237px;left: 312px;}

.pz_input_area.pz_area3 .pz46{top: 303px;left: 157px;}
.pz_input_area.pz_area3 .pz47{top: 303px;left: 188px;}
.pz_input_area.pz_area3 .pz48{top: 303px;left: 250px;}


/*장원*/
.pz_game_bg.pz_game4_mb.pz_mb{width:500px;}
.pz_input_area.pz_area4 {top: 168px;left:0;}
.pz_input_area.pz_area4 input{width: 35px;height:35px;}

.pz_input_area.pz_area4 .pz1{top: 38px;left: 198px;}
.pz_input_area.pz_area4 .pz2{top: 74px;left:198px;}
.pz_input_area.pz_area4 .pz3{top: 111px;left:198px;}
.pz_input_area.pz_area4 .pz4{top: 147px;left:198px;}
.pz_input_area.pz_area4 .pz5{top: 184px;left:198px;}
.pz_input_area.pz_area4 .pz6{top: 221px;left:198px;}
.pz_input_area.pz_area4 .pz7{top: 256px;left:198px;}
.pz_input_area.pz_area4 .pz8{top: 294px;left:198px;}
.pz_input_area.pz_area4 .pz9{top: 330px;left:198px;}

.pz_input_area.pz_area4 .pz10{top: 111px;left: 124px;}
.pz_input_area.pz_area4 .pz11{top: 111px;left: 160px;}
.pz_input_area.pz_area4 .pz12{top: 111px;left: 234px;}
.pz_input_area.pz_area4 .pz13{top: 111px;left: 270px;}
.pz_input_area.pz_area4 .pz14{top: 111px;left: 307px;}
.pz_input_area.pz_area4 .pz15{top: 111px;left: 345px;}
.pz_input_area.pz_area4 .pz16{top: 111px;left: 381px;}
.pz_input_area.pz_area4 .pz17{top: 111px;left: 418px;}

.pz_input_area.pz_area4 .pz18{top: 0;left: 270px;}
.pz_input_area.pz_area4 .pz19{top: 38px;left: 270px;}
.pz_input_area.pz_area4 .pz20{top: 74px;left: 270px;}

.pz_input_area.pz_area4 .pz21{top: 74px;left: 345px;}
.pz_input_area.pz_area4 .pz22{top: 147px;left: 345px;}
.pz_input_area.pz_area4 .pz23{top: 184px;left: 345px;}

.pz_input_area.pz_area4 .pz24{top: 38px;left: 418px;}
.pz_input_area.pz_area4 .pz25{top: 74px;left: 418px;}
.pz_input_area.pz_area4 .pz26{top: 147px;left: 418px;}
.pz_input_area.pz_area4 .pz27{top: 184px;left: 418px;}
.pz_input_area.pz_area4 .pz28{top: 221px;left: 418px;}
.pz_input_area.pz_area4 .pz29{top: 256px;left: 418px;}

.pz_input_area.pz_area4 .pz30{top: 256px;left: 308px;}
.pz_input_area.pz_area4 .pz31{top: 256px;left: 344px;}
.pz_input_area.pz_area4 .pz32{top: 256px;left: 381px;}

.pz_input_area.pz_area4 .pz33{top: 221px;left: 124px;}
.pz_input_area.pz_area4 .pz34{top: 221px;left: 160px;}
.pz_input_area.pz_area4 .pz35{top: 221px;left: 234px;}

.pz_input_area.pz_area4 .pz36{top: 294px;left: 50px;}
.pz_input_area.pz_area4 .pz37{top: 294px;left: 86px;}
.pz_input_area.pz_area4 .pz38{top: 294px;left: 124px;}
.pz_input_area.pz_area4 .pz39{top: 294px;left: 160px;}
.pz_input_area.pz_area4 .pz40{top: 294px;left: 234px;}

.pz_input_area.pz_area4 .pz41{top: 330px;left: 86px;}
.pz_input_area.pz_area4 .pz42{top: 366px;left: 86px;}
.pz_input_area.pz_area4 .pz43{top: 404px;left: 86px;}

.pz_input_area.pz_area4 .pz44{top: 404px;left: 124px;}
.pz_input_area.pz_area4 .pz45{top: 404px;left: 160px;}
.pz_input_area.pz_area4 .pz46{top: 404px;left: 198px;}

.talk_img_area img{width:100%;}
.camp3_e_banner {margin-top:30px !important;}
.camp3_e_banner li{float: inherit;margin:5px 0; width:100%;}
}

@media all and (max-width:375px){/*아이폰 시리즈*/

}

@media all and (max-width:360px){/*갤럭시 시리즈*/

   /*캠페인 홍보영상*/
   .video_wrp .ani_thum_img{height:120px;}/*20201005*/
  /* 3차 캠페인  */
  .camp3_frame li>div{padding:30px 30px !important;width:100% !important;background-size:contain;}
}


@media all and (max-width:320px){/*아이폰4 이하*/

  /*20201005 캠페인 홍보동영상*/
  .video_wrp .ani_thum_img{height:105px;}
 /* 3차 캠페인  */
 .camp3_frame li>div{padding:30px 20px !important;}
 .camp3_frame li>div>p{font-size:15px !important;}
 .camp3_frame li>div b{font-size:16px !important;}
  .camp3_frame2 li{width:100%;}
}