@charset "utf-8";
@import "fonts.css";

/* Common */
html{padding:0; min-height:100%; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address{font-style:normal;}
a{text-decoration:none;display: block}
a:hover,a:active,a:focus{text-decoration:none;}
img{width: 100%;display: block}

/* 01. All Device */
/* layout */
html,body{width:100%; height:100%; font-family:'Noto Sans Korean','맑은 고딕','malgun','Malgun Ghothic','Dotum','돋움','Arial','AppleGothic', sans-serif; font-weight:300; letter-spacing: -0.5px;}
#wrap{min-width:350px}
#header{position:fixed; top:0; left:0; width:100%; height:50px; background-color:transparent; z-index:100;}
#header.change{background:#fff; border-bottom:1px solid #ededed; height:55px;}
#header.change .lang{display: none;}
#header.change .center_wrap{margin:-4px auto 0;}
#container{}
#footer{}

.mt0{margin-top:0 !important;}
.pt0{padding-top:0 !important;}

/* header */
.center_wrap{width:1200px; margin:34px auto 0; position: relative;}
.logo{display:inline-block; margin:20px 0 0 0;}
.logo {width:100px;}
.logo img{width:100%;}
.logo img.black_logo{display: none;}
.change  .logo img.black_logo{display: block;}
.change  .logo img.white_logo{display: none;}

.info_ver .logo{width:auto;}
.inline{display: inline;}

.lang{position:absolute; top:10px; right:0; width:86px; margin:-29px 0 0 0; background-color:transparent; color:#fff; font-size:12px; line-height:30px; border-radius: 30px;}
.lang_on{display: block;height: 27px;padding: 0px 0 0 11px;cursor: pointer;line-height: 27px;border: 1px solid #fff;border-radius: 30px;}
.lang_arrow{float:right; margin:11px 10px 0 0; color:#fff; font-size:10px;}
.lang_list{display:none; border: 1px solid #fff;border-radius: 10px;overflow: hidden;margin: 0; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);}
.lang_list li{height: 35px;padding: 0 0 0 11px; border-top: 1px solid #d4d9dc;background: #fff;}
.lang_list li:first-child{border: none;}
.lang_list li a {color: #000;text-align: left;line-height: 34px;}
.lang_list li:hover a {color: #4db9fe;}
.goadmin{float:right; display:inline-block; margin:-39px 10px 0 0; padding:0 10px; background-color:#5a5d66; color:#fff; font-size:12px; line-height:40px;}
.goadmin a{color:#fff;}
.gnb_wrap{display:inline-block; margin:5px 0 0 100px; vertical-align:top; float: right}
.gnb{}
.gnb li{float:left; margin:0 70px 0 0; padding:22px 0 0 0; color:#000; font-size:19px; font-weight:300;}
.gnb li:last-child{margin:0; padding:16px 0 0 0;}
.gnb .on{}

.gnb li .menu_on{display: none;}
.gnb li .menu_off{display: block;}
.gnb li .menu_black{display: none;}

.gnb li a:hover .menu_on{display: block; }
.gnb li a:hover .menu_off{display: none;}
.gnb li a:hover .menu_black{display: none;}

.change .gnb li .menu_on{display: none;}
.change .gnb li .menu_off{display: none;}
.change .gnb li .menu_black{display: block;}

.change .gnb li a:hover .menu_on{display: block;}
.change .gnb li a:hover .menu_off{display: none;}
.change .gnb li a:hover .menu_black{display:none;}


.gnb li button{border:none; background:transparent; cursor: pointer}

.gnb li button:hover .menu_on{display: block; }
.gnb li button:hover .menu_off{display: none;}
.gnb li button:hover .menu_black{display: none;}

.change .gnb button a:hover .menu_on{display: block;}
.change .gnb button a:hover .menu_off{display: none;}
.change .gnb button a:hover .menu_black{display:none;}


/*준비중 헤더*/
#header.waiting_ver .logo img.black_logo{display: block;}
#header.waiting_ver .logo img.white_logo{display: none;}
#header.waiting_ver .change  .logo img.white_logo{display: none;}

#header.waiting_ver .gnb li .menu_on{display: none;}
#header.waiting_ver .gnb li .menu_off{display: none;}
#header.waiting_ver .gnb li .menu_black{display: block;}

#header.waiting_ver .gnb li a:hover .menu_on{display: block; }
#header.waiting_ver .gnb li a:hover .menu_off{display: none;}
#header.waiting_ver .gnb li a:hover .menu_black{display: none;}

#header.waiting_ver .change .gnb a .menu_on{display: none;}
#header.waiting_ver .change .gnb a .menu_off{display: none;}
#header.waiting_ver .change .gnb a .menu_black{display: block;}

#header.waiting_ver .change .gnb li a:hover .menu_on{display: block;}
#header.waiting_ver .change .gnb li a:hover .menu_off{display: none;}
#header.waiting_ver .change .gnb li a:hover .menu_black{display:none;}

#header.waiting_ver .gnb li button:hover .menu_on{display: block; }
#header.waiting_ver .gnb li button:hover .menu_off{display: none;}
#header.waiting_ver .gnb li button:hover .menu_black{display: none;}

#header.waiting_ver .change .gnb button a:hover .menu_on{display: block;}
#header.waiting_ver .change .gnb button a:hover .menu_off{display: none;}
#header.waiting_ver .change .gnb button a:hover .menu_black{display:none;}

.waiting_top{padding:140px 0 0 0;}


/* container */
.fiexd_right_btn{position: fixed; right: 45px; top:45%; z-index: 2;}
.fiexd_right_btn a{display: block; width:58px; height:58px; box-shadow: 0 12px 20px rgba(0,0,0,0.3); color:#fff; font-size:14px; text-align: center; margin:0 0 8px 0; font-weight: 200}
.fiexd_right_btn a span{padding: 11px 0 0 0;display: block; line-height: 17px;}
.fiexd_right_btn a.goods_quick{background: #35b0fb;}
.fiexd_right_btn a.goods_quick:hover{background: #239de8; }

.fiexd_right_btn .contact_quick{background: #000;display: block; width:58px; height:58px; box-shadow: 0 12px 20px rgba(0,0,0,0.3); color:#fff; font-size:14px; text-align: center; margin:0 0 8px 0; font-weight: 200; border: none; cursor: pointer;}
.fiexd_right_btn .contact_quick span{padding: 0; margin:-3px 0 0 0; display: block; line-height: 17px; font-family: noto sans korean,맑은 고딕,malgun,malgun ghothic,dotum,돋움,arial,applegothic,sans-serif !important;}
.fiexd_right_btn .contact_quick:hover{background: #222222;}
.fiexd_right_btn .contact_quick span img{width:19px; margin: 5px auto 2px; }

.promotion_main{position:relative; width:100%; height:500px; margin:70px 0 0 0;}
.promotion_main01{width:100%; height:500px; background-image:url('../image/bg_promotion_main01.jpg'); background-size:cover;}
.promotion_main02{width:100%; height:500px; background-image:url('../image/bg_promotion_main02.jpg'); background-size:cover; background-position:right bottom;}
.fotorama__nav{bottom:40px;}
.fotorama__dot{width:12px !important; height:12px !important;  border-radius:12px !important; border:1px solid #fff !important; background-color:#fff; cursor:pointer;}
.fotorama__nav__frame.fotorama__active .fotorama__dot{border:1px solid #fff !important; background-color:#e13a52;}
.fotorama__nav--dots .fotorama__nav__frame{width:25px !important;}
.main_promotion_text01{font-size:50px; color:#e13a52; font-weight:500; letter-spacing:-0.05em;}
.main_promotion_text02{font-size:48px; color:#e13a52; font-weight:200; letter-spacing:-0.05em;}
.main_promotion_text03{font-size:32px; color:#e13a52; font-weight:200; letter-spacing:-0.05em;}
.main_promotion_center{width:1000px; margin:0 auto; padding:100px 0 0 0;}
.promotion_btn_wrap{width:400px; margin:50px auto 0 auto; text-align:center;}
.promotion_btn{display:inline-block; width:155px; margin:0 5px; height:40px; text-align:center; background-color:#e13a52; color:#fff; line-height:40px; font-size:16px; letter-spacing:-0.03em; font-weight:200;}
.promotion_btn:hover{background-color:#b02337;}
.text_white{color:#fff !important;}
.text_black{color:#000 !important;}
.text_blue{color:#1793d9 !important;}
.main_sec0101{display:inline-block;}
.main_sec0101 img{width:416px;}
.main_sec0102{display:inline-block; margin:0 0 0 30px; font-size:20px; font-weight:200; line-height:150%;}
.main_sec0102 .headline{font-size:35px; font-weight:400; margin:0 0 30px 0; letter-spacing:-0.05em;}
.sec_wrap{position:relative; width:100%; padding:50px 0;}
.sec_content{position:relative; width:1050px; margin:0 auto;}
.blit_gray{width:40px; height:2px; margin:0 0 20px 0; background-color:#c6c6c6;}
.main_sec0103{margin:100px 0 0 0;}
.main_sec0103 li{display:inline-block; width:22%; padding:0 0 0 2%; vertical-align:top; font-size:15px; line-height:150%; letter-spacing:-0.02em; font-weight:200;}
.main_sec0103 li img{width:120px; margin:0 0 30px 0;}
.main_sec0103 li strong{display:block; margin:0 0 15px 0; font-size:24px; font-weight:400;}
.sec_gray{background-color:#e0e6ea; overflow: hidden;}
.main_sec02{display:inline-block; vertical-align:top;}
.main_sec02:first-child{margin:0 90px 0 0;}
.main_sec02 img{width:100%; max-width:450px;}
.main_sec02 > div{width:350px; min-height:150px; margin:-5px 0 0 0; padding:50px; font-size:14px; color:#fff; font-weight:100; line-height:150%;}
.main_sec02 > div > strong{display:block; margin:0 0 20px 0; font-size:26px; font-weight:300;}
.textbox_blue{background-color:#1793d9;}
.textbox_red{background-color:#e13a52;}
.sec_tea{height:300px; background-color:#cededd;background-image:url('../image/img_common_tea.jpg'); background-size:cover; background-position:right center; }
.sec_tea > div{font-size:44px; color:#484848; font-weight:100;}
.sec_tea > div > strong{display:block; font-weight:500;}
.footer_gray{width:100%; padding:100px 0; background-color:#f1f1f1;}
.footer_content{width:1000px; margin:0 auto;}
.footer_info{display:inline-block; width:45%; margin:0 5% 0 0; vertical-align:top;}
.footer_logo img{width:232px;}
.footer_info ul{margin:30px 0 0 0;}
.footer_info ul li{padding:15px 0 15px 0; border-bottom:1px solid #dbdbdb; line-height:150%; font-size:14px; color:#666666; font-weight:300;}
.footer_info ul li a{color:#666666;}
.footer_info ul li a:hover{text-decoration:underline;}
.footer_info ul li img{width:18px; margin:0 10px 0 0; vertical-align:middle;}
.copyright_wrap{width:1000px; margin:0 auto; font-size:15px; color:#666666; padding:30px 0; font-weight:200;}
.copyright{display:inline-block; width:50%;}
.policy{display:inline-block;}
.policy a{color:#666666;}
.policy a:hover{text-decoration:underline;}
.contact{display:inline-block; width:40%;}
.contact > .title{margin:0 0 10px 0; font-size:32px; color:#484848; font-weight:300;}
.input_normal{display:block; width:98%; height:40px; margin:0 0 10px 0; padding:0 0 0 2%; border:1px solid #d7d7d7; font-size:16px; border-radius:0; -webkit-appearance:none;}
.contact_terms{display:block; width:96%; height:100px; margin:0 0 10px 0; padding:10px 2% 10px 2%; border:1px solid #d7d7d7; background-color:#fff; font-size:12px; color:#959595; line-height:150%; font-weight:200; overflow-x:auto;}
.agree_check{display:inline-block; margin:10px 0 0 0; font-size:15px; color:#8a8a8a; font-weight:200;}
.agree_check input{width:15px; height:15px; margin:0 0 3px 0; border:1px solid #d7d7d7; background-color:#fff; border-radius:0; vertical-align:middle;}

.main_image_box{padding:0 0 120px 0; position: relative;}
.main_image_box h3{width:99px; margin:0 auto 35px;}
.main_image_box .quick_box{position: absolute; background: #4db9fe; padding:40px 35px; box-shadow: 0 11px 29px 5px rgba(0,0,0,0.28); right:0; bottom:40px;}
.main_image_box .quick_box ul{margin: 0 0 15px 0; overflow: hidden}
.main_image_box .quick_box ul li{float: left; padding:0 5px 15px; display: table}
.main_image_box .quick_box ul li:nth-child(1){padding:0 5px 15px 10px;}
/*.main_image_box .quick_box ul li:nth-child(3){padding:0 10px 15px 10px;}*/
.main_image_box .quick_box ul li a{padding:0 10px; background: #ffffff; width:116px; max-width:110px; height:121px; text-align: center; font-size:15px; display: table-cell; vertical-align: middle}
.main_image_box .quick_box ul li a img{width:47px; margin:0 auto 6px;}
.main_image_box .quick_box ul li a span{font-size:15px; color:#4db9fe; display: block; line-height: 1.2rem;}
.main_image_box .quick_box ul li:hover a{box-shadow: 0 4px 11px 1px rgb(37, 135, 197); transition: all ease 0.4s;}
.main_image_box .quick_box p{text-align: center; color: #fff; font-size:18px; line-height: 24px;}
.promotion_publisher{width:100%; height:835px; margin:0; background-image:url('../images/adn_main_img.jpg'); background-size:cover;}
.promotion_advertiser{width:100%; height:400px; margin:70px 0 0 0; background-image:url('../image/bg_promotion_advertiser.jpg'); background-size:cover; background-position:right bottom;}
.promotion_partners{width:100%; height:400px; margin:70px 0 0 0;}
.promotion_partners01{width:100%; height:400px; background-image:url('../image/bg_promotion_partners01.jpg'); background-size:cover;}
.promotion_partners02{width:100%; height:400px; background-image:url('../image/bg_promotion_partners02.jpg'); background-size:cover;}
.promotion_partners_btn_wrap{width:400px; margin:20px auto 0 auto; text-align:center;}
.promotion_contact{width:100%; height:400px; margin:70px 0 0 0; background-image:url('../image/bg_promotion_contact.jpg'); background-size:cover;}

.promotion_text01{font-size:50px; color:#e13a52; font-weight:300; letter-spacing:-0.05em;}
.promotion_text02{font-size:48px; color:#e13a52; font-weight:100; letter-spacing:-0.05em;}
.promotion_text03{font-size:32px; color:#e13a52; font-weight:100; letter-spacing:-0.05em;}
.promotion_center{width:1200px; height:100%; margin:0 auto; padding:70px 0 0 0; position: relative}
.promotion_center .title_box{text-align: left; font-size:18px; margin:160px 0 0 0;}
.promotion_center .title_box h2{margin:0 0 30px 0; width: 561px;}
.promotion_center .title_box p{line-height:28px; margin:0 0 55px 0; color:#fff; font-weight: 200}
.promotion_center .title_box .goods_info{background:rgba(0,0,0,0.1); color:#fff; font-size:18px; padding: 13px 30px; font-weight:200; border:1px solid #fff; border-radius: 30px; display: inline-block;}
.promotion_center .title_box .goods_info:hover{background:rgba(0,0,0,0.3);}
.promotion_center .title_box .goods_info img{padding:0 0 0 10px;width: 7px;display: inline-block;}
.sec_content .title_box {margin:0 0 45px 0; text-align: center;}
.sec_content .title_box h3{font-size:35px; margin: 0 0 8px 0; font-weight: 600;}
.sec_content .title_box p{font-size:17px; color:#434546; font-weight: 200;}

.sec_content .adn_info_wrap .title_box h3{font-size:55px; margin: 0 0 15px 0; font-weight: 100;}
.sec_content .adn_info_wrap .title_box h3 img{width:124px;display: inline-block; vertical-align: middle; margin: -5px 2px 0 0;}
.sec_content .adn_info_wrap .title_box p{}

.publisher_diagram{margin:50px 0 0 0;}
.publisher_diagram img{width:1000px;}
.sub_sec_text{display:inline-block; font-size:20px; font-weight:200; line-height:150%;}
.sub_sec_text > strong{display:block; margin:0 0 30px 0; font-size:37px; font-weight:300; letter-spacing:-0.05em;}
.publisher_features{margin:50px 0 0 0;}
.publisher_features > li{height:260px; margin:0 0 50px 0; background-color:#fff;}
.publisher_features li img{float:left; width:50%;}
.publisher_features li ul{float:left; width:47%; padding:40px 0 0 3%; vertical-align:top; font-size:26px; line-height:100%; font-weight:200;}
.publisher_features li ul li{margin:10px 0 0 0; font-size:14px; font-weight:200; padding:0 0 0 12px; background-image:url('../image/blt_common_redsquare.jpg'); background-size:5px; background-repeat:no-repeat; background-position:left center; background-position-y:10px;}
.publisher_features_blue{padding:30px 0 15px 0; background-color:#1793d9; text-align:center; font-size:24px; color:#fff; font-weight:200; }
.publisher_features_blue img{display:block; margin:30px auto 0 auto; width:900px;}
.publisher_features .right img{float:right;}
.publisher_process{height:200px; margin:50px 0 0 0;}
.publisher_process li{float:left; width:20%; }
.publisher_process li img{width:100%;}

.advertiser_sec01{display:block; font-size:36px; font-weight:300; margin:50px 0 50px 0; padding:0 0 50px 0; border-bottom:1px solid #e3e3e3;}
.advertiser_sec01 img{display:block; height:342px; margin:30px 0 0 0;}
.product{position:relative; display:inline-block; width:200px; height:470px; margin:0 15px 30px 0; padding:15px; background-color:#fff; font-size:15px; font-weight:300; vertical-align:top; z-index:10;}
.product > strong{display:block; font-size:20px; font-weight:300;}
.product img{display:block; width:100px; margin:20px auto 40px auto;}
.product ul{margin:20px 0 0 0;}
.product ul li{margin:10px 0 0 0; font-size:14px; font-weight:200; padding:0 0 0 12px; background-image:url('../image/blt_common_redsquare.jpg'); background-size:5px; background-repeat:no-repeat; background-position:left center; background-position-y:5px;}
.product_btn{position:absolute; bottom:15px; width:190px; height:40px; padding:0 0 0 10px; text-align:center; background-color:#e13a52; color:#fff; line-height:40px; font-size:15px; letter-spacing:-0.03em; font-weight:200; border:none; border-radius:0; -webkit-appearance:none; text-align:left; background-image:url('../image/ico_product_arrow.png'); background-size:11px; background-repeat:no-repeat; background-position:right center; background-position-x:175px; cursor:pointer;}
.product_btn:hover{background-color:#b02337;}
.product_detail{display:none; position:absolute; top:0; left:0; width:90%; height:440px; padding:30px 5%;; background-color:#fff; z-index:20;}
.product_detail .title{font-size:24px; font-weight:300;}
.detail_close{position:absolute; right:0; top:0; cursor:pointer;}
.detail_close img{width:58px;}
.detail_content{display:block; margin:50px 0 0 0;}
.detail_content img{width:900px;}
.product_detail_close{position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}

.partners_list{margin:50px 0 0 0;}
.partners_list li{display:inline-block; margin:0 15px 50px 15px;}
.partners_list li img{width:165px;}
.tab_dsp{display:none;}
.partners_tab{display:block; width:1000px; margin:0 auto; text-align:center;}
.partners_tab li{display:inline-block; width:250px; height:60px; margin:0 0 0 -5px; background-color:#fff; border:1px solid #248cc6; line-height:60px; font-size:26px; font-weight:100; color:#626262; cursor:pointer;}
.partners_tab .on{background-color:#248cc6; color:#fff;}
.partners_list > .text{display:block; margin:30px 0 0 50px; font-size:18px; font-weight:200;}

.strong_bold{display:block; margin:40px 0 20px 0; font-size:46px; font-weight:500; letter-spacing:-0.05em;}
.history{position:relative; margin:50px 0 0 0; padding:0 0 0 135px;}
.history li{height:50px; padding:0 0 0 30px; background-color:#f4f4f4; font-size:16px; font-weight:200; line-height:50px;}
.history li:nth-child(2n){background-color:#fff;}
.history_y2016{position:absolute; top:3px; left:0;}
.history_y2016 img{width:93px;}
.history_y2013{position:absolute; bottom:0; left:0;}
.history_y2013 img{width:93px;}
.sec_contact02{background-image:url('../image/bg_contact_s02.jpg'); background-size:cover; background-repeat:no-repeat; background-position:right top; font-size:22px; color:#fff; font-weight:100; line-height:200%;}
.sec_contact02 > div > strong{display:block; font-size:40px; font-weight:100;}
.sec_contact02_bold{font-weight:500;}
.sec_contact03_logo{display:inline-block; width:280px; vertical-align:top;}
.sec_contact03_logo img{width:232px;}
.sec_contact03_text{display:inline-block; vertical-align:top; font-size:16px; font-weight:200; line-height:150%;}
.sec_contact03_text li{display:inline-block; margin:0 30px 20px 0;}
.sec_contact03_text li:first-child{display:block;}
.sec_contact03_text img{display:inline-block; width:18px; vertical-align:top; margin:1px 7px 0 0;}
.sec_contact03_text li a:link{color:#000;}
.policy{margin:100px 0 0 0; padding:0 50px; font-size:16px; font-weight:200; line-height:180%;}
.policy > h1{font-size:30px; font-weight:600;}
.policy > h2{display:block; margin:30px 0 -10px 0; font-size:20px; font-weight:400;}

.info_header{position:relative !important;}
.info_header .center_wrap{text-align:center;}
.info_header .logo img{width:200px;}
.info_wrap{position:relative; width:92%; padding:30px 4%; text-align:center;}
.info_text strong{font-size:28px; font-weight:600; line-height:150%;}
.info_list{background-color:#eee; margin:20px 0; padding:10px 10px 10px 30px; list-style:decimal; text-align:left;}
.info_list li{padding:5px 0; font-size:16px; font-weight:200;}
.info_list2{margin:20px 0; padding:10px 10px 10px 30px; list-style:disc; text-align:left;}
.info_list2 li{padding:5px 0; font-size:16px; font-weight:200;}
.info_footer{text-align:center;}
.info_footer{display:block; width:92%; padding:20px 4%; border-top:1px solid #eee; text-align:center; font-size:12px; line-height:150%; color:#717171;}
.info_footer_logo{margin:0 0 10px 0;}
/*.info_footer_logo img{height:16px;width: 140px;margin: 0 auto;}*/
.info_footer_logo img{height:20px;width: 145px;margin: 0 auto;}
.info_btn a{display:block; width:120px; height:40px; margin:10px auto; text-align:center; background-color:#e13a52; color:#fff; line-height:40px; font-size:16px; letter-spacing:-0.03em; font-weight:200; border:none; border-radius:0; -webkit-appearance:none; cursor:pointer;}
.info_btn a:hover{background-color:#b02337;}

/*Footer*/
#foot{background:url("../images/footer_bg.png"); background-position:top; background-repeat:repeat-x; background-size:contain; overflow: hidden; padding:40px 0; line-height: 1.2em;}
#foot .footer_box{width:1000px; margin:0 auto; color:#bcbcbc; font-size:15px; text-align: left; position: relative;}
#foot .right_contents{float:right; position: absolute; right:0; top:30px; margin: 0;}
#foot .right_contents dl{color:#dfdfdf}
#foot .right_contents dl dt{font-size: 17px;font-weight: 200; margin: 0 0 9px 0;}
#foot .right_contents dl dt:before{background-image: url("../images/call_ico.png");background-size:cover; content: ''; width:31px; height:32px; display: inline-block; vertical-align: middle; margin: 0 7px 0 0;}
#foot .right_contents dl dd{font-size:15px; font-weight:200; margin: 0 0 8px 0;}
#foot .left_contents{float:left; padding: 27px 0 0 0;}
#foot .left_contents h1{font-size:20px; margin:0 0 20px 0;}
#foot .left_contents .text_box{}
#foot .left_contents .text_box p{margin:0 0 10px 0;}
#foot .left_contents .text_box ul{margin:0 0 20px 0;}
#foot .left_contents .text_box ul li{margin:0 0 3px 0;}
#foot .top_quick {text-align: center;background: #000;width: 55px;height: 55px;box-shadow: 0 15px 16px 2px rgb(49, 59, 66);position: absolute;right: 0;top: -35px;}
#foot .top_quick:hover{box-shadow: 0 15px 16px 2px rgb(28, 36, 41); transition: all ease 0.4s}
#foot .top_quick a {display: block !important; opacity: 1 !important;}
#foot .top_quick a img {display: block !important;;width: 12px;margin: 0 auto 2px;padding: 11px 0 0 0;}
#foot .top_quick a small {color: #fff;font-size: 14px;}
#footer_wrap{padding:30px 0 0 0;}

/*타게팅 전략*/
.targeting_list{overflow: hidden;margin: 0 0 30px 0;}
.targeting_list li{padding: 35px; background-color:#64e7e5; background-repeat: no-repeat; background-size: 109px 137px; background-position: right 38px; float: left; overflow: hidden; width:280px; height:191px;}
.targeting_list li .type{width:56px; display: block; }
.targeting_list li .type img{}
.targeting_list li h4{margin:41px 0; font-size:29px; font-weight:400; line-height: 31px;}
.targeting_list li h4 small{font-size: 20px; font-weight:400; display: block}
.targeting_list li p{color:#4c4c4c; font-size:14px; font-weight: 200; letter-spacing: -1px;}
.targeting_list li:nth-child(1){background-color:#64e7e5; background-image: url("../images/type01_ico.png");}
.targeting_list li:nth-child(2){background-color:#eef5fa; background-image: url("../images/type02_ico.png");}
.targeting_list li:nth-child(3){background-color:#b0e0ff; background-image: url("../images/type03_ico.png");}
.targeting_list li:nth-child(4){background-color:#69c2fb; background-image: url("../images/type04_ico.png");}
.targeting_list li:nth-child(5){background-color:#a3f1ff; background-image: url("../images/type05_ico.png");}
.targeting_list li:nth-child(6){background-color:#6adeef; background-image: url("../images/type06_ico.png");}

/*across adn*/
.banner_info{overflow: hidden;margin: 0 0 70px 0;}
.banner_info li{font-size:16px; text-align: center; float:left; margin:0 14px 0 0}
.banner_info li:last-child{margin:0}
.banner_info li img{display: block; margin:0 0 5px 0; width:252px;}

.adn_ad_box{}
.adn_ad_box .and_ad_title{display: inline-block; padding: 19px 0 0 0; vertical-align: top;}
.adn_ad_box .and_ad_title h4{font-weight: 200; font-size:49px; display: inline-block;}
.adn_ad_box .and_ad_title h4 img{display: block; width: 108px;}
.adn_ad_box .and_ad_title:after{display: inline-block; content: ''; width:100px; height:1px; background: #000; margin: -89px 0 0 10px; vertical-align: middle;}
.adn_ad_box ul{display: inline-block; width: 730px; margin:0 0 0 52px}
.adn_ad_box ul li{float:left; overflow:hidden; margin: 0 58px 35px 0; width: 330px;}
.adn_ad_box ul li img{display: inline-block; margin:0 15px 0 0; width: 82px; vertical-align: middle}
.adn_ad_box ul li p{font-size:16px; line-height: 23px; font-weight: 200; display: inline-block; width:70%; vertical-align: middle}
.adn_ad_box ul li:nth-child(2){margin:0 0 25px 0}
.adn_ad_box ul li:nth-child(4){margin:0 0 25px 0}

/*adn이 무엇인가요?*/
.adn_info_wrap{margin:0 0 30px 0;}
.adn_info_wrap .adn_process{margin: 80px auto 0;overflow: hidden;}
.adn_info_wrap .adn_process .step_box{z-index: 1; position: relative; margin:0 0 0 45px;}
.adn_info_wrap .adn_process .step_box>img{width:232px;display: inline-block; margin:0}
.adn_info_wrap .adn_process .step_box dl{display: inline-block; vertical-align: top; margin: 40px 0 0 75px;}
.adn_info_wrap .adn_process .step_box dl dt{margin:0 0 27px 0;}
.adn_info_wrap .adn_process .step_box dl dt img{width:78px;}
.adn_info_wrap .adn_process .step_box dl dd{font-size:20px;}
.adn_info_wrap .adn_process .step_box dl dd b{font-size:20px; font-weight:500; color:#4db9fe; }
.adn_info_wrap .adn_process .next_tip{z-index: 2; margin:-61px 0 0 355px; display: table;}
.adn_info_wrap .adn_process .next_tip .line_arrow{ width:18px; height:130px; display: table; background-image: url("../images/next_tip_line.png"); background-repeat: repeat-y; background-position: center; margin:0 10px 0 0;}
.adn_info_wrap .adn_process .next_tip .line_arrow .arrow_box{display: table-cell; vertical-align: middle}
.adn_info_wrap .adn_process .next_tip .line_arrow .arrow_box img{display: table-cell; width:17px; text-align: center; vertical-align: middle;}
.adn_info_wrap .adn_process .next_tip p{color:#09d2cf; font-size:16px; font-weight: 300; display: inline-block; vertical-align: middle;margin: -161px 0 0 28px;line-height: 20px; text-align: left;}

.adn_info_wrap .adn_process .step_box.step01{background-image: url("../images/adn_pt_bg01.png"); background-repeat: no-repeat; background-position: right;}
.adn_info_wrap .adn_process .step_box.step02{background-image: url("../images/adn_pt_bg02.png"); background-repeat: no-repeat; background-position: 10% center; background-size: contain;}
.adn_info_wrap .adn_process .step_box.step03{background-image: url("../images/adn_pt_bg03.png"); background-repeat: no-repeat; background-position: 89% center;}

.adn_info_wrap .adn_process .step_box.step01 dl dt img{width:68px;}

.adn_info_wrap .adn_process .step_box.step02{margin:-34px 0 0 0; padding:0 0 0 305px; position: unset;}
.adn_info_wrap .adn_process .step_box.step02>img{width:393px; position: absolute; right: 0; margin:0;}
.adn_info_wrap .adn_process .step_box.step02 dl{margin:40px 0 0 55px;}
.adn_info_wrap .adn_process .next_tip.stop02{margin:28px 0 0 355px;}

.adn_info_wrap .adn_process .step_box.step03{margin:-20px 0 0 69px;}
.adn_info_wrap .adn_process .step_box.step03 dl{margin:25px 0 0 59px;}




/* popup */
.popup_wrap{position:absolute; top:0; right:10px; width:350px; z-index:100;}
.popup_img img{display:block; width:350px; margin:0; padding:0;}
.popup_bottom{display:block; width:100%; height:30px; background-color:#e3e3e3; text-align:right; line-height:30px; font-size:12px;}
.popup_closetoday{display:inline-block; margin:0 10px 0 0;}
.popup_close{display:inline-block; height:24px; margin:0 5px 0 0; padding:0 5px; background-color:#302e2f; color:#fff; line-height:24px;}
.popup_close a{color:#fff; font-weight:bold;}


/* drop down */


/*adx ver*/
.main_image_box.adx_ver{padding:0;}
.main_image_box.adx_ver .promotion_center .title_box .goods_info {margin: 0 10px 10px 0;}
.main_image_box.adx_ver .promotion_publisher{height:678px; background-image: url(../images/adx_main_img.jpg); background-position: right; }

/*adx란 무엇인가요?*/
.adn_info_wrap{}
.adn_info_wrap .adx_explanation{display: flex;margin: 0 auto;text-align: center;justify-content: center;}
.adn_info_wrap .adx_explanation ul{display: inline-block; margin:40px 0 0 0; vertical-align: top;}
.adn_info_wrap .adx_explanation ul li{text-align: center; color:#526e82; font-size:16px; margin:0 0 35px 0;}
.adn_info_wrap .adx_explanation ul li img{width:83px; margin:0 0 5px 0;}
.adn_info_wrap .adx_explanation ul.left{margin:40px 0 0 0;}
.adn_info_wrap .adx_explanation ul.right{}
.adn_info_wrap .adx_explanation .center{display: inline-block; background-image: url(../images/adx_info_bg.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 60%; position: relative; height: 410px; padding:70px 0 0 0}
.adn_info_wrap .adx_explanation .center .arrow_info{position: absolute;}
.adn_info_wrap .adx_explanation .center .arrow_info .ico{font-size:18px; text-align: center; font-weight:500}
.adn_info_wrap .adx_explanation .center .arrow_info .ico img{width: 42px; margin:0 auto 5px}
.adn_info_wrap .adx_explanation .center .arrow_info .arrow_line{background-image: url(../images/adx_left_dot.png); background-size: 15px; background-repeat: repeat-x; background-position: center; width: 100%;height: 15px;}
.adn_info_wrap .adx_explanation .center .arrow_info.publisher .arrow_line{background-image: url(../images/adx_right_dot.png); background-size: 15px; background-repeat: repeat-x; background-position: center; width: 100%;height: 15px;}
.adn_info_wrap .adx_explanation .center .arrow_info .arrow_line img{width: 8px;}
.adn_info_wrap .adx_explanation .center .advertiser{left: 60px;top: 165px;width: 140px;}
.adn_info_wrap .adx_explanation .center .advertiser.arrow_info .ico{color:#39cfcc}
.adn_info_wrap .adx_explanation .center .publisher{right: 60px;top: 165px;width: 140px;}
.adn_info_wrap .adx_explanation .center .publisher.arrow_info .ico{color:#35b0fb}
.adn_info_wrap .adx_explanation .center .publisher.arrow_info .arrow_line img{position: absolute;right: 0;}
.adn_info_wrap .adx_explanation .center .adx_logo{margin: 55px 0 0 0;}
.adn_info_wrap .adx_explanation .center .adx_logo img{width: 129px; margin: 0 auto 15px}
.adn_info_wrap .adx_explanation .center .adx_logo dl{}
.adn_info_wrap .adx_explanation .center .adx_logo dl dt img{width: 198px; margin:0 auto 8px;}
.adn_info_wrap .adx_explanation .center .adx_logo dl dd{color:#77a5c4; text-align: center;font-weight: 200;line-height: 20px;}

/*adx 기능*/
.function_list{overflow: hidden;margin: 0 0 30px 0;}
.function_list>li{padding: 35px; background-color:#64e7e5; background-repeat: no-repeat; background-size: 153px 103px; background-position: right 38px; float: left; overflow: hidden; width:280px; height:315px;}
.function_list>li .type{width:56px; display: block; }
.function_list>li .type img{}
.function_list>li h4{margin:41px 0; font-size:29px; font-weight:400; line-height: 33px; height: 60px}
.function_list>li h4 small{font-size: 20px; font-weight:400; display: block}
.function_list>li p{color:#4c4c4c; font-size:14px; font-weight: 200; letter-spacing: -1px;}
.function_list>li:nth-child(1){background-color:#64e7e5; background-image: url("../images/function01.png");}
.function_list>li:nth-child(2){background-color:#eef5fa; background-image: url("../images/function02.png");}
.function_list>li:nth-child(3){background-color:#b0e0ff; background-image: url("../images/function03.png");}

.function_list li ul{}
.function_list li ul li{color:#4c4c4c; font-size:14px; margin:0 0 15px 0; padding: 0 0 0 21px;}
.function_list li ul li:nth-child(1){background-image: url("../images/num01.png"); background-size: 14px; background-position: 0 4px; background-repeat: no-repeat}
.function_list li ul li:nth-child(2){background-image: url("../images/num02.png"); background-size: 14px; background-position: 0 4px; background-repeat: no-repeat}
.function_list li ul li:nth-child(3){background-image: url("../images/num03.png"); background-size: 14px; background-position: 0 4px; background-repeat: no-repeat}
.function_list li ul li .num_black{display: inline-block; width:14px; height:14px; font-size:9px; text-align: center; line-height: 13px; color: #fff; margin:0 5px 0 0; background: #000; border-radius: 50%;}

.adx_impresion{text-align: center}
.adx_impresion .black_line{background:#000000; height: 40px; width: 1px; display: block; margin: 20px auto 10px; text-align: center}
.adx_impresion p{color:#000000; font-size:23px; line-height: 43px; position: relative;display: inline-block; font-weight: 200}
.adx_impresion p:before{content: ''; display:inline-block; width:35px; height:25px; background-image: url("../images/quotes_left.png"); background-size: 35px 25px; background-position: 0; background-repeat: no-repeat; position: absolute; position: absolute; left: -60px;top: 26px;}
.adx_impresion p:after{content: ''; display:inline-block; width:35px; height:25px; margin:0; background-image: url("../images/quotes_right.png"); background-size: 35px 25px; background-position: 0; background-repeat: no-repeat; position: absolute; position: absolute; right: -60px;top: 26px;}
.adx_impresion p b{font-weight:600}
.adx_impresion p .point_txt{color:#f92f57; font-weight: 600; font-size:35px;}

.ranking_wrap{margin:10px 0 0 0;}
.ranking_wrap .ranking_table{border-spacing: 5px; display: inline-block; margin:-10px 0 0 20px; width: 426px; vertical-align: middle;}
.ranking_wrap .ranking_table li:first-child{background:#fff; padding:15px 10px; box-shadow: 0 5px 16px 0 rgba(133, 146, 150, 0.25); color:#666666; font-weight: 400; text-align: center; font-size: 16px; border:none;}
.ranking_wrap .ranking_table li{background:#fff; padding:15px 10px; box-shadow: 0 5px 16px 0 rgba(133, 146, 150, 0.25); color:#666666; font-weight: 200; text-align: center; font-size: 16px; border:none; margin:0 0 5px 0;}
.ranking_wrap .ranking_table li .th {display: inline-block;}
.ranking_wrap .ranking_table li .td {display: inline-block;}
.ranking_wrap .ranking_table li .th:nth-child(1){width:48%;}
.ranking_wrap .ranking_table li .th:nth-child(2){width:22%;}
.ranking_wrap .ranking_table li .th:nth-child(3){width:30%;}
.ranking_wrap .ranking_table li .td:nth-child(1){color:#000000; font-weight:600; width:48%;}
.ranking_wrap .ranking_table li .td:nth-child(2){color:#666666; font-weight:200; width:22%;}
.ranking_wrap .ranking_table li .td:nth-child(3){color:#ec2c54; font-weight:200; width:30%;}
.ranking_wrap .ranking_table li.last{background: #000;}
.ranking_wrap .ranking_table li.last .td:nth-child(1){color:#fff}
.ranking_wrap .ranking_table li.last .td:nth-child(2){color:#fff}
.ranking_wrap .ranking_table li.last .td:nth-child(3){color:#ec2c54}

.ranking_wrap .right_arrow{display: inline-block; width:53px; margin:0 70px 0; vertical-align: middle}
.ranking_wrap .ranking_img{display: inline-block; width:383px; margin:0; vertical-align: middle;}

/*adx 절차*/
.step_box{background-image:url("../images/process_dot.png"); background-repeat: no-repeat; background-size: unset; background-position:center 87px; overflow: hidden}
.step_box li{float: left;}
.step_box li dl{margin: 0 57px 0 0; padding: 10px 0 0 20px;;}
.step_box li:last-child dl{margin:0;}
.step_box li dl dt{border: 1px solid #f0f0f0; background: #fff; box-shadow: -5px 5px 15px rgba(84, 101, 134, 0.3); position: relative; z-index: 1; margin: 0 0 25px; width: 140px;height: 140px;border-radius: 50%;}
.step_box li dl dt i{width: 66px; position: absolute; top:8px; left:0; z-index: 2}
.step_box li dl dt>img{display: block; text-align: center; margin: 0 auto; width: 59px; padding:46px 0 0 0;}
.step_box li dl dd{color:#000000; text-align: center; line-height: 20px;}


/*문의하기*/
.contact_wrap{margin:0 auto;display: table-cell;vertical-align: middle;}
.contact_form{width:670px; margin:0 auto 0;}
.popupDiv .title_box{display: block; margin:0 auto 40px;}
.popupDiv .title_box h1{margin:0 auto 20px; text-align: center; width:100%; max-width: 382px;}
.popupDiv .title_box p{color:#fff; opacity: 0.8; text-align: center; font-size:15px; font-weight: 200;}
.contact_form input[type="text"]{width:calc(45% - 0px); display: inline-block; border-radius:0;}
.contact_form textarea{width:calc(100% - 36px); height:90px; display: block; margin:0 3%; border-radius:0;}
.contact_form .input_box{margin:0 0 30px 0;}
.contact_form .name_ver{margin:0 5% 0 2%;}
.contact_form .email_ver{margin:0 5% 0 2%;}
.contact_form .contact_btn{width:96%; margin:0 3%; color:#000000; font-size:24px; font-weight:500; border: none; padding:20px 0; cursor: pointer; background: #ffffff; font-family:'Noto Sans Korean','맑은 고딕','malgun','Malgun Ghothic','Dotum','돋움','Arial','AppleGothic', sans-serif;}
.contact_form .contact_btn:hover{box-shadow: 0 3px 15px 5px rgba(0, 0, 0, 0.53); -webkit-transition-duration: 400ms; transition-duration: 400ms;transition-delay: 0s;}
.contact_form .agree_check a{color:#00c0ff; text-decoration: underline; display: inline-block;}
.contact_form input,textarea{background:transparent; border:none; border-bottom: 1px solid #505050; color: #fff; font-size:1em; padding: 5px 0; font-family:'Noto Sans Korean','맑은 고딕','malgun','Malgun Ghothic','Dotum','돋움','Arial','AppleGothic', sans-serif;}


/* checkbox */
.agree_check{text-align: left; margin: 8px 3% 20px;}
.agree_check input[type="checkbox"] {display:none;}
.agree_check input[type="checkbox"] + label {cursor: pointer}
.agree_check input[type="checkbox"] + label span {display:inline-block;width:19px;height:19px;margin:0 5px 0 0;vertical-align:middle;background:url("../images/check.png") left top no-repeat;cursor:pointer;}
.agree_check input[type="checkbox"]:checked + label span {background:url("../images/check.png") -19px top no-repeat;}
.agree_check input[type="checkbox"] + label a:hover{color:#00c0ff}


/* 전체 POPUP style */
.popupDiv {  /* 팝업창 css */
	top : 0 !important;
	position: fixed;
	background-image:url("../images/contact_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1000;
}

.popup_mask { /* 팝업 배경 css */
	position: fixed;
	width: 100%;
	height: 1000px;
	top: 0;
	left: 0;
	display: none;
	background-color:#000;
	opacity: 0.8;
}
.popCloseBtn{width:41px; height:41px; background-image:url("../images/pop_close.png"); background-repeat: no-repeat; background-size: cover; background-position:center; background-color: transparent; position: absolute; right:30px; top:30px;border: none;font-size: 0;text-indent: -9999px; cursor: pointer;}

/* notice POPUP style */
[class^="pop_wrap"] {overflow: hidden;position: fixed;top: 50%;left: 50%;width: 30%; max-width:700px; min-width:320px; background: #fff;z-index: 10000;}
.pop_header {position: relative;height: 53px; color: #000;font-size: 1.1em;line-height: 1.6em;}
.pop_header .btnp-close {position: absolute;right: 0;top: 0; width:29px; height:30px;}
.pop_header .btnp-close img{width: 100%}

.pop_wrap{padding:50px;}
.pop_wrap .pop_header{}
.pop_wrap .pop_header h2{padding:3px 0 0 0; font-weight:600;}
.pop_wrap .pop_header h2 a{}
.pop_wrap .pop_box{font-weight:200;overflow-y: auto; height:auto; max-height: 440px; padding:5px 0; opacity: 0.9; line-height: 1.4em;}


/*준비중*/
.waiting{text-align: center; margin:0 auto}
.waiting dt{width:405px; margin:0 auto 45px}
.waiting dd{font-weight:300; font-size:27px; line-height: 38px}
.waiting dd b{font-weight: 600; font-size:27px;}

/*mobile menu*/

.nav {display: none;position: relative;text-align: right;z-index: 9;margin-top: -30px;width: 100%;background: transparent;}

.nav a {
	position: relative;
	display: inline-block;
	font-weight: 100;
	font-size: 17px;
	padding: 6px 15px;
	color: #fff;
	z-index: 9999;
	clear: both;
	text-align: center;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.nav a:active, .nav a:focus { background: transparent !important; }
.nav a i {font-size: 22px;vertical-align: middle;color: #e21784;}
.nav ul {padding: 0px;margin: 0px;z-index: 999;position: relative;display: inline-block;width: 100%;}
.nav ul li {display: inline-block;margin: 0px !important;padding: 0px !important;}
.nav .show { display: inline-table !important; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: transparent !important; }

#nav-icon {
	width: 40px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-icon span {
	display: block;
	position: absolute;
	height: 9px;
	width: 100%;
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) { top: 0px; }
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 18px; }
#nav-icon span:nth-child(4) { top: 36px; }
#nav-icon.open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}

.snavvy-container {position: absolute;overflow: hidden;left: 0;right: 0;display: block;height: auto;}
.snavvy-fullscreen {top: 0;bottom: 0;}
.snavvy {
	display: none;
	position: fixed;
	height: auto !important;
	padding: 0;
	z-index: 999;
	overflow: scroll;
	background: #fff;
	opacity: 1;
	transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
}

.has-container {position: relative !important;}
.get-snavvy {opacity: 1;}
#close-snavvy {width: 25px; height:25px;cursor: pointer;background: url("../images/mobile_menu_close.png"); background-size: 100%; background-repeat: no-repeat;float: right;margin: 5% 5% 0;}
.snavvy-links {width: 100%;position: relative;overflow: hidden;display: block;}
.snavvy-links ul {padding: 0px;margin: 0px;}
.snavvy-links ul li {margin: 0px;padding: 0px;list-style-type: none;}
.snavvy-links ul li a {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 18px;
	padding: 20px 0;
	color: #3f3f3f;
	border-bottom:1px solid #f7f7f7;
}
.snavvy-links ul li button{display: block;text-align: center;width: 100%;font-size: 18px;color: #3f3f3f;padding: 20px 0; border:none; background: none}

#header .menu_white{display: block}
#header .menu_black{display: none}

#header.change .menu_white{display: none}
#header.change .menu_black{display: block}

#header.change li:hover .menu_on{display: block}
#header.change li:hover .menu_black{display: none}

#header.change .nav{margin-top:-33px;}
#header.change .nav #nav-icon{width:30px}
.step_box ul li.mobile_br{display: none;}

/* 02. Desktop Device */
@media all and (max-width:1200px) {
	#foot .top_quick{top: -15px;}
	.nav{display: block}
	.snavvy{display: block}
	.gnb_wrap{display: none}
	#header{width: 91%;padding: 0 5%;}
	.promotion_center{margin:0 auto}
	.promotion_center .title_box{text-align: center;}
	.promotion_center .title_box h2{margin: 0 auto 30px; width: 100%; min-width: 240px;max-width: 562px;}

	.promotion_center{width: 100%;}
	.center_wrap{width:100%}
	.sec_content{width:94%;}

	.main_image_box .quick_box{position:relative; margin: 100px auto 0; padding:29px 5%; width: 435px;text-align: center;}
	.main_image_box .quick_box ul li{min-width: 130px}
	.main_image_box .quick_box ul li a{width: 100%; height: 140px;}

	.targeting_list li{width: 42.3%;}
	.targeting_list li{width: calc(44.5% - 30px);}

	.banner_info li{margin: 0 2% 0 0; width: 23.3%;}
	.banner_info li img{width: 100%}

	.adn_ad_box .and_ad_title h4 img{display: inline-block;width: 108px;margin: 0 15px 0 0;}

	.adn_ad_box .and_ad_title{width: 100%; margin:0 0 30px 0;}
	.adn_ad_box .and_ad_title:after{display: inline-block; margin:-30px 0 0 19px;}

	.adn_ad_box ul{margin:0; width: 100%;}
	.adn_ad_box ul li{margin: 0 8% 35px 0;width: 46%;}
	.adn_ad_box ul li:nth-child(2){margin: 0 0 35px 0;}
	.adn_ad_box ul li:nth-child(4){margin: 0 0 35px 0;}

	#foot .footer_box{width:94%;}
	#foot .left_contents{float: none;padding: 27px 0 0 0;text-align: center;}
	#foot .right_contents{float: none;position: relative; margin:0 0 30px 0;}
	#foot .right_contents dl {text-align: center}
	#foot .right_contents dl dd {width: 100%;}
	#foot .right_contents dl dd img{width: 209px; margin: 0 auto}

	.fiexd_right_btn{display: none;}

	.adn_info_wrap .adx_explanation{display: block}
	.adn_info_wrap .adx_explanation ul{display: block; width: 100%; margin: 40px auto;}
	.adn_info_wrap .adx_explanation ul li{margin:0 3%; display: inline-block}
	.adn_info_wrap .adx_explanation ul.left{margin: 60px auto 30px;}
	.adn_info_wrap .adx_explanation .center{margin: 0 auto; padding:10% 0 0 0; background-size: contain; width: 90%;}

	.adn_info_wrap .adx_explanation .center .arrow_info{position: relative;left: auto !important;top: auto !important;}
	.adn_info_wrap .adx_explanation .center .arrow_info .ico img{margin:0 auto 2px;}
	.adn_info_wrap .adx_explanation .center .arrow_info .arrow_line{width: 8px;height: 80px;background-repeat: repeat-y; display: inline-block; margin:0 10px 0 0;background-image: url("../images/adx_left_dot02.png"); background-size: 3px;}
	.adn_info_wrap .adx_explanation .center .arrow_info .arrow_line img{transform: rotate( 90deg); position: absolute; margin: -3px 0 0 1px;}
	.adn_info_wrap .adx_explanation .center .arrow_info.publisher .arrow_line{width: 8px;height: 80px;background-repeat: repeat-y; background-image: url("../images/adx_right_dot02.png"); background-size: 3px;}
	.adn_info_wrap .adx_explanation .center .publisher.arrow_info .arrow_line img{transform: rotate( 450deg ); position: absolute;margin: 0 0 0 1px;right: unset;bottom: 0;}

	.adn_info_wrap .adx_explanation .center .advertiser{margin: -70px auto -20px;}
	.adn_info_wrap .adx_explanation .center .arrow_info .ico{display: inline-block;}

	.adn_info_wrap .adx_explanation .center .publisher{width: auto; margin: 46px 0; right: auto;}
	.adn_info_wrap .adx_explanation .center .publisher.arrow_info .ico{display: inline-block;}

	.function_list>li{float: none; width: auto; height: auto; background-position: right 18px;}
	.function_list>li h4{margin: 10px 0 26px;}

	.adx_impresion p{margin:0 0 35px 0;}
	.ranking_wrap .right_arrow{display: block;width: 53px;margin: 30px auto 30px; transform: rotate(90deg);}
	.ranking_wrap .ranking_table{width: 100%;vertical-align: middle;text-align: center; display: block; margin:-10px 0 0 0px;}
	.ranking_wrap .ranking_img{display: block;width: 100%;margin: 0 auto;vertical-align: middle;text-align: center;max-width: 383px;}

	.step_box{background: none;}
	.step_box ul{margin: 0 auto; text-align: center; min-width:111px;}
	.step_box li{margin: 0 2% 30px 0; width: 17%; max-width:160px; display: inline-block; float: none; vertical-align: top;}
	.step_box li dl{margin:0;}
	.step_box li dl dt{position: relative; height: 100%; width: 100%;}
	.step_box li dl dt:after {content: "";display: block;padding-bottom: 23%;}
	.step_box li dl dt>img{width: 44%; min-width: 38px;}
	.step_box li dl dd{font-size:15px}

}

@media all and (max-width:1080px) {
	.adn_info_wrap {margin: 0 0 30px 0;}
	.adn_info_wrap .adn_process{width: 295px;}
	.adn_info_wrap .adn_process .step_box dl{display: block; margin:20px 0 0 0}
	.adn_info_wrap .adn_process .step_box.step02 dl{margin:40px 0 0 25px;}
	.adn_info_wrap .adn_process .step_box.step02{margin: 0 0 20px 0;padding: 0; float: left; overflow: hidden; width: 100%}
	.adn_info_wrap .adn_process .step_box.step02>img{width: 293px;position: relative;}
	.adn_info_wrap .adn_process .next_tip.stop02{margin:20px 0 0 150px;}
	.adn_info_wrap .adn_process .next_tip{margin:20px 0 0 150px;}

	.adn_info_wrap .adn_process .step_box.step03{margin:0 0 0 45px;}
	.adn_info_wrap .adn_process .step_box.step03 dl {margin: 20px 0 0 0;}

	.adn_info_wrap .adn_process .step_box dl dt img{margin:0 auto;}
	.adn_info_wrap .adn_process .step_box dl dd{text-align: center}

}

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


}

@media all and (max-width:900px) {
	.targeting_list li{width: 87%;}
	.targeting_list li p br {display: none;}
}

@media all and (max-width:800px) {
	.adn_ad_box ul li{margin: 0 0 35px 0 !important;width: 100%;}
}

@media all and (max-width:750px) {
	.sec_content .adn_info_wrap .title_box h3{font-size: 2rem;}
	.sec_content .adn_info_wrap .title_box h3 img{width: 81px;}
	.sec_content .adn_info_wrap .title_box p{font-size:15px}

	.step_box ul{text-align: center}
	.step_box ul li{float: none; display: inline-block; vertical-align: top; min-width: 110px;}
	.step_box ul li.mobile_br{width: 100% !important;display: block !important;margin: 10px 0 !important;max-width: 100% !important;}

	.ranking_wrap .ranking_img{width:80%;}


}

@media all and (max-width:652px) {
	.main_image_box{margin:0 0 200px; padding:0;}
	.promotion_center{padding: 180px 0 0;}
	.adx_ver .promotion_center .title_box{width:90%; margin:0 auto; text-align: center;}
	.promotion_center .title_box{width:80%; margin:10px auto 0; text-align: center;}

	.main_image_box .quick_box ul{display: flex}
	.main_image_box .quick_box ul li{width:100%; min-width:auto; height: 110px; font-size:12px; letter-spacing: -1px;}
	.main_image_box .quick_box ul li:nth-child(1){padding:0 0 10px 0;}
	.main_image_box .quick_box ul li:nth-child(3){padding:0 0 10px 0;}

	.sec_content .title_box h3{font-size:28px;}
	.sec_content .title_box p{font-size:14px;}

	.adn_ad_box .and_ad_title:after{margin: -28px 0 0 10px;}

	.banner_info{margin: 0 auto 10px;width: 80%;text-align: center;}
	.banner_info li{margin: 0 2% 40px 0; width: 47.3%;}

	.popupDiv .title_box{margin:0 5% 40px;}
	.contact_form{width: 90%}
	.adn_info_wrap .adx_explanation .center{16% 0 0 0}
}

@media all and (max-width:500px) {
	.promotion_publisher{height:725px;}
	.promotion_center .title_box{width: 80%; margin:0 auto;}
	.main_image_box{}
	.main_image_box h3{margin:0 auto 21px; width: 85px;}
	.main_image_box .quick_box{ width: 81%;}
	.main_image_box .quick_box ul {margin:0}
	.main_image_box .quick_box ul li{height: auto;line-height: 20px;}
	.main_image_box .quick_box ul li a{height: 99px !important; padding: 14px 10px;}
	.main_image_box .quick_box ul li a img{width: 37px; margin:0 auto 3px}
	.main_image_box .quick_box p{font-size:14px;}

	.targeting_list li{padding:7%;}

	.adn_ad_box ul li {margin: 0 0 45px 0 !important; }
	.adn_ad_box ul li img{margin: 0 auto 16px; display: block}
	.adn_ad_box ul li p{width: 100%;text-align: center;display: block;}

	.adn_ad_box .and_ad_title h4{display: block; text-align: center;}
	.adn_ad_box .and_ad_title:after{display: none}

	#foot .footer_box{padding: 20px 0 0 0;}
	#foot .top_quick{top: -9px;}

	.promotion_center .title_box .goods_info{width: 50%; min-width: 170px;}

	.main_image_box .quick_box ul li a span{font-size:13px; line-height: 1rem; word-break: keep-all;}
}


/* 05. Old Mobile Device */
@media all and (max-width:360px) {
}