@charset "UTF-8";
@import url(home_style1.css);
@import url(home_style2.css);

/* 메인 */
.fullpageArea{width:100%;}
.fullpageArea .section{width:100%; height:100%;}
.fullpageArea .section h2{position:relative; width:100%; margin-bottom:24px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:60px; color:#222; font-weight:700; text-align:center; letter-spacing:0; z-index:1;}
.fullpageArea .section .subTxt{position:relative; width:100%; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:18px; color:#555; font-weight:300; line-height:30px; text-align:center; z-index:1;}
.fullpageArea .section .section_div{min-height:100%;}
.fullpageArea .section.mainSection1 .swiper-container{width:100%; height:100%;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide{position:relative; background-size:cover;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div{position:absolute; top:300px; left:320px}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div .title{position:relative; margin-bottom:33px; padding-right:65px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:94px; color:#fff; line-height:88px; font-weight:700; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div .txt{position:relative; margin-bottom:70px; font-size:26px; color:#fff; line-height:40px; font-weight:300; word-break:keep-all; top:80px; opacity:0; transition:top 0.4s ease 0.2s, opacity 0.4s ease 0.2s;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div .btn{position:relative; top:80px; opacity:0; transition:top 0.4s ease 0.3s, opacity 0.4s ease 0.3s;}
.fullpageArea .section.mainSection1 .swiper-container .swiper_btn{position:absolute; top:400px; right:320px; overflow:hidden;}
.fullpageArea .section.mainSection1 .swiper-container .swiper_btn .swiper-button-next{position:relative; top:0; right:auto; float:left; margin:0; width:60px; height:60px; background:url("../../tnk/images/homepage/main-visual-next-btn.png") center no-repeat;}
.fullpageArea .section.mainSection1 .swiper-container .swiper_btn .swiper-button-prev{position:relative; top:0; left:auto; float:left; margin:0 10px 0 0; width:60px; height:60px; background:url("../../tnk/images/homepage/main-visual-prev-btn.png") center no-repeat;}
.fullpageArea .section.mainSection1 .swiper-container .swiper_btn .swiper-button-next:focus, .fullpageArea .section.mainSection1 .swiper-container .swiper_btn .swiper-button-prev:focus{outline:none;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-pagination{display:inline-block; width:auto; left:330px; bottom:15%}
.fullpageArea .section.mainSection1 .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px; margin:0 15px 0 0; border:1px solid #fff; opacity:1; background:none;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child{margin:0;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div{position:absolute; top:429px; left:0; width:100%; height:1px;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div p{position:absolute; top:0; left:0; height:1px; opacity:0;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div p span{display:block; width:0; height:1px; background:#fff; opacity:0.3; transition:width 0.2s linear}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div p.line2 span{transition-delay:0.2s}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div p.line3 span{transition:width 0.1s linear; transition-delay:0.4s}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div p.line4 span{transition:width 0.1s linear; transition-delay:0.5s}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div p.line1{width:240px;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div p.line3{width:10px;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div p.line4{width:320px;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide.active .txt_div .title{top:0; opacity:1;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide.active .txt_div .txt{top:0; opacity:1;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide.active .txt_div .btn{top:0; opacity:1;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide.on .line_div p{opacity:1;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide.on .line_div p span{width:100%;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .web_bg{width:100%; height:100%;}
.fullpageArea .section.mainSection1 .swiper-container .swiper-slide .mob_bg{display:none;}
.fullpageArea .section.mainSection2{position:relative;}
.fullpageArea .section.mainSection2 h2{top:80px; opacity:0; transition:top 0.4s ease-out, opacity 0.4s ease-out}
.fullpageArea .section.mainSection2 .subTxt{top:80px; opacity:0; transition:top 0.4s ease-out 0.1s, opacity 0.4s ease-out 0.1s}
.fullpageArea .section.mainSection2 .section_div{padding:260px 0 0;}
.fullpageArea .section.mainSection2 .section_div .cir_div{position:relative; width:1070px; margin:90px auto 0; z-index:1;}
.fullpageArea .section.mainSection2 .section_div .cir_div:after{content:''; display:block; clear:both;}
.fullpageArea .section.mainSection2 .section_div .cir_div:before{content:''; display:block; position:absolute; top:114px; left:0; width:0; height:1px; background: #3a25d6; /* Old browsers */ background: -moz-linear-gradient(left, #3a25d6 0%, #1775f3 50%, #31a0ff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #3a25d6 0%,#1775f3 50%,#31a0ff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #3a25d6 0%,#1775f3 50%,#31a0ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ transition:width 0.4s ease 0.8s;}
.fullpageArea .section.mainSection2 .section_div .cir_div > div{position:relative; float:left; width:230px; margin-right:190px;}
.fullpageArea .section.mainSection2 .section_div .cir_div > div:last-child{margin-right:0;}
.fullpageArea .section.mainSection2 .section_div .cir_div > div:nth-child(1) .cir{transition-delay:0.4s}
.fullpageArea .section.mainSection2 .section_div .cir_div > div:nth-child(1) .cir_txt{transition-delay:0.5s}
.fullpageArea .section.mainSection2 .section_div .cir_div > div:nth-child(2) .cir{background:#1775f3; transition-delay:0.6s}
.fullpageArea .section.mainSection2 .section_div .cir_div > div:nth-child(2) .cir_txt{transition-delay:0.7s}
.fullpageArea .section.mainSection2 .section_div .cir_div > div:nth-child(3) .cir{background:#31a0ff; transition-delay:0.8s}
.fullpageArea .section.mainSection2 .section_div .cir_div > div:nth-child(3) .cir_txt{transition-delay:0.9s}
.fullpageArea .section.mainSection2 .section_div .cir_div > div .cir{position:relative; width:230px; height:230px; padding-top:77px; border-radius:50%; background:#3a25d6; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease}
.fullpageArea .section.mainSection2 .section_div .cir_div > div .cir p{margin-bottom:13px; font-family:"Montserrat-bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#fff; font-weight:700; letter-spacing:1px; text-align:center;}
.fullpageArea .section.mainSection2 .section_div .cir_div > div .cir p.num{margin-bottom:0; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif;font-size:54px; letter-spacing:0}
.fullpageArea .section.mainSection2 .section_div .cir_div > div .cir_txt{position:relative; margin-top:40px; font-size:20px; color:#555; text-align:center; top:80px; opacity:0; transition:top 0.4s ease 0.1s, opacity 0.4s ease 0.1s;}
.fullpageArea .section.mainSection2 .section_div .cir_div > div .cir_txt span{font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#222; font-weight:700; letter-spacing:0;}
.fullpageArea .section.mainSection2 .scroll_magic{position:absolute;}
.fullpageArea .section.mainSection2 .scroll_magic.icon1{top:0; left:430px; width:1px; height:0; transform:rotate(45deg); transform-origin:top; background:#3a25d6; transition:height 0.4s ease}
.fullpageArea .section.mainSection2 .scroll_magic.icon1 span{display:block; position:absolute; width:3px; height:0; top:0; left:-1px; background:#fff; transition:height 0.6s ease-out 0.3s;}
.fullpageArea .section.mainSection2 .scroll_magic.icon2{top:240px; left:-160px; width:350px; height:350px;}
.fullpageArea .section.mainSection2 .scroll_magic.icon2:after{content:''; display:block; width:350px; height:350px; border-radius:50%; background:url("../../tnk/images/homepage/main-about-cir1.jpg") center no-repeat; box-sizing:border-box; opacity:0; transform:scale(0) rotate(.001deg);transition:opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay:0.3s;}
.fullpageArea .section.mainSection2 .scroll_magic.icon3{position:absolute; bottom:-610px; right:-270px; width:800px; height:800px;}
.fullpageArea .section.mainSection2 .scroll_magic.icon3:after{content:''; display:block; width:800px; height:800px; border-radius:50%; background:url("../../tnk/images/homepage/main-about-cir2.jpg") center no-repeat; box-sizing:border-box; opacity:0; transform:scale(0) rotate(.001deg); transition:opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.3s;}
.fullpageArea .section.mainSection2 .scroll_magic.icon1.motion{height:100%;}
.fullpageArea .section.mainSection2 .scroll_magic.icon1.motion span{height:100%;}
.fullpageArea .section.mainSection2 .scroll_magic.icon2.motion:after{opacity:0.4; transform:scale(1) rotate(.001deg);}
.fullpageArea .section.mainSection2 .scroll_magic.icon3.motion:after{opacity:0.4; transform:scale(1) rotate(.001deg);}
.fullpageArea .section.mainSection2.on h2{top:0; opacity:1;}
.fullpageArea .section.mainSection2.on .subTxt{top:0; opacity:1;}
.fullpageArea .section.mainSection2.on .cir_div > div .cir{top:0; opacity:1;}
.fullpageArea .section.mainSection2.on .cir_div > div .cir_txt{top:0; opacity:1;}
.fullpageArea .section.mainSection2.on .section_div .cir_div:before{width:1070px;}
.fullpageArea .section.mainSection2.on h2{top:0; opacity:1;}
.fullpageArea .section.mainSection3{background:url("../../tnk/images/homepage/mainsection3-bg.jpg") center no-repeat; background-size:cover;}
.fullpageArea .section.mainSection3 h2{font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#fff; z-index:1; top:80px; opacity:0; transition:top 0.4s ease-out, opacity 0.4s ease-out}
.fullpageArea .section.mainSection3 .subTxt{color:#fff; z-index:1; top:80px; opacity:0; transition:top 0.4s ease-out 0.1s, opacity 0.4s ease-out 0.1s}
.fullpageArea .section.mainSection3 .section_div{padding:240px 0 0; position:relative;}
.fullpageArea .section.mainSection3 .ad_list_div{position:absolute; top:0; left:0; width:100%; height:100%;}
.fullpageArea .section.mainSection3 .ad_list_div:after{content:''; display:block; clear:both;}
.fullpageArea .section.mainSection3 .ad_list_div .list{position:relative; display:block; float:left; width:25%; height:100%; border-right:1px solid #3c4750;}
.fullpageArea .section.mainSection3 .ad_list_div .list:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.4s ease; background:url("../../tnk/images/homepage/main-ad-hover-bg.png") 0 0 no-repeat; background-size:cover;}
/* .fullpageArea .section.mainSection3 .ad_list_div .list.on:before{opacity:1;} */
.fullpageArea .section.mainSection3 .ad_list_div .list:last-child{border-right:0;}
.fullpageArea .section.mainSection3 .ad_list_div .list > a{position:absolute; top:530px; left:50%; opacity:0; transform:translateX(-50%); width:100%; transition:margin 0.5s ease, top 0.4s ease, opacity 0.4s ease}
.fullpageArea .section.mainSection3 .ad_list_div .list:nth-child(1) > a{transition:margin 0.5s ease, top 0.4s ease 0.4s, opacity 0.4s ease 0.4s;}
.fullpageArea .section.mainSection3 .ad_list_div .list:nth-child(2) > a{transition:margin 0.5s ease, top 0.4s ease 0.5s, opacity 0.4s ease 0.5s;}
.fullpageArea .section.mainSection3 .ad_list_div .list:nth-child(3) > a{transition:margin 0.5s ease, top 0.4s ease 0.6s, opacity 0.4s ease 0.6s;}
.fullpageArea .section.mainSection3 .ad_list_div .list:nth-child(4) > a{transition:margin 0.5s ease, top 0.4s ease 0.7s, opacity 0.4s ease 0.7s;}
.fullpageArea .section.mainSection3 .ad_list_div .list > a{display:block; text-align:center;}
.fullpageArea .section.mainSection3 .ad_list_div .list > a p{text-align:center}
.fullpageArea .section.mainSection3 .ad_list_div .list > a .icon{margin-bottom:35px;}
.fullpageArea .section.mainSection3 .ad_list_div .list > a .icon .web_img{display:inline-block}
.fullpageArea .section.mainSection3 .ad_list_div .list > a .icon .mob_img{display:none}
.fullpageArea .section.mainSection3 .ad_list_div .list > a .tit{margin-bottom:18px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:24px; color:#fff; line-height:30px;}
.fullpageArea .section.mainSection3 .ad_list_div .list > a .txt{font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:17px; color:#fff; line-height:25px; font-weight:300;}
.fullpageArea .section.mainSection3 .ad_list_div .list > a .more{display:none; width:53px; height:53px; margin-top:46px; border-radius:50%; text-align:left; background:url("../../tnk/images/homepage/main-ad-more-btn.png") center no-repeat; text-indent:-9999px; overflow:hidden; }
.fullpageArea .section.mainSection3.on .ad_list_div .list:hover:before{opacity:1}
.fullpageArea .section.mainSection3.on .ad_list_div .list:hover > a:before{opacity:1}
.fullpageArea .section.mainSection3.on .ad_list_div .list:hover > a{margin-top:-55px;}
.fullpageArea .section.mainSection3.on .ad_list_div .list:hover > a .more{display:inline-block;}
.fullpageArea .section.mainSection3.on h2{top:0; opacity:1;}
.fullpageArea .section.mainSection3.on .subTxt{top:0; opacity:1;}
.fullpageArea .section.mainSection3.on .ad_list_div .list > a{top:480px; opacity:1;}
.fullpageArea .section.mainSection4 h2{position:relative; z-index:1; top:80px; opacity:0; transition:top 0.4s ease-out, opacity 0.4s ease-out}
.fullpageArea .section.mainSection4 .subTxt{position:relative; z-index:1; top:80px; opacity:0; transition:top 0.4s ease-out 0.1s, opacity 0.4s ease-out 0.1s}
.fullpageArea .section.mainSection4 .section_div{padding:240px 0 0}
.fullpageArea .section.mainSection4 .list_div{position:relative; width:1280px; margin:74px auto 0; z-index:1}
.fullpageArea .section.mainSection4 .list_div:after{content:''; display:block; clear:both;}
.fullpageArea .section.mainSection4 .list_div .list{position:relative; display:block; float:left; width:292px; height:432px; padding:8px; margin-right:37px; /*padding:175px 15px 50px 40px;*/ border:1px solid #eee; background:#fff; top:80px; opacity:0; transition:top 0.4s ease-out, opacity 0.4s ease-out,background 0.4s ease;}
.fullpageArea .section.mainSection4 .list_div .list > div{position:relative; width:100%; height:100%; padding:167px 7px 42px 20px; background:#fff;}
.fullpageArea .section.mainSection4 .list_div .list:nth-child(1) > div{background:url("../../tnk/images/homepage/main-publisher-icon1.png") left 22px top 37px no-repeat #fff; transition-delay:0.4s;}
.fullpageArea .section.mainSection4 .list_div .list:nth-child(2) > div{background:url("../../tnk/images/homepage/main-publisher-icon2.png") left 22px top 37px no-repeat #fff; transition-delay:0.5s;} 
.fullpageArea .section.mainSection4 .list_div .list:nth-child(3) > div{background:url("../../tnk/images/homepage/main-publisher-icon3.png") left 22px top 37px no-repeat #fff; transition-delay:0.6s;}
.fullpageArea .section.mainSection4 .list_div .list:nth-child(4) > div{background:url("../../tnk/images/homepage/main-publisher-icon4.png") left 22px top 37px no-repeat #fff; transition-delay:0.7s;}
.fullpageArea .section.mainSection4 .list_div .list:last-child{margin-right:0;}
.fullpageArea .section.mainSection4 .list_div .list > p{text-align:left;}
.fullpageArea .section.mainSection4 .list_div .list .tit{margin-bottom:20px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif;font-size:22px; color:#222; font-weight:700; letter-spacing:0;}
.fullpageArea .section.mainSection4 .list_div .list .txt{margin-bottom:29px; font-size:16px; color:#555; line-height:28px; word-break:keep-all;}
.fullpageArea .section.mainSection4 .list_div .list .more{position:absolute; bottom:60px; left:40px; width:60px; height:11px; overflow:hidden; text-indent:-9999px; background:url("../../tnk/images/homepage/main-publisher-more.png") 0 0 no-repeat}
.fullpageArea .section.mainSection4 .list_div .list:hover .more{background:url("../../tnk/images/homepage/main-publisher-more-on.png") 0 0 no-repeat}
.fullpageArea .section.mainSection4 .list_div .list:hover{border:1px solid #fff; background: rgb(58,37,214); background: -moz-linear-gradient(-230deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); background: -webkit-linear-gradient(-230deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); background: linear-gradient(-230deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); }
.fullpageArea .section.mainSection4 .scroll_magic{position:absolute;}
.fullpageArea .section.mainSection4 .scroll_magic.icon1{top:160px; right:0; width:1px; height:0; transform: rotate(49deg); transform-origin:top right; background:#3a25d6; transition:height 0.4s ease}
.fullpageArea .section.mainSection4 .scroll_magic.icon1 span{display:block; position:absolute; width:3px; height:0; top:0; left:-1px; background:#fff; transition:height 0.4s ease-out 0.2s;}
.fullpageArea .section.mainSection4 .scroll_magic.icon2{top:295px; right:165px; width:100px; height:100px; border-radius:50%; background:url("../../tnk/images/homepage/main-publisher-cir2.png") center no-repeat; opacity:1; transform:scale(0) rotate(.001deg); transition:opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.3s;}
.fullpageArea .section.mainSection4 .scroll_magic.icon3{position:absolute; bottom:60px; left:-105px; width:300px; height:300px; border-radius:50%; background:url("../../tnk/images/homepage/main-publisher-cir1.png") center no-repeat; opacity:1; transform:scale(0) rotate(.001deg); transition:opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.3s;}
.fullpageArea .section.mainSection4 .scroll_magic.icon1.motion{height:250px;}
.fullpageArea .section.mainSection4 .scroll_magic.icon1.motion span{height:250px;}
.fullpageArea .section.mainSection4 .scroll_magic.icon2.motion{opacity:1; transform:scale(1) rotate(.001deg);}
.fullpageArea .section.mainSection4 .scroll_magic.icon3.motion{opacity:1; transform:scale(1) rotate(.001deg);}
.fullpageArea .section.mainSection4.on h2{top:0; opacity:1;}
.fullpageArea .section.mainSection4.on .subTxt{top:0; opacity:1;}
.fullpageArea .section.mainSection4.on .list_div .list{top:0; opacity:1;}
.fullpageArea .section.mainSection5 h2{top:80px; opacity:0; transition:top 0.4s ease-out, opacity 0.4s ease-out}
.fullpageArea .section.mainSection5 .section_div{min-height:100%; padding:200px 0 400px;}
.fullpageArea .section.mainSection5 .top_div{width:1122px; margin:0 auto;}
.fullpageArea .section.mainSection5 .top_div:after{content:''; display:block; clear:both}
.fullpageArea .section.mainSection5 .top_div h2{float:left; width:calc(100% - 350px); width:-webkit-calc(100% - 350px); text-align:left;}
.fullpageArea .section.mainSection5 .top_div .guide_div{position:relative; float:right; width:350px; top:80px; opacity:0; transition:top 0.4s ease-out, opacity 0.4s ease-out; transition-delay:0.1s}
.fullpageArea .section.mainSection5 .top_div .guide_div .list{width:100%;}
.fullpageArea .section.mainSection5 .top_div .guide_div .list .file_btn{display:block; position:relative; width:100%; padding:25px 50px 25px 0; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:20px; line-height:30px; color:#555; font-weight:300; background:url("../../tnk/images/homepage/download-icon.png") right 10px center no-repeat;}
.fullpageArea .section.mainSection5 .top_div .guide_div .list:first-child .file_btn{padding-top:0;}
.fullpageArea .section.mainSection5 .top_div .guide_div .list .file_btn:after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#efefef}
.fullpageArea .section.mainSection5 .top_div .guide_div .list .file_btn:hover{font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#3a25d6; font-weight:700; background:url("../../tnk/images/homepage/download-icon-on.png") right 10px center no-repeat;}
.fullpageArea .section.mainSection5 .top_div .guide_div .list .file_btn:hover:after{height:2px; background:#3a25d6}
.fullpageArea .section.mainSection5 .support_div{position:absolute; bottom:0; left:0; width:100%; height:356px; margin-top:auto; padding:80px 0 0;background:rgb(58,37,214); background: -moz-linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); background: linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); overflow:hidden;}
.fullpageArea .section.mainSection5 .support_div .title{position:relative; margin-bottom:25px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:40px; color:#fff; font-weight:700; text-align:center; top:40px; opacity:0; transition:top 0.3s ease-out, opacity 0.3s ease-out; transition-delay:0.4s}
.fullpageArea .section.mainSection5 .support_div .txt{position:relative; margin-bottom:45px; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:18px; color:#fff; line-height:30px; text-align:center; top:40px; opacity:0; transition:top 0.3s ease-out, opacity 0.3s ease-out; transition-delay:0.5s}
.fullpageArea .section.mainSection5 .support_div .btn_div{position:relative; top:40px; opacity:0; transition:top 0.3s ease-out, opacity 0.3s ease-out; transition-delay:0.6s}
.fullpageArea .section.mainSection5 .support_div .scroll_magic.circle1{position:absolute; right:-277px; bottom:-672px; width:882px; height:882px; border-radius:50%; border:110px solid #fff; opacity:0.05; transition:bottom 0.5s ease, right 0.5s ease;}
.fullpageArea .section.mainSection5 .support_div .scroll_magic.circle2{position:absolute; top:97px; right:466px; width:107px; height:107px; border-radius:50%; background:#fff; opacity:0.1; transition:top 0.8s ease, right 0.8s ease;}
.fullpageArea .section.mainSection5 .support_div .scroll_magic.circle1.motion{bottom:-600px; right:-230px;}
.fullpageArea .section.mainSection5 .support_div .scroll_magic.circle2.motion{top:40px; right:506px;}
.fullpageArea .section.mainSection5.on h2{top:0; opacity:1;}
.fullpageArea .section.mainSection5.on .top_div .guide_div{top:0; opacity:1;}
.fullpageArea .section.mainSection5.on .support_div .title{top:0; opacity:1;}
.fullpageArea .section.mainSection5.on .support_div .txt{top:0; opacity:1;}
.fullpageArea .section.mainSection5.on .support_div .btn_div{top:0; opacity:1;}

/* 높이 값 */
.fullpageArea .section.resizeH .section_div{padding:13% 0 80px;}
.fullpageArea .section.resizeH.mainSection3 .ad_list_div .list > a{top:50%}
.fullpageArea .section.resizeH.mainSection5 .section_div{padding-bottom:300px;}
.fullpageArea .section.resizeH.mainSection5 .section_div .support_div{height:270px; padding:40px 0;}
.fullpageArea .section.resizeH.mainSection5 .section_div .support_div .txt{margin-bottom:30px;}
.fullpageArea .section.resizeH.mainSection5 .support_div .scroll_magic.circle2{top:37px;}
.fullpageArea .section.resizeH.mainSection5 .support_div .scroll_magic.circle2.motion{top:17px; right:564px;}
/* ratio 125퍼센트 */
.fullpageArea .section.resizeH.ratio.mainSection4 .section_div{padding-top:13%;}

/* FAQ */
.faq_area{width:100%;}
.faq_area .faq_list{margin-bottom:120px;}
.faq_area .faq_list:last-child{margin-bottom:0px;}
.faq_area .title_div{position:relative; width:100%; margin-bottom:25px;}
.faq_area .title_div:after{content:''; display:block; clear:both;}
.faq_area .title_div h3{display:inline-block; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:26px; color:#222; font-weight:700;}
.faq_area .title_div .total{display:inline-block; position:absolute; bottom:0; right:27px; font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#888; line-height:26px;}

/* advertiser */
.head_div.ad1 .cir_div .cir1{top:-230px; right:-50px; left:auto; width:450px; height:450px; background:url("../../tnk/images/homepage/ad1-head-cir1.png") center no-repeat; transform:scale(0) rotate(.001deg);}
.head_div.ad1 .cir_div .cir2{top:145px; right:450px; left:auto; width:90px; height:90px; background:url("../../tnk/images/homepage/ad1-head-cir2.png") center no-repeat; transform:scale(0) rotate(.001deg);}
.head_div.ad3 .cir_div .cir1{top:-60px; right:80px; left:auto; width:700px; height:700px; background:url("../../tnk/images/homepage/ad3-head-cir1.png") center no-repeat; transform:scale(0) rotate(.001deg);}
.head_div.ad3 .cir_div .cir2{top:-150px; right:auto; left:80px; width:250px; height:250px; background:url("../../tnk/images/homepage/ad3-head-cir2.png") center no-repeat; transform:scale(0) rotate(.001deg);}
.head_div.ad4 .cir_div .cir1{top:35px; left:-320px; width:800px; height:800px; background:url("../../tnk/images/homepage/cps-head-cir1.png") center no-repeat; transform:scale(0) rotate(.001deg);}
.head_div.ad4 .cir_div .cir2{top:-375px; right:-117px; width:550px; height:550px; background:url("../../tnk/images/homepage/cps-head-cir2.png") center no-repeat; transform:scale(0) rotate(.001deg);}
.head_div.ad5 .cir_div .cir1{top:57px; left:-64px; width:650px; height:650px; background:url("../../tnk/images/homepage/ad5-head-cir1.png") center no-repeat; transform:scale(0) rotate(.001deg);}
.head_div.ad5 .cir_div .cir2{top:-60px; right:182px; width:200px; height:200px; background:url("../../tnk/images/homepage/ad5-head-cir2.png") center no-repeat; transform:scale(0) rotate(.001deg);}
.head_div.ad5 .cir_div .cir3{top:106px; right:60px; width:110px; height:110px; background:url("../../tnk/images/homepage/ad5-head-cir3.png") center no-repeat; transform:scale(0) rotate(.001deg);}
.advertiser_area .visual_section{position:relative;}
.advertiser_area .visual_section .visual_div{display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:100%; height:840px; background:url("../../tnk/images/homepage/incenAd-img1.jpg") center no-repeat; background-size:cover;}
.advertiser_area .visual_section .visual_div .title{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; width:100%; margin-bottom:40px; text-align:center;}
.advertiser_area .visual_section .visual_div .text{position:relative; top:80px;  opacity:0; transition:top 0.4s ease 0.2s, opacity 0.4s ease 0.2s;  width:100%; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:18px; color:#fff; line-height:30px; font-weight:300; text-align:center; word-break:keep-all;}
.advertiser_area .visual_section.active .visual_div .title{top:0; opacity:1;}
.advertiser_area .visual_section.active .visual_div .text{top:0; opacity:1;}
.advertiser_area .visual_section .white_div{position:relative; width:100%; padding:125px 0 150px; background:#333; z-index:1;}
.advertiser_area .visual_section .white_div .inner{z-index:1;}
.advertiser_area .visual_section .white_div:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:50%; transition:left 0.5s ease, opacity 0.5s ease; opacity:0; background:#fff;}
.advertiser_area .visual_section .white_div .title2{position:relative; margin-bottom:20px; position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.5s; z-index:2;}
.advertiser_area .visual_section .white_div .text{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.6s; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:20px; color:#555; line-height:32px; font-weight:300; word-break:keep-all; z-index:2;}
.advertiser_area .visual_section .white_div .graph_div{position:relative; width:100%; margin-top:115px; opacity:0; z-index:1; transition:opacity 0.1s ease 0.8s;}
.advertiser_area .visual_section .white_div .graph_div .graph{position:relative; display:flex; flex-wrap:wrap; justify-content:center; justify-items:center; width:100%;}
.advertiser_area .visual_section .white_div .graph_div .graph .graph_info{position:relative; top:80px; max-width:360px; padding-top:100px; margin-right:80px; text-align:center; opacity:0; transition:top 0.3s ease, opacity 0.3s ease; transition-delay:0.7s;}
.advertiser_area .visual_section .white_div .graph_div .graph .graph_info.info1{background:url("../../tnk/images/homepage/incenAd-graph1.png") center 0 no-repeat; transition-delay:0.8s}
.advertiser_area .visual_section .white_div .graph_div .graph .graph_info.info2{background:url("../../tnk/images/homepage/incenAd-graph2.png") center 0 no-repeat; transition-delay:0.8s}
.advertiser_area .visual_section .white_div .graph_div .graph .graph_info.info3{background:url("../../tnk/images/homepage/incenAd-graph3.png") center 0 no-repeat; margin-right:0; transition-delay:0.9s}
.advertiser_area .visual_section .white_div .graph_div .graph .graph_info .num{margin-bottom:20px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:70px; color:#3a25d6; font-weight:700; letter-spacing:-3px;}
.advertiser_area .visual_section .white_div .graph_div .graph .graph_info .num span{font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:20px; color:#222; font-weight:700; letter-spacing:0; opacity:0.7; margin-left:5px}
.advertiser_area .visual_section .white_div .graph_div .graph .graph_info .txt{margin-bottom:30px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:20px; color:#555; font-weight:700;}
.advertiser_area .visual_section .white_div.active:after{left:0; opacity:1;}
.advertiser_area .visual_section .white_div.active .title2{top:0; opacity:1;}
.advertiser_area .visual_section .white_div.active .text{top:0; opacity:1;}
.advertiser_area .visual_section .white_div.active .graph_div{opacity:1}
.advertiser_area .visual_section .white_div.active .graph_div .graph:before{width:1200px; opacity:1;}
.advertiser_area .visual_section .white_div.active .graph_div .graph > div{top:0; min-width:324px; opacity:1;}
.advertiser_area .visual_section .info_div{position:relative; padding:175px 0; background:#333;}
.advertiser_area .visual_section .info_div .title2{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; margin-bottom:20px; color:#fff; word-break:keep-all; transition-delay:0.1s}
.advertiser_area .visual_section .info_div .text{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.2s; margin-bottom:115px; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:20px; color:#fff; line-height:32px; font-weight:300;}
.advertiser_area .visual_section .info_div.active .title2{top:0; opacity:1;}
.advertiser_area .visual_section .info_div.active .title2 + .text{top:0; opacity:1;}
.advertiser_area .visual_section .info_div .targeting_swiper{overflow:visible;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.3s; width:290px;padding-right:40px; box-sizing:content-box;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(2){transition-delay:0.4s;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(3){transition-delay:0.5s;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(4){transition-delay:0.6s;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(5){transition-delay:0.7s;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:last-child{padding-right:0;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .icon{position:absolute; top:0; left:18px;}
.advertiser_area.incentive_area .visual_section .info_div .targeting_swiper .swiper-slide .icon{left:18px;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .tit{margin-bottom:14px; padding:125px 0 0 18px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:24px; color:#fff; font-weight:700;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt{font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:18px; color:#fff; line-height:28px; font-weight:300; word-break:keep-all;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .dot_txt{display:block; position:relative; padding-left:18px; margin-bottom:7px; font-size:18px;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .dot_txt:before{display:block; content:""; position:absolute; top:12px; left:0px; width:3px; height:3px; border-radius:100%; background:#fff;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .dot_txt:last-child{margin-bottom:0;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .dot_txt.bk{color:#555}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .dot_txt.bk:before{background:#555;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .sTxt{font-size:15px; padding:0; margin:0;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .sTxt:before{display:none;}
.advertiser_area .visual_section .info_div .targeting_swiper.swiper-container-horizontal > .swiper-scrollbar{width:1280px; left:0; transform:none; background:rgba(255,255,255,0.1); border-radius:50px;}
.advertiser_area .visual_section .info_div .targeting_swiper .swiper-scrollbar-drag{border-radius:50px; background:#fff;}
.advertiser_area .visual_section .info_div.active .targeting_swiper .swiper-slide{top:0; opacity:1;}
.advertiser_area .visual_section .info_div .targeting_swiper.target3{width:1280px;}
.advertiser_area .visual_section .info_div .targeting_swiper_cover .targeting_swiper.target3{margin:0;}
.advertiser_area .visual_section .info_div .targeting_swiper.target3 .swiper-slide{width:33.33%; width:calc(33.33% - 40px); width:-webkit-calc(33.33% - 40px); padding-right:60px; box-sizing:content-box;}
.advertiser_area .visual_section .info_div .targeting_swiper.target3 .swiper-slide:last-child{padding-right:0;}
.incenAd_product .product_pin{position:relative; width:100%; height:calc(100vh - 120px); overflow:hidden; background:#fff;}
.incenAd_product .product_pin.pin{top:120px !important}
.incenAd_product .product_pin .circle_div{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.incenAd_product .product_pin .circle_bg{width:100%; height:100vw; background:-moz-linear-gradient(bottom,  #f5cdf9 0%, #a9cfff 80%, #a9cfff 100%); background: -webkit-linear-gradient(bottom,  #f5cdf9 0%,#a9cfff 80%,#a9cfff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top,  #f5cdf9 0%,#a9cfff 80%,#a9cfff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */; 
  border-radius:50%; transform: scale(2); transition:transform 0.4s ease 0.3s}
.incenAd_product .product_pin .circle_bg.on{transform: scale(1); min-width:420px; min-height:420px;}
.incenAd_product .product_pin .txt_div{position:absolute; top:50%; left:0%; transform:translateY(-50%); width:100%; z-index:1;}
.incenAd_product .product_pin .txt_div.hide{display:none;}
.incenAd_product .product_pin .txt_div .tit{position:relative; top:80px; width:100%; margin-bottom:35px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:36px; color:#000; font-weight:700; text-align:center; opacity:0; transition:top 0.4s ease, opacity 0.4s ease;}
.incenAd_product .product_pin .txt_div .txt{position:relative; top:80px; width:100%; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:20px; color:#000; line-height:30px; font-weight:300; text-align:center; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.2s}
.incenAd_product.active .product_pin .txt_div .tit{top:0; opacity:1;}
.incenAd_product.active .product_pin .txt_div .txt{top:0; opacity:1;}
.incenAd_product .product_pin .product_div{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1200px; height:550px;}
.incenAd_product .product_pin .product_div .product{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; opacity:0}
.incenAd_product .product_pin .product_div .product .tit{position:absolute; top:50%; transform:translateY(-50%); width:240px; padding-left:20px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:36px; color:#222; font-weight:600; margin-top:80px; opacity:0; transition:margin 0.6s ease, opacity 0.6s ease;}
.incenAd_product .product_pin .product_div .product .top-tit{position:relative; top:50%; margin-bottom:10px; transform:translateY(-50%); font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:36px; color:#222; font-weight:600; line-height:27px; text-align:center;transition:margin 0.6s ease, opacity 0.6s ease;}
.incenAd_product .product_pin .product_div .product .img{position:relative; bottom:64px; width:420px; height:550px; border-radius:0 0 210px 210px; margin:0 auto; text-align:center; overflow:hidden;}
.incenAd_product .product_pin .product_div .product .img-wide{position:relative; bottom:20px; height:450px; margin:0 auto; text-align:center; overflow:hidden;}
.incenAd_product .product_pin .product_div .product .img img{position:absolute; bottom:-80px; left:50%; transform:translateX(-50%); opacity:0; transition:bottom 0.6s ease, opacity 0.6s ease;}
.incenAd_product .product_pin .product_div .product .img-wide img{position:absolute; bottom:-80px; left:50%; transform:translateX(-50%); opacity:0; transition:bottom 0.6s ease, opacity 0.6s ease;}
.incenAd_product .product_pin .product_div .product .txt{position:absolute; top:50%; transform:translateY(-50%); right:0; width:320px; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:25px; color:#222; line-height:37px; font-weight:300; margin-top:80px; opacity:0; transition:margin 0.6s ease, opacity 0.6s ease;}
.incenAd_product .product_pin .product_div .product .txt span{color:#3a25d6;}
.incenAd_product .product_pin .product_div.on .product.on{opacity:1;}
.incenAd_product .product_pin .product_div.on .product.on .tit{margin-top:0; opacity:1;}
.incenAd_product .product_pin .product_div.on .product.on .img img{bottom:0; opacity:1;}
.incenAd_product .product_pin .product_div.on .product.on .img-wide img{bottom:0; opacity:1;}
.incenAd_product .product_pin .product_div.on .product.on .txt{margin-top:0; opacity:1;}
.incenAd_product .product_pin .product_div .pagination{position:absolute; bottom:-50px; left:50%; transform:translateX(-50%); width:100%; text-align:center; opacity:0; transition:opacity 0.4s ease, bottom 0.4s ease;}
.incenAd_product .product_pin .product_div .pagination > a{display:inline-block; width:14px; height:14px; margin:0 5px; border-radius:50%; border:1px solid #3a25d6}
.incenAd_product .product_pin .product_div .pagination > a.on{background:#3a25d6;}
.incenAd_product .product_pin .product_div.on .pagination{bottom:-12px; opacity:1;}
.advertiser_area .partner_div{padding:180px 0; background:#e9ecfb;}
.advertiser_area .partner_div .tab_area{width:100%;}
.advertiser_area .partner_div .tab_area .tab_tit{margin-bottom:35px; font-size:23px; color:#000; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:700; text-align:center;}
.advertiser_area .partner_div .tab_area .tab_div{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; width:100%; margin-bottom:60px; text-align:center;}
.advertiser_area .partner_div .tab_area .tab_div a{display:inline-block; position:relative; margin-right:100px;}
.advertiser_area .partner_div .tab_area .tab_div a:last-child{margin-right:0;}
.advertiser_area .partner_div .tab_area .tab_div a:after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:11px; background:#3a25d6; opacity:0;}
.advertiser_area .partner_div .tab_area .tab_div a p{font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:25px; color:#222; font-weight:300;}
.advertiser_area .partner_div .tab_area .tab_div a.on p{font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:25px; font-weight:700;}
.advertiser_area .partner_div .tab_area .tab_div a.on:after{opacity:0.3}
.advertiser_area .partner_div .tab_area .tab_con{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.3s; display:block; width:100%;}
.advertiser_area .partner_div .tab_area .tab_con.on{display:block;}
.advertiser_area .partner_div .partner_swiper{width:100%;}
.advertiser_area .partner_div .partner_swiper .swiper-wrapper{margin-bottom:50px;}
.advertiser_area .partner_div .partner_swiper .swiper-pagination{position:relative; bottom:auto; left:auto;}
.advertiser_area .partner_div .partner_swiper .swiper-pagination-bullet{width:12px; height:12px; margin:0 7px; border:1px solid #3a25d6; background:none; opacity:1;}
.advertiser_area .partner_div .partner_swiper .swiper-pagination-bullet-active{background:#3a25d6}
.advertiser_area .partner_div .partner_swiper .partner_list:after{content:''; display:block; clear:both;}
.advertiser_area .partner_div .partner_swiper .partner_list > a{display:block; float:left; width:196px; height:80px; margin-right:20px; line-height:80px; text-align:center; background:#fff; overflow:hidden;}
.advertiser_area .partner_div .partner_swiper .partner_list > a img{vertical-align:middle;}
.advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(6n){margin-right:0;}
.advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(6n + 1){clear:both}
.advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(n+7){margin-top:20px;}
.advertiser_area .partner_div .m_partner_list{display:none}
.advertiser_area .partner_div .btn_div{display:none;}
.advertiser_area .partner_div.active .tab_area .tab_div{top:0; opacity:1;}
.advertiser_area .partner_div.active .tab_area .tab_con{top:0; opacity:1;}
.advertiser_area .ad_info_div .btn_div{display:block; position:relative; width:100%; padding:80px 0; margin-bottom:80px; text-align:center; background: rgb(58,37,214); background: -moz-linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); background: linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%);}
.advertiser_area .ad_info_div .btn_div p{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; width:100%; margin-bottom:26px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:30px; color:#fff; font-weight:700; text-align:center;}
.advertiser_area .ad_info_div .btn_div .txt{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; width:100%; margin-bottom:46px; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:18px; line-height:26px; color:#fff; font-weight:300; text-align:center; word-break:keep-all; transition-delay:0.1s}
.advertiser_area .ad_info_div .btn_div .btn{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.2s; width:180px; height:54px; line-height:52px; z-index:1;}
.advertiser_area .ad_info_div .btn_div:after{content:''; display:block; position:absolute; top:-224px; left:50%; width:700px; height:700px; margin-left:-44px; border:150px solid #fff; border-radius:50%; box-sizing:border-box; opacity:0.05;}
.advertiser_area .ad_info_div.active .btn_div p{top:0; opacity:1;}
.advertiser_area .ad_info_div.active .btn_div .txt{top:0; opacity:1;}
.advertiser_area .ad_info_div.active .btn_div .btn{top:0; opacity:1;}
.advertiser_area.publisher_area .ad_info_div.active .down_div{top:0; opacity:1;}
.advertiser_area.publisher_area .visual_div .btn_div{ display: block; position: relative; width: 100%; padding: 80px 0; margin-bottom: 80px; text-align: center;}
.advertiser_area.publisher_area .visual_div .btn_div a{border-radius:0px; width:280px;}
.advertiser_area.publisher_area .visual_div .btn_div a:hover{border-radius:0px;}
.advertiser_area.publisher_area .visual_section .white_div .publ-con3 dd{padding: 60px 0 60px 50px;}

.advertiser_area .ad_info_div .link_div:after{content:''; display:block; clear:both;}
.advertiser_area .ad_info_div .link_div .tit{position:relative; top:80px; margin:170px 0 18px; font-size:40px; line-height:52px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#222222; opacity:0; transition:top 0.4s ease, opacity 0.4s ease}
.advertiser_area .ad_info_div .link_div .link{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; display:block; float:left; width:413px; height:413px; margin-right:20px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:25px; color:#fff; font-weight:700; text-align:center; line-height:413px;}
/* 2022-04-04 시맨틱ui의 css 영향으로 p 태그의 css가 깨짐 현상 발생하여 line-heigth 속성 추가 */
.advertiser_area .ad_info_div .link_div .link p{position:relative; top:0; z-index:1; transition:top 0.4s ease;    line-height: revert;}
.advertiser_area .ad_info_div .link_div .link:after{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#3a25d6; opacity:0; transition:opacity 0.4s ease}
.advertiser_area .ad_info_div .link_div .link:before{content:''; position:absolute; bottom:170px; left:50%; width:87px; height:13px; transform:translateX(-50%); display:block; background:url("../../tnk/images/homepage/link_arrow.png") center no-repeat; opacity:0; transition:opacity 0.4s ease;}
.advertiser_area .ad_info_div .link_div .tit{transition-delay:0.2s}
.advertiser_area .ad_info_div .link_div .link.incen_link{background:url("../../tnk/images/homepage/incentiveAd-link-img.jpg") center no-repeat; background-size:cover;}
.advertiser_area .ad_info_div .link_div .link.dis_link{background:url("../../tnk/images/homepage/displayAd-link-img.jpg") center no-repeat; background-size:cover;}
.advertiser_area .ad_info_div .link_div .link.cps_link{background:url("../../tnk/images/homepage/cps-link-img.jpg") center no-repeat; background-size:cover;}
.advertiser_area .ad_info_div .link_div .link.per_link{background:url("../../tnk/images/homepage/performanceAd-link-img.jpg") center no-repeat; background-size:cover;}
.advertiser_area .ad_info_div .link_div .link:last-child{margin-right:0;}
.advertiser_area .ad_info_div .link_div .link:hover p{top:-20px;}
.advertiser_area .ad_info_div .link_div .link:hover:after{opacity:0.7;}
.advertiser_area .ad_info_div .link_div .link:hover:before{opacity:1;}
.advertiser_area .ad_info_div .down_div{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.2s; width:100%; overflow:hidden;}
.advertiser_area.publisher_area .ad_info_div .down_div{transition-delay:0.4s;}
.advertiser_area .ad_info_div .down_div > a{display:block; float:left; position:relative; width:413px; height:90px; margin-right:20px; padding:0 90px 0 50px; border:1px solid #ebebeb; font-size:18px; color:#555; line-height:90px; background:url("../../tnk/images/homepage/download-icon.png") right 60px center no-repeat;}
.advertiser_area .ad_info_div .down_div > a:last-child{margin-right:0; background:url("../../tnk/images/homepage/call-icon.png") right 60px center no-repeat;}
.advertiser_area .ad_info_div .down_div > a:not(:last-child):hover{  font-family: "Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif;color: #3a25d6;font-weight: 700;border:3px solid #3a25d6;background:url("../../tnk/images/homepage/download-icon-on.png") right 60px center no-repeat;}
.advertiser_area .ad_info_div .down_div > a:last-child:hover{  font-family: "Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color: #3a25d6; font-weight: 700; border:3px solid #3a25d6; background:url("../../tnk/images/homepage/call-icon-on.png") right 60px center no-repeat;}
.advertiser_area .ad_info_div.active .down_div{top:0; opacity:1}
.advertiser_area .ad_info_div .down_div.active + .link_div{top:0; opacity:1;}
.advertiser_area .ad_info_div .down_div.active + .link_div .tit{top:0; opacity:1}
.advertiser_area .ad_info_div .down_div.active + .link_div .link{top:0; opacity:1}

/* advertiser - incentiveAd */
.advertiser_area.incentive_area .visual_section .info_div .text{margin-bottom:50px;}

/* advertiser - performanceAd */
.advertiser_area.performanceAd_area .visual_div{background:url("../../tnk/images/homepage/perAd-img1.jpg") center no-repeat; background-size:cover;}
.advertiser_area.performanceAd_area .visual_div .list_div{width:1280px; margin:0 auto;}
.advertiser_area.performanceAd_area .visual_div .list_div:after{content:''; display:block; clear:both;}
.advertiser_area.performanceAd_area .visual_div .list_div .list{position:relative; top:80px; float:left; width:33.33%; text-align:center; opacity:0; transition:top 0.4s ease, opacity 0.4s ease;}
.advertiser_area.performanceAd_area .visual_div .list_div .list:nth-child(2){transition-delay:0.2s}
.advertiser_area.performanceAd_area .visual_div .list_div .list:nth-child(3){transition-delay:0.3s}
.advertiser_area.performanceAd_area .visual_div .list_div .list .title{top:0; opacity:1; margin-bottom:25px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:60px; line-height:1;}
.advertiser_area.performanceAd_area .visual_div .list_div .list .text{top:0; opacity:1;}
.advertiser_area.performanceAd_area .visual_div.active .list{top:0; opacity:1;}
.advertiser_area.performanceAd_area .visual_div.active .title{top:0; opacity:1;}
.advertiser_area.performanceAd_area .visual_div.active .text{top:0; opacity:1;}
.advertiser_area.performanceAd_area .white_div{background:#e9ecfb}
.advertiser_area.performanceAd_area.displayAd_area .white_div{background:#333}
.advertiser_area.performanceAd_area .white_div .title2{font-size:36px; word-break:keep-all;}
.advertiser_area.performanceAd_area .white_div .inner{z-index:1;}
.advertiser_area.performanceAd_area .white_div .diagram_div{display:flex; flex-wrap:wrap; justify-content:center; justify-items:center; margin-top:55px;}
.advertiser_area.performanceAd_area .white_div .diagram_div:after{content:''; display:block; clear:both;}
.advertiser_area.performanceAd_area .white_div .diagram_div .cir{position:relative; top:70px; float:left; width:280px; height:280px; margin-right:60px; border-radius:50%; border:1px solid #3a25d6; padding-top:86px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.6s;}
.advertiser_area.performanceAd_area .white_div .diagram_div .cir:last-child{margin-right:0}
.advertiser_area.performanceAd_area .white_div .diagram_div .cir .line{position:absolute; left:279px; top:50%; transform:translateY(-50%); width:60px; height:1px;}
.advertiser_area.performanceAd_area .white_div .diagram_div .cir .line span{display:block; width:0; height:100%; background:#3a25d6; transition:width 0.2s ease 0.9s;}
.advertiser_area.performanceAd_area .white_div .diagram_div .cir .tit{margin-bottom:15px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:26px; color:#3a25d6; font-weight:900; text-align:center;}
.advertiser_area.performanceAd_area .white_div .diagram_div .cir .txt{font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#666; line-height:28px; font-weight:300; text-align:center;}
.advertiser_area.performanceAd_area .white_div .diagram_div .cir.cir2{transition-delay:0.7s}
.advertiser_area.performanceAd_area .white_div .diagram_div .cir.cir3{transition-delay:0.9s}
.advertiser_area.performanceAd_area .white_div.active .diagram_div .cir{top:0; opacity:1;}
.advertiser_area.performanceAd_area .info_div{background:#e9ecfb}
.advertiser_area.performanceAd_area .info_div .title2{color:#222}
.advertiser_area.performanceAd_area .info_div .text{color:#555}
.advertiser_area.performanceAd_area .visual_section .info_div .targeting_swiper .swiper-slide .tit{color:#222;}
.advertiser_area.performanceAd_area .visual_section .info_div .targeting_swiper .swiper-slide .txt{color:#555; word-break:keep-all}
.advertiser_area.performanceAd_area .map_div{width:100%; padding:175px 0 0; text-align:center;}
.advertiser_area.performanceAd_area .map_div .title2{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; z-index:1;}
.advertiser_area.performanceAd_area .map_div .map{position:relative; top:80px; display:block; width:1508px; margin:100px auto 0; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.2s}
.advertiser_area.performanceAd_area .map_div .map img{max-width:100%;}
.advertiser_area.performanceAd_area .map_div .map .arrow-img{position:absolute; width:1508px; height:595px; bottom:0; right:0; opacity:0; background:url("../../tnk/images/homepage/perAd-map-arrow.png") right bottom no-repeat; background-size:100% auto; transition:opacity 0.4s ease;/* , width 0.6s ease, transform 0.8s ease; */ transition-delay:0.6s; /*transform:scale(0) rotate(.001deg); transform-origin:bottom 0 right 0;*/}
.advertiser_area.performanceAd_area .map_div .map .txt{position:absolute; bottom:-40px; left:50%; transform:translateX(-50%); width:100%; font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:20px; line-height:30px; color:#222; font-weight:700; text-align:center; vertical-align:middle; opacity:0; transition:opacity 0.4s ease, bottom 0.4s ease; transition-delay:0.4s}
.advertiser_area.performanceAd_area .map_div.active .title2{top:0; opacity:1;}
.advertiser_area.performanceAd_area .map_div.active .map{top:0; opacity:1;}
.advertiser_area.performanceAd_area .map_div.active .arrow-img{opacity:1; /* transform:scale(1) rotate(.001deg); */ /*animation:animate 0.5s forwards; animation-delay:1s; animation-timing-function:ease-out;*/}
.advertiser_area.performanceAd_area .map_div.active .map .circle{opacity:1;}
.advertiser_area.performanceAd_area .map_div.active .map .txt{bottom:45px; opacity:1;}
/*@keyframes animate {
  0% {
    opacity:1;
  }
  100%{
      opacity:0.2;
  }
}*/
.advertiser_area.performanceAd_area .campaign_div{position:relative; width:100%; height:100%; min-height:760px; padding-top:180px; background:url("../../tnk/images/homepage/perAd-publisher-bg.jpg") center no-repeat; background-size:cover;}
.advertiser_area.performanceAd_area .campaign_div .title2{position:relative; top:80px; margin-bottom:25px; color:#fff; text-align:center; z-index:1;  opacity:0; transition:top 0.4s ease, opacity 0.4s ease;}
.advertiser_area.performanceAd_area .campaign_div .text{position:relative; top:80px; font-family:"Montserrat-Thin", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:20px; color:#fff; line-height:32px; font-weight:300; text-align:center; z-index:1; opacity:0; transition:top 0.4s ease, opacity 0.4s ease;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div{position:absolute; top:0; left:0; width:100%; height:100%;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div:after{content:''; display:block; clear:both;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list{position:relative; float:left; width:25%; height:100%; text-align:center;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; transition:opacity 0.4s ease;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list:after{content:''; display:block; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:0.2;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign{position:absolute; top:580px; left:50%; transform:translateX(-50%); width:100%; opacity:0; transition:top 0.5s ease 0.4s, opacity 0.6s ease 0.4s, margin 0.4s ease;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list:nth-child(2) .campaign{transition:top 0.5s ease 0.6s, opacity 0.6s ease 0.6s, margin 0.4s ease;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list:nth-child(3) .campaign{transition:top 0.5s ease 0.7s, opacity 0.6s ease 0.7s, margin 0.4s ease;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list:nth-child(4) .campaign{transition:top 0.5s ease 0.8s, opacity 0.6s ease 0.8s, margin 0.4s ease;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign p{text-align:center;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .icon{margin-bottom:45px;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .tit{font-family:"Montserrat-Medium", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:25px; color:#fff; line-height:36px; font-weight:700;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .num{display:block; margin-top:90px; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:46px; color:#fff}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .txt{display:none; width:100%; margin-top:30px; font-size:18px; color:#fff; line-height:30px;}
.advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list:hover:before{opacity:0.45;}
.advertiser_area.performanceAd_area .campaign_div.active .title2{top:0; opacity:1;}
.advertiser_area.performanceAd_area .campaign_div.active .text{top:0; opacity:1;}
.advertiser_area.performanceAd_area .campaign_div.active .campaign_list_div .list .campaign{top:480px; opacity:1;}
.advertiser_area.performanceAd_area .campaign_div.resizeH{padding-top:12%}
.advertiser_area.performanceAd_area .campaign_div.resizeH .campaign_list_div .list .campaign{top:60%}
.advertiser_area.performanceAd_area .campaign_div.resizeH.active .campaign_list_div .list .campaign{top:50%}
.advertiser_area.performanceAd_area .campaign_div.resizeH .campaign_list_div .list .campaign .num{margin-top:70px}
.advertiser_area.performanceAd_area .campaign_div.resizeH .campaign_list_div .list .campaign .icon{margin-bottom:30px;}
.advertiser_area.performanceAd_area .ncp_list_div{padding:200px 0;}
.advertiser_area.performanceAd_area .ncp_list_div .title2{margin-bottom:100px; text-align: center;}
.advertiser_area.performanceAd_area .ncp_list_div .list_div{width:100%;}
.advertiser_area.performanceAd_area .ncp_list_div .list_div:after{content:''; display:block; clear:both;}
.advertiser_area.performanceAd_area .ncp_list_div .list_div .list{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; float:left; width:calc(25% - 30px); width:-webkit-calc(25% - 30px); margin-right:40px;}
.advertiser_area.performanceAd_area .ncp_list_div .list_div .list:nth-child(2){transition-delay:0.1s}
.advertiser_area.performanceAd_area .ncp_list_div .list_div .list:nth-child(3){transition-delay:0.2s}
.advertiser_area.performanceAd_area .ncp_list_div .list_div .list:last-child{margin-right:0; transition-delay:0.3s}
.advertiser_area.performanceAd_area .ncp_list_div .list_div .list .tit{margin-bottom:25px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:24px; color:#3a25d6;}
.advertiser_area.performanceAd_area .ncp_list_div .list_div .list .txt{font-size:18px; line-height:28px; color:#555; word-break:keep-all;}
.advertiser_area.performanceAd_area .ncp_list_div.active .list_div .list{top:0; opacity:1;}

/* about us */
.subCon .head_div.about{padding-bottom:45px;}
.subCon .head_div.about .cir_div .cir1{top:-300px; left:-90px; width:600px; height:600px; background:url("../../tnk/images/homepage/about-head-circle-img1.png") center no-repeat; background-size:cover;}
.subCon .head_div.about .cir_div .cir2{top:198px; right:-70px; width:300px; height:300px; background:url("../../tnk/images/homepage/about-head-circle-img2.png") center no-repeat; background-size:cover;}
.subCon .head_div.about h2{top:0; opacity:1; transition:none;}
.about_area .subTitle{margin-bottom:50px; font-family:"Montserrat-Medium", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:26px; color:#222; line-height:36px; font-weight:700}
.about_area .text{transition:top 0.4s ease, opacity 0.4s ease; font-size:16px; color:#555; line-height:30px;}
.about_area .text + .title{margin-top:140px;}
.about_area .title{font-family:"Montserrat-Medium", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:65px; color:#222;}
.about_area .contact_map{margin:45px 0 140px;}
.about_area .contact_map .contact_map_div{width:100%; height:450px; margin-bottom:25px; background:#ddd; overflow:hidden;}
.about_area .contact_map .contact_map_div .root_daum_roughmap{width:100%!important; height:100%!important;}
.about_area .contact_map .contact_map_div .root_daum_roughmap_landing{width:100%!important; height:100%!important;}
.about_area .contact_map .contact_map_info p{margin-bottom:10px; overflow:hidden;}
.about_area .contact_map .contact_map_info p:last-child{margin-bottom:0;}
.about_area .contact_map .contact_map_info p span{float:left;}
.about_area .contact_map .contact_map_info .tit{width:80px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#222; line-height:26px;}
.about_area .contact_map .contact_map_info .txt{width:calc(100% - 80px); width:-webkit-calc(100% - 80px); font-size:16px; color:#555; line-height:26px;}
.about_area .contact_form{}
.about_area .contact_form .title{margin-bottom:45px; font-size:30px; color:#222; line-height:40px;}
.about_area .contact_form .radio_div{margin-bottom:40px;}
.about_area .contact_form .form_div{width:100%; margin-bottom:25px; padding:60px 50px; border:1px solid #e2e2e2;}
.about_area .contact_form .form_div .form{display:flex; flex-wrap:wrap; overflow:hidden;}
.about_area .contact_form .form_div .left{flex:1; width:calc(100% - 679px); width:-webkit-calc(100% - 679px)}
.about_area .contact_form .form_div .info_list{width:100%; margin-bottom:20px; padding-right:20px;}
.about_area .contact_form .form_div .info_list:last-child{margin-bottom:0;}
.about_area .contact_form .form_div .info_list .tit{width:100%; margin-bottom:10px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#222;}
.about_area .contact_form .form_div .info_list input{width:100%; height:60px; line-height:54px; border:1px solid #ddd; border-radius:4px;}
.about_area .contact_form .form_div .right{flex:1;  width:679px;}
.about_area .contact_form .form_div .right textarea{width:100%; height:93.9%; border:1px solid #e2e2e2; border-radius:4px; overflow-y:auto; overflow-x:hidden; resize:none;margin-top: 25px;}
.about_area .root_daum_roughmap .wrap_btn_zoom{z-index:5;}

.prepare_area img{position: relative; margin: 200px auto 30px; top: 50%; left: 50%; transform: translate(-50%, 0%);}
.prepare_area .subTitle{margin-bottom:40px; font-family:"Noto Sans CJK KR Medium"; font-size:50px; color:#222; font-weight:700; text-align: center;}
.prepare_area .text{font-family:"Noto Sans CJK KR Medium"; font-size:20px; line-height:35px; color:#000; text-align: center;}
/* about us */

/* developer */
.subCon .head_div.developer{padding-bottom:45px;}
.subCon .head_div.developer .cir_div .cir1{top:-300px; left:-90px; width:600px; height:600px; background:url("../../tnk/images/homepage/about-head-circle-img1.png") center no-repeat; background-size:cover;}
.subCon .head_div.developer .cir_div .cir2{top:198px; right:-70px; width:300px; height:300px; background:url("../../tnk/images/homepage/about-head-circle-img2.png") center no-repeat; background-size:cover;}
.subCon .head_div.developer h2{top:0; opacity:1; transition:none;}
.developer_area .subTitle{margin-bottom:50px; font-family:"Montserrat-Medium", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:26px; color:#222; line-height:36px; font-weight:700}
.developer_area .text{transition:top 0.4s ease, opacity 0.4s ease; font-size:16px; color:#555; line-height:30px;}
.developer_area .text + .title{margin-top:140px;}

.developer_area .center_div{display: flex;flex-direction: column;margin-top:120px;}
.developer_area .title{color:#222; text-decoration-line: underline; text-decoration-color: #3A25D633; text-decoration-thickness: 11px; text-underline-position: from-font;	text-decoration-skip-ink: none; font-weight: 700; font-size: 40px; text-align:center;}   
.developer_area .top_div, .developer_area .left_div, .developer_area .right_div{margin-bottom:120px;}
.developer_area .center_box{position: relative;	font-size:0; text-align:center;}

.developer_area .left_div, 
.developer_area .right_div{display: inline-block; margin-right: calc((100% - 1200px) / 2);}
.developer_area .info_box{width:400px; height: 500px; padding: 60px 24px 30px 24px; border-radius: 20px; border: 1px solid #dfdfdf; display:inline-block; font-size:0; position: relative;    margin-top:40px; overflow:hidden;}
.developer_area .info_box p.tit{font-family: Montserrat-Bold; font-size: 28px; font-weight: 700; line-height: 34.13px; text-align: center; color: #222222;	margin-bottom:20px;}
.developer_area .info_box p.content{font-family: Montserrat-Light; font-size: 18px; font-weight: 300; line-height: 26px; text-align: center; color: #555; word-break:keep-all;}

.developer_area .info_box .icon-list{width:100%; margin:24px 0; display: flex; justify-content: center; align-items: center; gap: 8px; position: absolute; bottom: 94px; left: 0;}

.developer_area .top_div .info_box:nth-child(1){float:left;}
.developer_area .top_div .info_box:nth-child(2){float:none;}
.developer_area .top_div .info_box:nth-child(3){float:right;}

.developer_area .info_box .icon-list a{width:64px; height:64px;} 
.developer_area .info_box .btn_download{font-family: Montserrat-Regular; width:calc(100% - 48px); height:64px; margin:24px 0 30px; font-size:16px; border-radius:32px; border : 1px solid #dfdfdf; padding:0 32px; line-height: 64px; display: block; background: url(../../tnk/images/homepage/download-icon.png) right 32px center no-repeat; position: absolute; bottom: 0; text-align: left;z-index:1;letter-spacing: 0px;}
.developer_area .info_box .btn_download:hover{font-family: Montserrat-Bold; color:#3a25d6; font-weight:700; background:url("../../tnk/images/homepage/download-icon-on.png") right 32px center no-repeat; border : 2px solid #3a25d6;}

.developer_area .img_android{background: url(../../tnk/images/homepage/btn_android.png);}
.developer_area .img_ios{background: url(../../tnk/images/homepage/btn_ios.png);}
.developer_area .img_unity{background: url(../../tnk/images/homepage/btn_unity.png);}
.developer_area .img_react{background: url(../../tnk/images/homepage/btn_react.png);}
.developer_area .img_flutter{background: url(../../tnk/images/homepage/btn_flutter.png);}

.developer_area .img_android:hover{background: url(../../tnk/images/homepage/btn_android_on.png);}
.developer_area .img_ios:hover{background: url(../../tnk/images/homepage/btn_ios_on.png);}
.developer_area .img_unity:hover{background: url(../../tnk/images/homepage/btn_unity_on.png);}
.developer_area .img_react:hover{background: url(../../tnk/images/homepage/btn_react_on.png);}
.developer_area .img_flutter:hover{background: url(../../tnk/images/homepage/btn_flutter_on.png);}

.developer_area .ad_info_div .btn_div{display:block; position:relative; width:100%; padding:80px 0; margin-bottom:80px; text-align:center; background: rgb(58,37,214); background: -moz-linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%); background: linear-gradient(90deg, rgba(58,37,214,1) 0%, rgba(23,117,243,1) 49%, rgba(49,160,255,1) 100%);}
.developer_area .ad_info_div .btn_div p{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; width:100%; margin-bottom:26px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:30px; color:#fff; font-weight:700; text-align:center;}
.developer_area .ad_info_div .btn_div .txt{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; width:100%; margin-bottom:46px; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:18px; line-height:26px; color:#fff; font-weight:300; text-align:center; word-break:keep-all; transition-delay:0.1s}
.developer_area .ad_info_div .btn_div .btn{position:relative; top:80px; opacity:0; transition:top 0.4s ease, opacity 0.4s ease; transition-delay:0.2s; width:180px; height:54px; line-height:52px; z-index:1;}
.developer_area .ad_info_div .btn_div:after{content:''; display:block; position:absolute; top:-224px; left:50%; width:700px; height:700px; margin-left:-44px; border:150px solid #fff; border-radius:50%; box-sizing:border-box; opacity:0.05;}
.developer_area .ad_info_div.active .btn_div p{top:0; opacity:1;}
.developer_area .ad_info_div.active .btn_div .txt{top:0; opacity:1;}
.developer_area .ad_info_div.active .btn_div .btn{top:0; opacity:1;}
.developer_area.publisher_area .ad_info_div.active .down_div{top:0; opacity:1;}

@media all and (max-width:1800px){
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div .title{font-size:80px; line-height:74px;}
}

@media all and (max-width:1600px){
  .fullpageArea .section.resizeH h2{font-size:45px;}
  .fullpageArea .section.resizeH .section_div{padding-top:15%; min-height:650px;}
  .fullpageArea .section.resizeH.mainSection1 .swiper-container .swiper-slide .txt_div .title{font-size:60px; line-height:1;}
  .fullpageArea .section.resizeH.mainSection1 .swiper-container .swiper-slide .txt_div .txt{margin-bottom:50px; font-size:20px;}
  .fullpageArea .section.resizeH.mainSection1 .swiper-container .swiper-slide .line_div{top:260px;}
  .fullpageArea .section.resizeH.mainSection1 .swiper-container .swiper_btn{top:230px;}
  .fullpageArea .section.resizeH.mainSection2 .section_div{padding-bottom:80px;}
  .fullpageArea .section.resizeH.mainSection2 .section_div .cir_div{margin-top:60px;}
  .fullpageArea .section.resizeH.mainSection3 .ad_list_div .list > a{top:55%;}
  .fullpageArea .section.resizeH.mainSection4 .list_div .list{height:340px;}
  .fullpageArea .section.resizeH.mainSection4 .list_div .list > div{height:322px; padding-top:100px;}
  .fullpageArea .section.resizeH.mainSection4 .list_div .list:nth-child(1) > div{background:url("../../tnk/images/homepage/main-publisher-icon1.png") left 20px top 20px no-repeat #fff; background-size:70px auto; transition-delay:0.4s;}
  .fullpageArea .section.resizeH.mainSection4 .list_div .list:nth-child(2) > div{background:url("../../tnk/images/homepage/main-publisher-icon2.png") left 20px top 20px no-repeat #fff; background-size:70px auto; transition-delay:0.5s;} 
  .fullpageArea .section.resizeH.mainSection4 .list_div .list:nth-child(3) > div{background:url("../../tnk/images/homepage/main-publisher-icon3.png") left 20px top 20px no-repeat #fff; background-size:87px auto; transition-delay:0.6s;}
  .fullpageArea .section.resizeH.mainSection4 .list_div .list:nth-child(4) > div{background:url("../../tnk/images/homepage/main-publisher-icon4.png") left 15px top 20px no-repeat #fff; background-size:92px auto; transition-delay:0.7s;}
  .fullpageArea .section.resizeH.mainSection4 .list_div .list .more{bottom:30px;}
  .fullpageArea .section.resizeH.mainSection5 .top_div .guide_div .list .file_btn{padding:20px 50px 20px 0}

  /* ratio 125퍼센트 */
  .fullpageArea .section.resizeH.ratio h2{font-size:40px;}
  .fullpageArea .section.resizeH.ratio .subTxt{font-size:15px; line-height:23px}
  .fullpageArea .section.resizeH.ratio .section_div{padding:13% 0 50px}
  .fullpageArea .section.resizeH.ratio.mainSection1 .swiper-container .swiper_btn{top:300px; right:320px;}
  .fullpageArea .section.resizeH.ratio.mainSection1 .swiper-container .swiper-slide .line_div p.line4{width:320px;}
  .fullpageArea .section.resizeH.ratio.mainSection1 .swiper-container .swiper-slide .txt_div .title{margin-bottom:23px;}
  .fullpageArea .section.resizeH.ratio.mainSection2 .section_div{padding-bottom:80px;}
  .fullpageArea .section.resizeH.ratio.mainSection2 .section_div .cir_div{margin-top:50px;}
  .fullpageArea .section.resizeH.ratio.mainSection2 .section_div .cir_div > div .cir_txt{font-size:16px;}
  .fullpageArea .section.resizeH.ratio.mainSection2 .section_div .cir_div > div .cir_txt{margin-top:30px;}
  .fullpageArea .section.resizeH.ratio.mainSection3 .ad_list_div .list > a .icon{margin-bottom:25px;}
  .fullpageArea .section.resizeH.ratio.mainSection3 .ad_list_div .list > a .icon .web_img{height:60px;}
  .fullpageArea .section.resizeH.ratio.mainSection3 .ad_list_div .list > a .tit{margin-bottom:10px;}
  .fullpageArea .section.resizeH.ratio.mainSection3 .ad_list_div .list > a .txt{font-size:14px; line-height:22px;}
  .fullpageArea .section.resizeH.ratio.mainSection3 .ad_list_div .list > a .more{margin-top:35px;}
  .fullpageArea .section.resizeH.ratio.mainSection4 .section_div{padding-bottom:0}
  .fullpageArea .section.resizeH.ratio.mainSection4 .list_div{margin-top:40px;}
  .fullpageArea .section.resizeH.ratio.mainSection4 .list_div .list{height:310px;}
  .fullpageArea .section.resizeH.ratio.mainSection4 .list_div .list > div{height:292px;}
  .fullpageArea .section.resizeH.ratio.mainSection4 .list_div .list .txt{font-size:14px; line-height:22px;}
  .fullpageArea .section.resizeH.ratio.mainSection5 .top_div .guide_div .list .file_btn{padding:15px 50px 15px 0; font-size:14px; line-height:22px;}
  .fullpageArea .section.resizeH.mainSection5 .section_div .support_div{display:flex; flex-wrap:wrap; align-items:center; align-content:center; height:260px;}
  .fullpageArea .section.mainSection5 .support_div .title{width:100%;}
  .fullpageArea .section.mainSection5 .support_div .txt{width:100%;}
  .fullpageArea .section.mainSection5 .support_div .btn_div{width:100%; text-align:center;}
  .fullpageArea .section.resizeH.ratio.mainSection5 .support_div .txt{margin-bottom:20px; font-size:14px; line-height:22px;}
  .fullpageArea .section.resizeH.ratio.mainSection5 .support_div .btn_div .btn{height:50px; font-size:16px; line-height:50px;}
  .advertiser_area.ratio .incenAd_product .product_pin .product_div.on .pagination{bottom:20px;}

  /* advertiswer - performanceAD */
  .advertiser_area.performanceAd_area .map_div .map{width:90%;}
  .advertiser_area.performanceAd_area .map_div .map .arrow-img{width:100%;}
  .advertiser_area.performanceAd_area.ratio .campaign_div.resizeH .campaign_list_div .list .campaign{top:55%;}
  .advertiser_area.performanceAd_area.ratio .campaign_div.resizeH.active .campaign_list_div .list .campaign{top:45%}
  .advertiser_area.performanceAd_area.ratio .campaign_div.resizeH .campaign_list_div .list .campaign .icon{margin-bottom:20px;}
  .advertiser_area.performanceAd_area.ratio .campaign_div.resizeH .campaign_list_div .list .campaign .icon img{height:70px;}
  .advertiser_area.performanceAd_area.ratio .campaign_div.resizeH .campaign_list_div .list .campaign .tit{font-size:20px;}
  .advertiser_area.performanceAd_area.ratio .campaign_div.resizeH .campaign_list_div .list .campaign .num{margin-top:50px; font-size:40px;}
  .advertiser_area.performanceAd_area.ratio .campaign_div.resizeH .campaign_list_div .list .campaign .txt{margin-top:20px; font-size:15px; line-height:23px;}
  
}

@media all and (max-width:1470px){
  /* advertiser - performance AD */
  .advertiser_area.performanceAd_area .campaign_div.active .campaign_list_div .list .campaign{top:50%}
  
}

@media all and (max-width:1380px){
  /* main */
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div{top:250px; left:100px;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper_btn{top:300px;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div{top:330px}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div p.line1{width:80px;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-pagination{left:100px; bottom:10%;}
  .fullpageArea .section.mainSection4 .list_div{display:flex; flex-wrap:wrap; position:relative; width:90%; margin:74px auto 0; z-index:1;}
  .fullpageArea .section.mainSection4 .list_div .list{float:none; width:23.5%; height:auto; margin-right:2%;}
  .fullpageArea .section.mainSection4 .list_div .list > div{padding:167px 7px 42px 20px;}
  .fullpageArea .section.mainSection4 .list_div .list .txt br{display:none;}
  .fullpageArea .section.mainSection4 .list_div .list .more{bottom:50px; left:12px}


  /* advertiser */
  .advertiser_area .visual_section .info_div .targeting_swiper{width:90%}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-wrapper{padding-bottom:80px;}
  .advertiser_area .visual_section .info_div .targeting_swiper.swiper-container-horizontal > .swiper-scrollbar{width:100%;}
  .advertiser_area .visual_section .info_div .targeting_swiper.target3{width:100%; padding:0 5%;}
  .advertiser_area .visual_section .info_div .targeting_swiper.target3 .swiper-wrapper{padding-bottom:0;}
  .advertiser_area .partner_div .partner_swiper{width:628px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a{float:left; margin-right:20px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(4n){margin-right:20px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(4n+1){clear:none;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(n+4){margin-top:20px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(3n+1){clear:both;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(3n){margin-right:0;}
  .advertiser_area .ad_info_div .link_div .link{width:32%; margin-right:2%}
  .advertiser_area .ad_info_div .link_div .link:last-child{margin-right:0;}
  .advertiser_area .ad_info_div .down_div > a{width:32%; margin-right:2%}
  .incenAd_product .product_pin .circle_bg.on{min-width:300px; min-height:300px;}

  /* advertiser - incentive AD  */
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info{max-width:auto;}
  /* .advertiser_area .incenAd_product .product_pin{min-height:550px;} */
  .advertiser_area .incenAd_product .product_pin .product_div{width:100%; height:100%;}
  .advertiser_area .incenAd_product .product_pin .product_div .product .tit{left:5%; width:auto; font-size:30px; padding-left:0;}
  .advertiser_area .incenAd_product .product_pin .product_div .product .top-tit{left:0; width:auto; font-size:30px; padding-left:0;}
  .advertiser_area .incenAd_product .product_pin .product_div .product .txt{right:5%; width:auto; font-size:22px; line-height:32px}
  .advertiser_area .incenAd_product .product_pin .product_div .product .img{bottom:49px; width:300px; height:400px;}
  .advertiser_area .incenAd_product .product_pin .product_div .product .img img{max-width:100%;}
  .advertiser_area .incenAd_product .product_pin .product_div .product .img-wide{bottom:45px; width:400px;height:350px;}
  .advertiser_area .incenAd_product .product_pin .product_div .product .img-wide img{max-width:100%;}
  .advertiser_area .incenAd_product .product_pin .product_div .pagination{bottom:50px;}

  /* advertiser - performance */
  .head_div.ad3 .cir_div .cir2{left:-5%;}
  .advertiser_area.performanceAd_area .visual_div .list_div{width:100%; padding:0 5%}
  .advertiser_area.performanceAd_area .visual_div .list_div .list{margin-right:2%; width:32%;}
  .advertiser_area.performanceAd_area .visual_div .list_div .list:last-child{margin-right:0;}
  .advertiser_area.performanceAd_area .visual_section .visual_div .text{word-break:keep-all;}
  .advertiser_area.performanceAd_area .visual_section .visual_div .text br{display:none;}
  .advertiser_area.performanceAd_area .visual_section .visual_div .list_div .list:nth-child(2) .text br{display:block;}

   
}


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

    .developer_area .top_div .info_box:nth-child(1),
    .developer_area .top_div .info_box:nth-child(2),
    .developer_area .top_div .info_box:nth-child(3) {display: block; float: none; margin: 40px auto 0;}
    .developer_area .left_div, .developer_area .right_div {display: block; width:100%;}
}


@media all and (max-width:1280px){
  /* main */
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div .title{max-width:740px;}
  .fullpageArea .section.mainSection1.resizeH .swiper-container .swiper-slide .txt_div .txt{margin-bottom:30px;}
  .fullpageArea .section.mainSection1.resizeH .swiper-container .swiper-pagination{bottom:50px;}
  .fullpageArea .section.mainSection2 .section_div .cir_div{width:850px;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div{margin-right:80px;}
  .fullpageArea .section.mainSection2.on .section_div .cir_div:before{width:100%;}
  .fullpageArea .section.mainSection5 .top_div{width:90%;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a .txt{padding:0 15px; word-break:keep-all;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a .txt br{display:none;}
  .fullpageArea .section.resizeH.mainSection2 .section_div .cir_div{width:730px;}
  .fullpageArea .section.resizeH.mainSection2 .section_div .cir_div > div{width:210px; margin-right:50px;}
  .fullpageArea .section.resizeH.mainSection2 .section_div .cir_div > div:last-child{margin-right:0;}
  .fullpageArea .section.resizeH.mainSection2 .section_div .cir_div > div .cir{width:210px; height:210px; padding-top:60px;}
  .fullpageArea .section.resizeH.mainSection2 .section_div .cir_div > div .cir_txt{font-size:18px;}
  .fullpageArea .section.resizeH.mainSection3 .ad_list_div .list > a{top:50%;}
  .fullpageArea .section.resizeH.mainSection4 .list_div .list .tit{font-size:20px;}
  .fullpageArea .section.resizeH.mainSection4 .list_div .list .txt{font-size:15px; line-height:23px;}

  /* advertiser - incentive AD */
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info{margin-right:5%; width:30%;}
  .advertiser_area .visual_section .white_div.active .graph_div .graph > div{min-width:0}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info .num{font-size:50px}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info .txt{font-size:18px;}
  
  /* advertiser - performance */
  .advertiser_area.performanceAd_area .white_div .diagram_div .cir{padding-top:58px; width:230px; height:230px;}
  .advertiser_area.performanceAd_area .white_div .diagram_div .cir .txt{font-size:15px; line-height:23px;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .txt{padding:0 15px; word-break:keep-all;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .txt br{display:none;}
  .advertiser_area.performanceAd_area .map_div .inner{width:100%;}
  .advertiser_area.performanceAd_area .map_div .title2{padding:0 5%}
  
}

@media all and (max-width:1200px){
  .fullpageArea .section.resizeH.ratio.mainSection1 .swiper-container .swiper-slide .txt_div .title{font-size:50px;}
  .fullpageArea .section.resizeH.ratio.mainSection1 .swiper-container .swiper-slide .txt_div .txt{font-size:18px; line-height:26px;}
  .fullpageArea .section.resizeH.ratio.mainSection1 .swiper-container .swiper_btn{right:320px;}
}

@media all and (max-width:1024px){
  /* main */
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div .title{max-width:660px; font-size:80px; line-height:1;}

  /* advertiser - incentive AD */
  .incenAd_product .product_pin .product_div .product .tit{left:30px;}
  .incenAd_product .product_pin .product_div .product .txt{right:30px;}
  .advertiser_area .partner_div{margin-top:120px}
  .advertiser_area .campaign_div + .partner_div{margin-top:0;}
  .advertiser_area.performanceAd_area .campaign_div.resizeH.active .campaign_list_div .list .campaign{top:45%}
  .advertiser_area.performanceAd_area .partner_div{margin-top:0px}
  

  /* ratio 125퍼센트 */
  .fullpageArea .section.resizeH.ratio.mainSection4 .list_div .list > div{padding-top:80px;}
  .fullpageArea .section.resizeH.ratio.mainSection4 .list_div .list:nth-child(1) > div{background:url("../../tnk/images/homepage/main-publisher-icon1.png") left 12px top 15px no-repeat #fff; background-size:53px auto; transition-delay:0.4s;}
  .fullpageArea .section.resizeH.ratio.mainSection4 .list_div .list:nth-child(2) > div{background:url("../../tnk/images/homepage/main-publisher-icon2.png") left 12px top 15px no-repeat #fff; background-size:50px auto; transition-delay:0.5s;} 
  .fullpageArea .section.resizeH.ratio.mainSection4 .list_div .list:nth-child(3) > div{background:url("../../tnk/images/homepage/main-publisher-icon3.png") left 12px top 15px no-repeat #fff; background-size:67px auto; transition-delay:0.6s;}
  .fullpageArea .section.resizeH.ratio.mainSection4 .list_div .list:nth-child(4) > div{background:url("../../tnk/images/homepage/main-publisher-icon4.png") left 12px top 15px no-repeat #fff; background-size:72px auto; transition-delay:0.7s;}
  .fullpageArea .section.resizeH.ratio.mainSection4 .list_div .list .more{bottom:20px;}
}

@media all and (max-width:981px){
  /* main */
  .fullpageArea .section h2{margin-bottom:10px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:32px; line-height:40px;}
  .fullpageArea .section .subTxt{font-family:"Montserrat-Regular", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:15px; font-weight:400; line-height:23px;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .web_bg{display:none;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .mob_bg{display:block; width:100%; height:100%;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div .title{max-width:none; margin-bottom:15px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:50px; line-height:1;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div .txt{margin-bottom:35px; font-size:18px; color:#fff; line-height:26px;}
  .fullpageArea .section.mainSection2 .section_div{padding:75px 0;}
  .fullpageArea .section.mainSection2 .section_div .cir_div{width:650px; margin-top:45px;}
  .fullpageArea .section.mainSection2 .section_div .cir_div:before{top:95px;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div{width:190px; margin-right:40px;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div:last-child{margin-right:0;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div .cir{display:flex; flex-wrap:wrap; align-content:center; align-items:center; width:190px; height:190px; padding-top:10px;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div .cir p{width:100%; margin-bottom:13px; font-size:14px; text-align:center;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div .cir p.num{font-size:37px;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div .cir_txt{margin-top:11px; font-size:16px;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div .cir_txt span{font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif;}
  .fullpageArea .section.mainSection2 .scroll_magic.icon1{top:-58px; left:190px; transform:rotate(40deg);}
  .fullpageArea .section.mainSection2 .scroll_magic.icon2{top:65px; left:-100px; width:200px; height:200px;}
  .fullpageArea .section.mainSection2 .scroll_magic.icon2:after{width:200px; height:200px; background-size:cover;}
  .fullpageArea .section.mainSection2 .scroll_magic.icon3{bottom:205px; right:-32px; width:75px; height:75px;}
  .fullpageArea .section.mainSection2 .scroll_magic.icon3:after{width:75px; height:75px; background:url("../../tnk/images/homepage/m-main-about-cir2.jpg") center no-repeat; background-size:cover;}
  .fullpageArea .section.mainSection2 .scroll_magic.icon1.motion{height:100%;}
  .fullpageArea .section.mainSection2 .scroll_magic.icon1.motion span{height:100%;}
  .fullpageArea .section.mainSection2 .scroll_magic.icon2.motion:after{opacity:1; transform:scale(1) rotate(.001deg);}
  .fullpageArea .section.mainSection2 .scroll_magic.icon3.motion:after{opacity:1; transform:scale(1) rotate(.001deg);}
  .fullpageArea .section.mainSection2{height:auto !important;}
  .fullpageArea .section.mainSection2 .fp-tableCell{height:auto !important;}
  .fullpageArea .section.mainSection3{height:auto !important;}
  .fullpageArea .section.mainSection3 .fp-tableCell{height:auto !important;}
  .fullpageArea .section.mainSection4{height:auto !important;}
  .fullpageArea .section.mainSection4 .fp-tableCell{height:auto !important;}
  .fullpageArea .section.mainSection5{height:auto !important;}
  .fullpageArea .section.mainSection5 .fp-tableCell{height:auto !important;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div .cir_txt{width:100%;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div .cir p{font-size:13px; letter-spacing:0}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a:hover:before{opacity:0;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a:hover{margin-top:0;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a:hover .more{display:none;}
  .fullpageArea .section.mainSection3{background:url("../../tnk/images/homepage/m-mainsection3-bg.jpg") center no-repeat; background-size:cover;}
  .fullpageArea .section.mainSection3 .section_div{padding:75px 0 0;}
  .fullpageArea .section.mainSection3 .subTxt{padding:0 5%;}
  .fullpageArea .section.mainSection3 .ad_list_div{position:relative; margin-top:35px; border-top:1px solid rgba(255,255,255,0.14)}
  .fullpageArea .section.mainSection3 .ad_list_div .list{float:none; width:100%; height:auto; border-bottom:1px solid rgba(255,255,255,0.14)}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a{position:relative; width:100%; height:100%; padding:25px 5% 20px;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a .icon{margin-bottom:8px;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a .icon .web_img{display:none;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a .icon .mob_img{display:inline-block;}
  .fullpageArea .section.mainSection3 .ad_list_div .list:nth-child(1) .icon img{width:37px; height:auto;}
  .fullpageArea .section.mainSection3 .ad_list_div .list:nth-child(2) .icon img{width:37px; height:auto;}
  .fullpageArea .section.mainSection3 .ad_list_div .list:nth-child(3) .icon img{width:36px; height:auto;}
  .fullpageArea .section.mainSection3 .ad_list_div .list:nth-child(4) .icon img{width:39px; height:auto;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a .tit{margin-bottom:5px; font-size:18px; line-height:26px;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a .txt{width:100%; font-size:14px; line-height:22px; word-break:keep-all;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a .txt br{display:none;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a .txt br.onlyMob{display:block;}
  .fullpageArea .section.mainSection3 .ad_list_div .list > a .more{width:30px; height:30px; margin-top:30px; border-radius:50%; text-align:left; background:url("../../tnk/images/homepage/main-ad-more-btn.png") center no-repeat; background-size:30px 30px; }
  .fullpageArea .section.mainSection3.on .ad_list_div .list > a{top:50%; opacity:1;}
  .fullpageArea .section.mainSection3.on .ad_list_div .list:hover:before{opacity:0}
  .fullpageArea .section.mainSection3.on .ad_list_div .list:hover > a:before{opacity:0}
  .fullpageArea .section.mainSection3.on .ad_list_div .list:hover > a{margin-top:0;}
  .fullpageArea .section.mainSection3.on .ad_list_div .list:hover > a .more{display:none;}
  .fullpageArea .section.mainSection4 .section_div{padding:75px 0 0}
  .fullpageArea .section.mainSection4 .list_div{margin-top:35px;}
  .fullpageArea .section.mainSection4 .list_div .list{width:100%; height:auto; margin:0 0 15px 0; padding:0; background:#fff;}
  .fullpageArea .section.mainSection4 .list_div .list:after{display:none;}
  .fullpageArea .section.mainSection4 .list_div .list:last-child{margin:0;}
  .fullpageArea .section.mainSection4 .list_div .list .tit{margin-bottom:5px; font-size:18px; line-height:26px;}
  .fullpageArea .section.mainSection4 .list_div .list .txt{margin-bottom:0; font-size:14px; line-height:22px;}
  .fullpageArea .section.mainSection4 .list_div .list .more{display:none;}
  .fullpageArea .section.mainSection4 .list_div .list > div{padding:90px 25px 20px 25px;}
  .fullpageArea .section.mainSection4 .list_div .list:nth-child(1) > div{background:url("../../tnk/images/homepage/m-main-publisher-icon1.png") left 13px top 25px no-repeat; background-size:57px auto;}
  .fullpageArea .section.mainSection4 .list_div .list:nth-child(2) > div{background:url("../../tnk/images/homepage/m-main-publisher-icon2.png") left 13px top 25px no-repeat; background-size:57px auto;} 
  .fullpageArea .section.mainSection4 .list_div .list:nth-child(3) > div{background:url("../../tnk/images/homepage/m-main-publisher-icon3.png") left 13px top 25px no-repeat; background-size:60px auto;}
  .fullpageArea .section.mainSection4 .list_div .list:nth-child(4) > div{background:url("../../tnk/images/homepage/m-main-publisher-icon4.png") left 13px top 25px no-repeat; background-size:61px auto;}
  .fullpageArea .section.mainSection4 .list_div .list:hover{background:#fff; border:1px solid #eee;}
  .fullpageArea .section.mainSection4 .m_scroll_magic.icon2{position:absolute; top:184px; right:-36px; width:80px; height:80px; background:url("../../tnk/images/homepage/m-main-publisher-cir2.png") center no-repeat; background-size:cover; opacity:0; transform:scale(0) rotate(.001deg); transition:opacity 0.6s ease-out, transform 0.6s ease-out;}
  .fullpageArea .section.mainSection4 .m_scroll_magic.icon3{position:absolute; top:865px; left:-100px; width:250px; height:250px; background:url("../../tnk/images/homepage/m-main-publisher-cir1.png") center no-repeat; background-size:cover; opacity:0; transform:scale(0) rotate(.001deg); transition:opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.3s;}
  .fullpageArea .section.mainSection4 .active .m_scroll_magic.icon2{opacity:1; transform:scale(1) rotate(.001deg);}
  .fullpageArea .section.mainSection4 .active .m_scroll_magic.icon3{opacity:1; transform:scale(1) rotate(.001deg);}
  .fullpageArea .section.mainSection5 .section_div{min-height:auto; padding:75px 0 0;}
  .fullpageArea .section.mainSection5 .top_div h2{float:none; width:100%; text-align:center;}
  .fullpageArea .section.mainSection5 .top_div .guide_div{float:none; width:100%;}
  .fullpageArea .section.mainSection5 .top_div .guide_div .list{width:100%; border:0;}
  .fullpageArea .section.mainSection5 .top_div .guide_div .list .file_btn{padding:10px 30px 10px 0; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:16px; color:#555; line-height:24px; font-weight:700; border-bottom:1px solid #ebebeb; background:url("../../tnk/images/homepage/m-download-icon.png") right 10px center no-repeat; background-size:15px auto;}
  .fullpageArea .section.mainSection5 .top_div .guide_div .list:first-child .file_btn{padding-top:10px;}
  .fullpageArea .section.mainSection5 .top_div .guide_div .list:last-child .file_btn{border:0;}
  .fullpageArea .section.mainSection5 .top_div .guide_div .list .file_btn:after{display:none;}
  .fullpageArea .section.mainSection5 .top_div .guide_div .list .file_btn:hover{font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; color:#3a25d6; font-weight:700; background:url("../../tnk/images/homepage/m-download-icon-on.png") right 10px center no-repeat; background-size:15px auto;}
  .fullpageArea .section.mainSection5 .support_div{position:relative; height:auto; padding:75px 5%; margin-top:60px;}
  .fullpageArea .section.mainSection5 .support_div .title{margin-bottom:15px; font-size:32px; line-height:40px;}
  .fullpageArea .section.mainSection5 .support_div .txt{margin-bottom:35px; font-size:15px; line-height:23px; word-break:keep-all;}
  .fullpageArea .section.mainSection5 .support_div .btn_div .btn{width:130px; margin-right:5px; padding:14px 0;}
  .fullpageArea .section.mainSection5 .support_div .btn_div .btn:last-child{margin-right:0;}
  .fullpageArea .section.mainSection5 .support_div .scroll_magic{display:none;}

  /* FAQ */
  .subCon .head_div.faq{min-height:auto; padding:150px 5% 60px;}
  .subCon .head_div.faq .cir_div .cir1{top:-110px; right:-91px; width:290px; height:290px;}
  .subCon .head_div.faq .cir_div .cir2{top:104px; right:auto; left:-23px; width:50px; height:50px;}
  .faq_area{width:100%;}
  .faq_area .faq_list{margin-bottom:60px;}
  .faq_area .title_div{margin-bottom:15px;}
  .faq_area .title_div:after{content:''; display:block; clear:both;}
  .faq_area .title_div h3{font-size:18px;}
  .faq_area .title_div .total{right:3px; font-size:13px; line-height:1;}
  
  
  /* advertiser */
  .head_div.ad1 .cir_div .cir1{top:-136px; left:-152px; right:auto; width:350px; height:350px; background-size:cover;}
  .head_div.ad1 .cir_div .cir2{top:auto; bottom:60px; right:10px; left:auto; width:70px; height:70px; background-size:cover;}
  .head_div.ad3 .cir_div .cir1{top:auto; bottom:-95px; right:-166px; left:auto; width:350px; height:350px; background-size:cover;}
  .head_div.ad3 .cir_div .cir2{top:40px; left:-62px; right:auto; width:125px; height:125px; background-size:cover;}
  .head_div.ad3 .cir_div .cir3{display:none;}
  .head_div.ad4 .cir_div .cir1{top:95px; left:-184px; width:350px; height:350px; background-size:cover;}
  .head_div.ad4 .cir_div .cir2{top:-132px; left:auto; right:-112px; width:250px; height:250px; background-size:cover;}
  .head_div.ad5 .cir_div .cir1{top:123px; bottom:auto; left:-117px; width:325px; height:325px; background:url("../../tnk/images/homepage/m-ad5-head-cir1.png") center no-repeat; background-size:cover;}
  .head_div.ad5 .cir_div .cir2{top:65px; left:auto; right:-45px; width:100px; height:100px; background:url("../../tnk/images/homepage/m-ad5-head-cir2.png") center no-repeat; background-size:cover;}
  .head_div.ad5 .cir_div .cir3{display:none;}
  .advertiser_area .visual_section .visual_div .title{margin-bottom:15px;}
  .advertiser_area .visual_section .visual_div .text{font-size:15px; line-height:23px;}
  .advertiser_area .visual_section .info_div .title2{margin-bottom:10px;}
  .advertiser_area .visual_section .info_div .text{margin-bottom:0px; font-size:15px; line-height:23px; word-break:keep-all;}
  .advertiser_area .visual_section .info_div .text br{display:none;}
  .advertiser_area .visual_section .white_div{height:auto; padding:70px 0 60px}
  .advertiser_area .visual_section .white_div .title2{margin-bottom:10px; font-size:25px; z-index:1}
  .advertiser_area .visual_section .white_div .text{font-size:15px; line-height:23px; z-index:1}
  .advertiser_area .visual_section .white_div .graph_div{margin-top:60px;}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info{padding-top:50px;}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info.info1{background:url("../../tnk/images/homepage/incenAd-graph1.png") center 0 no-repeat; background-size:35px;}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info.info2{background:url("../../tnk/images/homepage/incenAd-graph2.png") center 0 no-repeat; background-size:35px;}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info.info3{background:url("../../tnk/images/homepage/incenAd-graph3.png") center 0 no-repeat; background-size:35px;}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info .txt{margin-bottom:15px;}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info .num{margin-bottom:10px; font-size:32px;}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info .txt{font-size:15px;}
  .advertiser_area .visual_section .info_div{padding:60px 0}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-wrapper{flex-wrap:wrap; padding-bottom:0;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide{width:100%; padding:0 0 35px;}/* no swiping 적용하려면 패딩을 줘야합니당. 자세한건 나중에 얘기해줌~ */
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:first-child{padding-top:35px;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:last-child{margin-bottom:0;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(1) img{width:69px; height:auto;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(2) img{width:66px; height:auto;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(3) img{width:56px; height:auto;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(4) img{width:56px; height:auto;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide:last-child{padding-bottom:0;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .icon{position:relative; margin-bottom:10px;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .icon img.onlyMob{display:inline-block;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .tit{margin-bottom:0; padding:0 0 0 9px; font-family:"Montserrat-SemiBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:19px; font-weight:700; line-height:31px;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt{font-size:14px; line-height:22px; font-weight:300; word-break:keep-all;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt br{display:none;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .dot_txt{padding-left:9px; margin-bottom:3px; font-family:"Montserrat-Light", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:14px; color:#fff; line-height:22px; font-weight:300; word-break:keep-all;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .dot_txt:before{display:block; content:""; position:absolute; top:9px; left:0px; width:2px; height:2px; border-radius:100%; background:#fff;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .sTxt{font-size:15px; padding:0; margin:0;}
  .advertiser_area .visual_section .info_div .targeting_swiper .swiper-slide .txt .sTxt:before{display:none;}
  .advertiser_area .visual_section .info_div .targeting_swiper.swiper-container-horizontal > .swiper-scrollbar{display:none;}
  .advertiser_area .visual_section .info_div .targeting_swiper.target3 .swiper-slide{width:100%; padding-right:0;}
  .advertiser_area .visual_section .info_div .targeting_swiper.target3 .swiper-slide .icon{margin-bottom:10px;}
  .advertiser_area .partner_div{margin-top:15px; padding:60px 0;}
  .advertiser_area .partner_div .partner_swiper{width:628px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a{float:left; margin-right:20px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(4n){margin-right:20px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(4n+1){clear:none;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(n+4){margin-top:20px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(3n+1){clear:both;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(3n){margin-right:0;}
  .advertiser_area .ad_info_div .btn_div{padding:60px 0; margin-bottom:40px;}
  .advertiser_area .ad_info_div .btn_div:after{width:350px; height:350px; margin-left:0; border:75px solid #fff; top:-100px;}
  .advertiser_area .ad_info_div .btn_div p{margin-bottom:15px; font-size:20px;}
  .advertiser_area .ad_info_div .btn_div .txt{margin:0 auto 14px; width:90%; font-size:14px; line-height:22px;}
  .advertiser_area .ad_info_div .btn_div .btn{width:auto; height:auto; width:227px; padding:12px 0; line-height:1; }
  .advertiser_area .ad_info_div .link_div{margin:38px 0 25px;}
  .advertiser_area .ad_info_div .link_div .tit{margin:0 0 10px; font-size:23px; line-height:31px;}
  .advertiser_area .ad_info_div .link_div .link{width:100%; height:140px; margin:0 0 10px 0; font-size:19px; line-height:140px; letter-spacing:0; background-size:cover;}
  .advertiser_area .ad_info_div .link_div .link.incen_link{background:url("../../tnk/images/homepage/m-incentiveAd-link-img.jpg") center no-repeat; background-size:cover;}
  .advertiser_area .ad_info_div .link_div .link.dis_link{background:url("../../tnk/images/homepage/m-displayAd-link-img.jpg") center no-repeat; background-size:cover;}
  .advertiser_area .ad_info_div .link_div .link.cps_link{background:url("../../tnk/images/homepage/m-cps-link-img.jpg") center no-repeat; background-size:cover;}
  .advertiser_area .ad_info_div .link_div .link.per_link{background:url("../../tnk/images/homepage/m-performanceAd-link-img.jpg") center no-repeat; background-size:cover;}
  .advertiser_area .ad_info_div .link_div .link:last-child{margin-bottom:0;}
  .advertiser_area .ad_info_div .link_div .link:hover p{top:0;}
  .advertiser_area .ad_info_div .link_div .link:hover:after{display:none;}
  .advertiser_area .ad_info_div .link_div .link:hover:before{display:none;}
  .advertiser_area .ad_info_div .down_div{border:0;}
  .advertiser_area .ad_info_div .down_div > a{display:block; width:100%; height:auto; padding:17px 90px 15px 10px;  font-size:16px; color:#555; font-weight:700; line-height:1; background:url("../../tnk/images/homepage/m-download-icon.png") right 10px center no-repeat; border:none; border-bottom:1px solid #ededed; background-size:14px auto;}
  .advertiser_area .ad_info_div .down_div > a:after{display:none;}
  .advertiser_area .ad_info_div .down_div > a:last-child{background:url("../../tnk/images/homepage/m-call-icon.png") right 5px center no-repeat; border:none; background-size:20px auto;}
  .advertiser_area .ad_info_div .down_div > a:not(:last-child):hover{background:url("../../tnk/images/homepage/m-download-icon-on.png") right 5px center no-repeat; background-size: 14px auto;}
  .advertiser_area .ad_info_div .down_div > a:last-child:hover{background:url("../../tnk/images/homepage/m-call-icon-on.png") right 5px center no-repeat; background-size: 20px auto;}
  .incenAd_product .product_pin{min-height:auto; padding:60px 5%;}
  .incenAd_product .product_pin.pin{top:0 !important}
  .incenAd_product .product_pin .txt_div{padding:0 5%; opacity:1 !important}
  .incenAd_product .product_pin .txt_div .tit{margin-bottom:15px; font-size:23px; line-height:31px; text-align:left;}
  .incenAd_product .product_pin .txt_div .txt{font-size:15px; line-height:23px; text-align:left; word-break:keep-all;}
  .incenAd_product .product_pin .txt_div .txt br{display:none;}
  .incenAd_product .product_pin .m_incenAd_product{position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; margin-top:50px; opacity:0;}
  .incenAd_product .product_pin .incen_product_swiper{overflow:visible;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .tit{position:relative; top:80px; opacity:0; margin-bottom:10px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:19px; color:#222; line-height:27px; text-align:center;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .top-tit{position:relative; top:80px; opacity:0; margin-bottom:10px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:19px; color:#222; line-height:27px; text-align:center;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .img{position:relative; top:80px; opacity:0; width:100%; padding:35px 0 30px; text-align:center;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .img-wide{height:400px;/* ; line-height:503.94px; */}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .img.img-wide img{width:350px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .img > p{display:inline-block; border-radius:40px; box-shadow:0 0 12px 5px rgba(0,0,0,0.09)}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .img img{width:200px;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .txt{position:relative; top:80px; opacity:0; font-size:15px; line-height:23px; color:#222; text-align:center;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .txt span{color:#3a25d6;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-pagination{bottom:-20px;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-pagination .swiper-pagination-bullet{width:9px; height:9px; border-radius:50%; border:1px solid #3a25d6; background:none; opacity:1;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-pagination .swiper-pagination-bullet-active{background:#3a25d6;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-button-next{width:10px; height:19px; background:url("../../tnk/images/homepage/m-incen-next-arrow.png") center no-repeat; background-size:10px 19px; margin-top:40px; transform:translateY(-50%); right:5%;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-button-prev{width:10px; height:19px; background:url("../../tnk/images/homepage/m-incen-prev-arrow.png") center no-repeat; background-size:10px 19px; margin-top:40px; transform:translateY(-50%); left:5%;}
  .incenAd_product .product_pin .circle_div{transition:top 0.4s ease, margin 0.4s ease;}
  .incenAd_product .product_pin .circle_bg.on{min-width:300px; min-height:300px;}
  .advertiser_area .partner_div .tab_area .tab_div .tab span{display:none;}

  /* advertiser - incentive AD */
  .advertiser_area.incentive_area .visual_section .info_div .targeting_swiper .swiper-slide .icon{position:relative;}
  .advertiser_area.incentive_area .visual_section .white_div{height:auto; padding:70px 0 40px}
  .advertiser_area.incentive_area .visual_section .visual_div{height:auto; padding:115px 5%; background:url("../../tnk/images/homepage/m-incenAd-img1.jpg") center no-repeat; background-size:cover;}

  /* advertiser - performance AD */
  .advertiser_area.performanceAd_area .visual_section .visual_div{height:auto; padding:115px 0; background:url("../../tnk/images/homepage/m-perAd-img1.jpg") center bottom no-repeat; background-size:cover}
  .advertiser_area.performanceAd_area .visual_section .visual_div .text br{display:block;}
  .advertiser_area.performanceAd_area .visual_div .list_div{padding:0}
  .advertiser_area.performanceAd_area .visual_div .list_div .list{margin:0 0 50px 0; width:100%;}
  .advertiser_area.performanceAd_area .visual_div .list_div .list:last-child{margin-bottom:0;}
  .advertiser_area.performanceAd_area .visual_div .list_div .list .title{margin-bottom:6px; font-size:30px;}
  .advertiser_area.performanceAd_area .visual_section .white_div{padding:60px 0;}
  .advertiser_area.performanceAd_area .visual_section .white_div .title2 .onlyMob{display:none;}
  .advertiser_area.performanceAd_area .white_div .diagram_div{display:block; margin-top:35px; height:auto;}
  .advertiser_area.performanceAd_area .white_div .diagram_div .cir{display:flex; flex-wrap:wrap; align-content:center; align-items:center; float:none; margin:0 auto 15px; padding:0; width:190px; height:190px;}
  .advertiser_area.performanceAd_area .white_div .diagram_div .cir .tit{margin-bottom:10px; font-size:19px;}
  .advertiser_area.performanceAd_area .white_div .diagram_div .cir .txt{font-size:14px; line-height:22px;}
  .advertiser_area.performanceAd_area .white_div .diagram_div .cir > div{width:100%; text-align:center;}
  .advertiser_area.performanceAd_area .white_div .diagram_div .cir:last-child{margin:0 auto;}
  .advertiser_area.performanceAd_area .visual_section .info_div{padding:60px 0;}
  .advertiser_area.performanceAd_area .visual_section .info_div .targeting_swiper .swiper-slide{width:100%; padding-right:0;}
  .advertiser_area.performanceAd_area .visual_section .info_div .targeting_swiper .swiper-slide:last-child{padding-bottom:0;}
  .advertiser_area.performanceAd_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(1) img{width:48px; height:auto;}
  .advertiser_area.performanceAd_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(2) img{width:59px; height:auto;}
  .advertiser_area.performanceAd_area .visual_section .info_div .targeting_swiper .swiper-slide:nth-child(3) img{width:61px; height:auto;}
  .advertiser_area.performanceAd_area .map_div{padding:60px 0 0;}
  .advertiser_area.performanceAd_area .map_div .title2{font-size:22px; word-break:keep-all;}
  .advertiser_area.performanceAd_area .map_div .title2 br{display:none;}
  .advertiser_area.performanceAd_area .map_div .title2 br.onlyMob{display:block;}
  .advertiser_area.performanceAd_area .map_div .inner{width:100%;}
  .advertiser_area.performanceAd_area .map_div .map{width:100%; margin-top:40px;}
  .advertiser_area.performanceAd_area .map_div .map .img{width:100%;}
  .advertiser_area.performanceAd_area .map_div .map .img img{width:100%;}
  .advertiser_area.performanceAd_area .map_div .map .img.arrow-img{top:0; right:0; width:100%; height:auto; opacity:0;  background:none;}
  .advertiser_area.performanceAd_area .map_div .map .img.arrow-img img{display:inline-block;}
  .advertiser_area.performanceAd_area .map_div .map .txt{position:relative; top:80px; bottom:auto; left:0; transform:none; margin-top:20px; font-size:15px; line-height:23px;}
  .advertiser_area.performanceAd_area .map_div.active .map .arrow-img{opacity:1;}
  .advertiser_area.performanceAd_area .map_div.active .txt{bottom:auto; top:0; opacity:1;}
  .advertiser_area.performanceAd_area .campaign_div{min-height:auto; padding:60px 0 0;}
  .advertiser_area.performanceAd_area .campaign_div .title2{margin-bottom:10px; padding:0 5%; word-break:keep-all;}
  .advertiser_area.performanceAd_area .campaign_div .text{padding:0 5%; font-size:15px; line-height:23px; word-break:keep-all;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div{position:relative; height:auto; margin-top:40px;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list{float:none; width:100%; height:auto; padding:30px 0; border-bottom:1px solid rgba(255,255,255,0.2)}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list:first-child{padding-top:0;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list:last-child{border-bottom:0;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign{position:relative; top:0; left:auto; transform:none;}
  .advertiser_area.performanceAd_area .campaign_div.active .campaign_list_div .list .campaign{top:0;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .icon{margin-bottom:20px;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .icon img{width:40px; height:auto;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .tit{font-size:18px; line-height:26px;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .num{margin-top:20px; font-size:35px;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .txt{display:block !important; padding:0 5%; margin-top:15px; font-size:14px; line-height:22px; word-break:keep-all;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list .campaign .txt br{display:none;}
  .advertiser_area.performanceAd_area .campaign_div .campaign_list_div .list:before{display:none;}
  .advertiser_area.performanceAd_area .partner_div{margin-top:0;}
  .advertiser_area.performanceAd_area .ncp_list_div{padding:60px 0}
  .advertiser_area.performanceAd_area .ncp_list_div .list_div .list .tit{margin-bottom:15px; font-size:19px; color:#3a25d6;}
  .advertiser_area.performanceAd_area .ncp_list_div .list_div .list .txt{font-size:14px; line-height:22px;}
  .advertiser_area.performanceAd_area .ncp_list_div .list_div .list{width:48%; margin-right:2%;}
  .advertiser_area.performanceAd_area .ncp_list_div .list_div .list:nth-child(2n){margin-right:0;}
  .advertiser_area.performanceAd_area .ncp_list_div .list_div .list:nth-child(2n + 1){clear:both;}
  .advertiser_area.performanceAd_area .ncp_list_div .list_div .list:nth-child(n+3){margin-top:50px;}

  /* advertiser - CPS*/
  .advertiser_area.cps_service_area .visual_section .visual_div{height:auto; padding:115px 5%; background:url("../../tnk/images/homepage/m-cps-img1.jpg") center no-repeat; background-size:cover;}

  /* publisher */
  .publisher_area .incenAd_product .product_pin .incen_product_swiper .swiper-slide .txt{min-height:46px;}

  /* about us */
  .subCon .head_div.about{padding-bottom:60px;}
  .subCon .head_div.about .cir_div .cir1{top:-100px; left:-90px; width:290px; height:290px;}
  .subCon .head_div.about .cir_div .cir2{top:5px; right:-70px; width:150px; height:150px;}
  .about_area .subTitle{margin-bottom:30px; font-size:18px; line-height:26px;}
  .about_area .text{font-size:13px; line-height:21px;}
  .about_area .title h3{font-size:35px;}
  .about_area .text + .title{margin-top:70px;}
  .about_area .contact_map{margin:25px 0 70px;}
  .about_area .contact_map .contact_map_div{height:300px; margin-bottom:20px;}
  .about_area .contact_map .contact_map_info .tit{width:60px; font-size:13px;line-height:21px;}
  .about_area .contact_map .contact_map_info .txt{width:calc(100% - 60px); width:-webkit-calc(100% - 60px); font-size:13px;line-height:21px;}
  .about_area .contact_form .title{margin-bottom:20px; font-size:20px;line-height:30px;}
  .about_area .contact_form .radio_div{margin-bottom:20px;}
  .about_area .contact_form .form_div{margin-bottom:20px; padding:30px 25px;}
  .about_area .contact_form .form_div .form{display:block;}
  .about_area .contact_form .form_div .left{width:100%}
  .about_area .contact_form .form_div .info_list{width:100%; margin-bottom:10px; padding-right:0;}
  .about_area .contact_form .form_div .info_list:last-child{margin-bottom:0;}
  .about_area .contact_form .form_div .info_list .tit{width:100%; margin-bottom:10px; font-size:14px; color:#222;}
  .about_area .contact_form .form_div .info_list input{width:100%; height:40px; line-height:54px; border:1px solid #ddd; border-radius:4px;}
  .about_area .contact_form .form_div .right{width:100%; height:200px; margin-top:30px;}
  .about_area .contact_form .form_div .right textarea{width:100%; height:100%; border:1px solid #e2e2e2; border-radius:4px; overflow-y:auto; overflow-x:hidden; resize:none;margin-top: 0;}

  /* developer area */
  
  .subCon .head_div.developer{padding-bottom:60px;}
  .subCon .head_div.developer .cir_div .cir1{top:-100px; left:-90px; width:290px; height:290px;}
  .subCon .head_div.developer .cir_div .cir2{top:5px; right:-70px; width:150px; height:150px;}
  
   .developer_area .ad_info_div .btn_div { padding: 60px 0; margin-bottom: 40px; }
   .developer_area .ad_info_div .btn_div p {margin-bottom: 15px;font-size: 20px;}
   .developer_area .ad_info_div .btn_div .txt {margin: 0 auto 14px; width: 90%; font-size: 14px; line-height: 22px;}
   .developer_area .ad_info_div .btn_div .btn {width: auto;  height: auto; width: 227px; padding: 12px 0; line-height: 1; }
    
  /* developer area */
}

@media all and (max-width:768px){
  /* main */
  .fullpageArea .section{height:auto;}
  .fullpageArea .section h2{margin-bottom:10px; font-family:"Montserrat-Bold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-size:32px; line-height:40px;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .web_Bg{display:none;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .mob_bg{width:100%; height:100%;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .line_div{display:none;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper_btn{display:none;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div{position:absolute; top:180px; left:5%; width:95%; padding-right:5%}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-slide .txt_div .title{padding-right:0; font-size:45px;}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-pagination{display:inline-block; width:auto; left:5%; bottom:75px}
  .fullpageArea .section.mainSection1 .swiper-container .swiper-pagination .swiper-pagination-bullet{width:8px; height:8px; margin:0 7px 0 0;}
  .fullpageArea .section.mainSection2{height:880px !important}
  .fullpageArea .section.mainSection2 .section_div{padding:75px 0;}
  .fullpageArea .section.mainSection2 .section_div .cir_div{position:relative; width:100%; margin:35px auto 0;}
  .fullpageArea .section.mainSection2 .section_div .cir_div:before{display:none;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div{display:flex; flex-wrap:wrap; justify-content:center; justify-items:center; float:none; width:100%; height:auto; margin:0 0 30px 0; text-align:center;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div:last-child{margin-bottom:0;}
  .fullpageArea .section.mainSection2 .section_div .cir_div > div .cir{width:140px; height:140px; padding-top:0;}

  /* advertiser - incentive AD */
  .advertiser_area .partner_div .partner_swiper{height:0; width:100%;}
  .advertiser_area .partner_div .partner_swiper .swiper-slide{width:100%;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a{width:calc(50% - 5px); width:-webkit-calc(50% - 5px); height:55px; margin-right:10px; padding:0 30px; line-height:55px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(3n){margin-right:10px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(3n+1){clear:none;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(n+3){margin-top:10px;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(2n + 1){clear:both;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a:nth-child(2n){margin-right:0;}
  .advertiser_area .partner_div .partner_swiper .partner_list > a img{max-width:100%;}
  .advertiser_area .partner_div .partner_swiper .swiper-slide .partner_list{display:none;}
    /* --- 파트너 리스트 */
  .advertiser_area .partner_div .m_partner_list{display:block; overflow:hidden; margin-bottom:30px;}
  .advertiser_area .partner_div .m_partner_list > a{display:block; float:left; width:calc(50% - 5px); width:-webkit-calc(50% - 5px); height:55px; margin-right:10px; padding:10px 30px; line-height:35px; text-align:center; background:#fff;}
  .advertiser_area .partner_div .m_partner_list > a:nth-child(2n + 1){clear:both;}
  .advertiser_area .partner_div .m_partner_list > a:nth-child(2n){margin-right:0;}
  .advertiser_area .partner_div .m_partner_list > a:nth-child(n + 3){margin-top:10px;}
  .advertiser_area .partner_div .m_partner_list > a img{max-width:100%; max-height:100%; vertical-align:middle;}
  .advertiser_area .partner_div .tab_area .tab_div{margin-bottom:25px; text-align:center;}
  .advertiser_area .partner_div .tab_area .tab_div a{margin-right:25px;}
  .advertiser_area .partner_div .tab_area .tab_div a:last-child{margin-right:0;}
  .advertiser_area .partner_div .tab_area .tab_div a:after{height:4px; bottom:1px;}
  .advertiser_area .partner_div .tab_area .tab_div a p{font-size:19px;}
  .advertiser_area .partner_div .tab_area .tab_div a.on p{font-size:19px;}
  .advertiser_area .partner_div .tab_area .tab_div a.on:after{opacity:0.3}
  .advertiser_area .partner_div .partner_swiper .swiper-wrapper{margin-bottom:0;}
  .advertiser_area .partner_div .partner_swiper .swiper-pagination{display:none;}
  .advertiser_area .partner_div .btn_div{display:block;}
  .advertiser_area .partner_div .more_btn{min-width:auto; height:40px; font-size:15px; color:#3a25d6; font-weight:500; line-height:40px; padding:0 55px 0 30px; border:1px solid #3a25d6; border-radius:50px; background:url("../../tnk/images/homepage/more_btn_icon.png") right 30px center no-repeat; background-size:14px 14px;}
  .advertiser_area .partner_div .partner_swiper + .btn_div{margin-top:30px;}
  
  /* advertiser - performance AD */
  .advertiser_area.performanceAd_area .map_div .map .circle{width:160px; height:160px; line-height:160px;}
  .advertiser_area.performanceAd_area .map_div .map .circle .txt{font-size:14px; line-height:22px;}
  .advertiser_area.performanceAd_area .visual_section .white_div .title2 .onlyMob{display:block;}
  .advertiser_area.performanceAd_area .ncp_list_div .list_div .list{float:none; width:100%; margin:0 0 40px 0;}
  .advertiser_area.performanceAd_area .ncp_list_div .list_div .list:nth-child(n+3){margin-top:0;}
  .advertiser_area.performanceAd_area .ncp_list_div .list_div .list:last-child{margin-bottom:0;}

  /* developer */
	.developer_area .info_box{ float:none!important;}
    .developer_area .left_div{float:none!important;}
	.developer_area .right_div{ float:none!important;}
	
}

@media all and (max-width:600px){
  /* advertiser - incentiveAD */
  .advertiser_area .visual_section .white_div .graph_div .graph{display:block;}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info{width:100%; margin:0 auto 40px !important;}
  .advertiser_area .visual_section .white_div .graph_div .graph .graph_info:last-child{margin-bottom:0;}

}

@media all and (max-width:500px){
  /* advertiser */
  .advertiser_area .partner_div .tab_area .tab_div a{margin-right:20px;}
  .advertiser_area .partner_div .tab_area .tab_div a:last-child{margin-right:0;}
  .advertiser_area .partner_div .tab_area .tab_div a p{font-size:15px;}
  .advertiser_area .partner_div .tab_area .tab_div a.on p{font-size:15px;}
  .advertiser_area .ad_info_div .btn_div .btn{width:90%;}
  .incenAd_product .product_pin .circle_bg.on{min-width:220px; min-height:220px;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .img{padding-top:25px;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .img img{width:130px;}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .img.img-wide{height:340.3px;/* top:80px;  */}
  .incenAd_product .product_pin .incen_product_swiper .swiper-slide .img.img-wide img{position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width:280px;}
  .advertiser_area .partner_div{margin-top:20px;}

   
  .developer_area .info_box{
	    width:100%;
   } 
}


@media all and (max-width:460px){
	
   .developer_area .info_box .icon-list a {
	    aspect-ratio: 1;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center;
	    width: calc((100% - 80px) / 5);
	    max-width: 64px;
	    height: calc((100% - 80px) / 5);
    } 
}