@charset "utf-8";
@import url("//img.enuri.info/fonts/Pretendard/dist/web/static/pretendard-dynamic-subset.css"); /* Pretendard Web Font */

/************************************************************************
 * 파일명 : ad_center.css
 * 설명 : 에누리 광고센터 CSS
 * 작성자  :신왕섭
 * 수정일 :2020.05.21
************************************************************************/

/* default.css */
html, body	 {width:100%;height:100%;}
body {width:100%;height:100%;background:#fff; margin:0; padding:0;}
/* mobile */
html{-webkit-text-size-adjust: none;} /* iphone */
/* common */
body{font-family:'Pretendard',"맑은 고딕", Malgun Gothic, Dotum, "돋움", verdana, sans-serif;font-size:12px;color:#666666; font-size:12px;color:#666;}
body, ul, ol, li, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, p, form, fieldset, blockquote, iframe, input, object, table, tr, th, td{margin:0;padding:0;}
ul, ol, li{list-style:none}
hr{display:none}
em{font-style:normal}
fieldset, img{border:none;}
legend, caption{display:none}

.hide{display:none}  /* none */
.blind {overflow:hidden;position:absolute;left:-1000%;top:0;width:0;height:0;font-size:0;line-height:0;} /* hide */
/* Link Css */
a {cursor:pointer}
a:link,  a:visited,  a:active, a:hover {text-decoration:none}
/* form */
textarea {font-family:'Pretendard',"맑은 고딕", Malgun Gothic, Dotum, "돋움", verdana, sans-serif;font-size:12px;color:#666666;outline:none}
select{font-family:'Pretendard',"맑은 고딕", Malgun Gothic, Dotum, "돋움", verdana, sans-serif;font-size:12px;}
input {font-family:'Pretendard',"맑은 고딕", Malgun Gothic, Dotum, "돋움", verdana, sans-serif;font-size:12px;outline:none; }
button{cursor:pointer;}
img {vertical-align:top;}

/*  */
#ad_wrap{color:#666666}
#ad_wrap,.ad_header,.ad_header *{font-family: 'Pretendard',-apple-system, BlinkMacSystemFont,"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo",sans-serif;font-weight:400}
.ico__sprite{background-image:url(//img.enuri.info/images/home/adcenter/img_sprite.png);background-repeat:no-repeat;}
.inner{position:relative;width:1060px;margin:0 auto}

.ad_header{height:72px;border-bottom:1px solid #e7e7e7;margin:0}
.ad_header .header_wrap{position:fixed;left:0;top:0;width:100%;height:72px;background:#fff;z-index: 1000}
.ad_header .header_wrap.fixed{border-bottom:1px solid #888}
.ad_header .header_wrap h1{margin-top:21px;height:28px;line-height:28px;font-size:25px;font-weight:600;color:#222;}
.ad_header .header_wrap .obj_bi{position:relative;display:inline-block;width:28px;height:28px;background:url(//img.enuri.info/images/home/adcenter/logo@28x28.png) no-repeat 50% 50%;background-size:28px;text-indent:-9999em;margin:0 2px 0 0;cursor:pointer}
.ad_header .header_wrap ul{overflow:hidden;position:absolute;top:6px;right:0;height:24px;line-height:24px;font-size:14px;font-weight: 600;}
.ad_header .header_wrap ul li{padding:0 20px 0 20px;position: relative;float:left;}
.ad_header .header_wrap ul li:before{content:"";position: absolute;height:16px;width:1px;border-left:1px solid #dadada;top:4px;left:0}
.ad_header .header_wrap ul li:first-child:before{display:none}
.ad_header .header_wrap ul li a{font-size:18px;display:block;padding-left:30px;position: relative;}
.ad_header .header_wrap ul li a:before{content:"";position: absolute;width:26px;height:24px;left:0;top:0;background-image:url(//img.enuri.info/images/home/adcenter/img_sprite.png);background-repeat:no-repeat;}
.ad_header .header_wrap ul li .btn_adq:before{background-position:0 0}
.ad_header .header_wrap ul li .btn_adintro:before{background-position:-30px 0}
.ad_header .header_wrap ul li .btn_pricetag:before{background-position:-60px 0}
.ad_header .header_wrap ul li .btn_bnrguide {padding-left:34px}
.ad_header .header_wrap ul li .btn_bnrguide:before{width:30px;background-position:-90px 0}
.ad_header .header_wrap ul:after{clear:both}

#ad_container{width:100%;min-width:1060px;max-width:none;}
.ad__visual{background:url(//img.enuri.info/images/home/adcenter/visual.png) no-repeat 50% 0 #0a66f9;height:520px;color:#fff;font-weight: 400;}
.ad__visual h2{height:100px;border-bottom:5px solid #fff;padding-right:180px;padding-top:115px;line-height:100px;display:inline-block;font-size:64px;font-weight: 500;letter-spacing: -3px}
.ad__visual h2 + p{margin:45px 0 0 0;line-height:28px;font-size:20px;}
.ad__visual h2 + p span{display:block;margin-top:8px;opacity:.8;}

.in_nav{height:56px;position: relative;}
.in_nav .nav_wrap{height:56px;width:100%;background:#0947b8}
.in_nav .nav_wrap.fixed{position:fixed;left:0;width:100%;z-index: 90;box-shadow: 0 0 5px rgba(0,0,0,.05);}
.in_nav .nav_wrap ul{overflow:hidden;height:56px}
.in_nav .nav_wrap ul li{position:relative;width:20%;float:left;height:100%;text-align:center;line-height:56px}
.in_nav .nav_wrap ul li:before{content:"";position: absolute;height:20px;width:1px;border-left:1px solid #2061c6;left:0;top:18px}
.in_nav .nav_wrap ul li:first-child:before{display:none}
.in_nav .nav_wrap ul li a{display:block;height:100%;color:#fff;opacity: .75;font-size:18px;font-weight: 400}
.in_nav .nav_wrap ul li.selected,
.in_nav .nav_wrap ul li:hover{background:#6fbcf5}
.in_nav .nav_wrap ul li.selected:before,
.in_nav .nav_wrap ul li:hover:before{display:none}
.in_nav .nav_wrap ul li.selected a,
.in_nav .nav_wrap ul li:hover a{opacity: 1;}

.in_nav .nav_wrap{-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}
.scrUp .in_nav .nav_wrap{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.scrDn .in_nav .nav_wrap{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}

/* 왜 에누리 광고를 선택할까요 ? */
.ad__intro{padding:70px 0 0}
.ad__intro h3{font-size:40px;color:#333;height:56px;line-height:56px;letter-spacing: -2px;text-align:center;font-weight: 500;margin-bottom:30px}
.ad__intro h3 em{color:#0947b8}
.ad__intro ul{margin:-20px 0 0 -20px;width:1080px;overflow:hidden}
.ad__intro ul li{position:relative;width:518px;height:238px;border:1px solid #dddddd;border-radius: 2px;float:left;margin:20px 0 0 20px;font-weight: 400}
.ad__intro ul li:before{content:"";position: absolute;width:165px;height:165px;top:38px;right:30px;background-repeat:no-repeat}
.ad__intro ul li:nth-child(1):before{background-image:url(//img.enuri.info/images/home/adcenter/bg_why_01.png);background-position:17px 17px;}
.ad__intro ul li:nth-child(2):before{background-image:url(//img.enuri.info/images/home/adcenter/bg_why_02.png);background-position:40px 18px;}
.ad__intro ul li:nth-child(3):before{background-image:url(//img.enuri.info/images/home/adcenter/bg_why_03.png);background-position:20px 16px;}
.ad__intro ul li:nth-child(4):before{background-image:url(//img.enuri.info/images/home/adcenter/bg_why_04.png);background-position:42px 11px;}
.ad__intro ul li dl{padding:47px 0 0 40px}
.ad__intro ul li dl dt{line-height:40px;font-size:28px;color:#333333;font-weight: 500}
.ad__intro ul li dl dd{margin-top:6px;line-height:22px;font-size:15px;color:#666666}

.ad__group .group__head{width:1060px;margin:70px auto 60px;color:#000;}
.ad__group .group__head h3{display:inline-block;line-height:110px;border-bottom:4px solid #000;padding-right:40px;font-size:58px;font-weight: 400;letter-spacing: -4px}

/* 하단 섹션 공통 */
.ad__section{overflow:hidden}
.ad__section h4{line-height:48px;font-size:40px;text-align:center;font-weight:500;color:#333}
.ad__section h4 em{color:#0947b8}
.ad__section small{display:block;font-size:20px;line-height:32px;margin-top:10px;color:#666;font-weight:400;text-align:center}

/* 프로모션 01 */
.section_pro_01{background: #f8f8f8;padding:90px 0 80px}
.section_pro_01 .flow_list{padding-top:34px;overflow:hidden;width:1084px;margin:0 0 0 -24px}
.section_pro_01 .flow_list li{position:relative;margin-left:24px;width:245px;float:left}
.section_pro_01 .flow_list li:before{content:"";position: relative;width:245px;height:245px;background-color:#c8e6ff;border-radius: 50% 50%;display:block;background-repeat:no-repeat}
.section_pro_01 .flow_list li:after{content:"";position: absolute;width:64px;height:64px;border-radius: 50% 50%;background-color:#0084f1;top:90px;left:227px;z-index: 1}
.section_pro_01 .flow_list li:nth-child(1):before{background-image:url(//img.enuri.info/images/home/adcenter/ico_pro_01.png);background-position: 56px 78px}
.section_pro_01 .flow_list li:nth-child(1):after{background-image:url(//img.enuri.info/images/home/adcenter/img_sprite.png);background-position:0 -30px}
.section_pro_01 .flow_list li:nth-child(2):before{background-image:url(//img.enuri.info/images/home/adcenter/ico_pro_02.png);background-position: 88px 54px}
.section_pro_01 .flow_list li:nth-child(2):after{background-image:url(//img.enuri.info/images/home/adcenter/img_sprite.png);background-position:0 -94px}
.section_pro_01 .flow_list li:nth-child(3):before{background-image:url(//img.enuri.info/images/home/adcenter/ico_pro_03.png);background-position: 61px 88px}
.section_pro_01 .flow_list li:nth-child(3):after{background-image:url(//img.enuri.info/images/home/adcenter/img_sprite.png);background-position:0 -158px}
.section_pro_01 .flow_list li:nth-child(4):before{background-image:url(//img.enuri.info/images/home/adcenter/ico_pro_04.png);background-position: 59px 70px;background-color:#55b1f6}
.section_pro_01 .flow_list li:nth-child(4):after{display:none}
.section_pro_01 .flow_list li p{line-height:24px;font-size:22px;color:#333;text-align:center;padding:28px 0 20px;height:48px}
.section_pro_01 .flow_list li:nth-child(n+3) p{line-height:48px}

/*  프로모션 02 - Branding 최적화 컨텐츠 */
.section_pro_02{padding:70px 0 100px}
.section_pro_02 ul{width:1011px;margin:0 auto;padding-left:31px;overflow:hidden}
.section_pro_02 ul li{float:left;width:306px;height:362px;margin:31px 31px 0 0}

/* 프로모션 03 - 중복할인 프로모션과 연계 */
.section_pro_03{padding:90px 0 0 0;background:#25262a}
.section_pro_03 h4,
.section_pro_03 h4 + small{color:#fff}
.section_pro_03 .section__visual{width:1060px;height:550px;background:url(//img.enuri.info/images/home/adcenter/pro_img_01.jpg) no-repeat 0 0;} 

/* 프로모션 04 - 진행 브랜드 및 모델 매출액 상승 */
.section_pro_04{padding:70px 0 0 0;}
.section_pro_04 .pro_bnr_01{margin-top:30px}
.section_pro_04 .pro_bnr_02{margin-top:20px}

/* 네이티브 01 - 카테고리 리스트에서 광고주의 제품을 최상단 노출 */
.section_native_01{padding:90px 0 0 0;background:#3e85f8}
.section_native_01 h4,
.section_native_01 h4 + small{color:#fff}
.section_native_01 .section__visual{width:1060px;height:720px;background:url(//img.enuri.info/images/home/adcenter/native_img_01.jpg) no-repeat 0 0;} 

/* 디스플레이 01 - 에누리 메인화면 전면에 집중 노출되는 트렌드픽업 */
.section_display_01{padding:10px 0 0 0;}
.section_display_01 .section__visual{width:1060px;height:660px;background:url(//img.enuri.info/images/home/adcenter/display_img_01.jpg) no-repeat 0 0;} 

/* 디스플레이 02 - 클라이언트와 캠페인에 맞춰 다양하게 적용 */
.section_display_02{padding:90px 0 100px 0;background:#f8f8f8}
.section_display_02 ul{width:1060px;overflow:hidden;margin-top:30px}
.section_display_02 ul li{width:518px;height:470px;float:right;border:1px solid #dddddd;background-color:#fff}
.section_display_02 ul li:first-child{float:left}
.section_display_02 ul li dl{padding:30px 0 192px;text-align:center;font-weight: 500;}
.section_display_02 ul li dl dt{height:100px;line-height:100px;font-size:28px;color:#fff;background:url(//img.enuri.info/images/home/adcenter/img_sprite.png) no-repeat 50% -230px}
.section_display_02 ul li dl dd{line-height:24px;padding:17px 0 24px;height:48px;font-size:21px;color:#333333}
.section_display_02 ul li dl{background:url(//img.enuri.info/images/home/adcenter/bg_img_typeb.jpg) no-repeat 50% 100%;}
.section_display_02 ul li:first-child dl{background:url(//img.enuri.info/images/home/adcenter/bg_img_typea.jpg) no-repeat 50% 100%;}

/* 디스플레이 03 - 제품이 속한 카테고리에 노출되는 타겟팅 배너 */
.section_display_03{padding:70px 0 0 0;}
.section_display_03 .section__visual{width:1060px;height:680px;background:url(//img.enuri.info/images/home/adcenter/display_img_02.jpg) no-repeat 0 0;} 

/* 디스플레이 04 - 모바일 배너는 핵심 지면 위주로 주목도 높임 */
.section_display_04{padding:90px 0 100px 0;background:#c8e6ff}
.section_display_04 ul{width:1080px;height:1100px}
.section_display_04 ul li{float:left;margin:50px 20px 0 0;width:250px;height:520px}
.section_display_04 ul li .ad__tit{display:block;width:196px;height:44px;border:2px solid #3d86fa;border-radius: 23px 23px;margin:0 auto 22px;font-size:22px;line-height:44px;color:#3d86fa;text-align:center}
.section_display_04 ul li .ad__img{display:block;padding:40px 15px;background-color:#fff;border-radius: 20px 20px;box-shadow: 0 0px 10px rgba(0,0,0,.1)}

/* 컨텐츠 01 - 다양한 방식의 제품 컨텐츠 노출 */
.section_cont_01{padding:10px 0 0 0;}
.section_cont_01 .section__visual{width:1060px;height:700px;background:url(//img.enuri.info/images/home/adcenter/cont_img_01.jpg) no-repeat 0 0;} 

/* 컨텐츠 02 -다양한 분야의 인플루언서들과 활발한 제휴 */
.section_cont_02{padding:90px 0 0 0;background:#f8f8f8}
.section_cont_02 .section__visual{width:1060px;height:770px;background:url(//img.enuri.info/images/home/adcenter/cont_img_02.jpg) no-repeat 0 0;} 

/* 딤레이어 */
.dimmed__layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index: 11002;}
.dimmed__layer,
.dimmed__layer *{font-family: 'Pretendard',-apple-system, BlinkMacSystemFont,"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo",sans-serif;font-weight:400}
.dimmed__layer.scroll_type{position: absolute;}
.dimmed__layer .dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);}
.dimmed__layer .dimmed.dim_op5{background:rgba(0,0,0,.5)}
.lay__wrap{position:absolute;top:0px;left:50%;width:700px;background:#fff;margin-left:-350px;z-index: 1;}
.lay__wrap .lay__tit{position:relative;line-height:36px;padding:20px 40px;background:#0a66f9;color:#fff;font-size:30px;font-weight:600}
.lay__wrap .btn__close{position: absolute;top:50%;right:40px;margin-top:-14px;width:28px;height:28px;background:url(//img.enuri.info/images/home/adcenter/img_sprite.png) no-repeat;background-position:-60px -340px;text-indent:-9999em;}
.lay__wrap .btn__confirm{display:block;background:#333333;border:0;margin:20px auto 0;padding:0;width:132px;height:46px;border-radius: 2px 2px;line-height:46px;font-size:22px;text-align:center;color:#fff}
.lay__wrap .lay__inner{padding:0 40px}

/* 광고문의하기 */
.lay__contact{position: relative;margin-top:100px;overflow:hidden}
.lay__contact .lay__inner{padding-top:24px;padding-bottom:43px;text-align:left}
.lay__contact .lay__txt{display:block;padding-bottom:12px;line-height:28px;font-size:18px;color:#333333;border-bottom:1px solid #000}
.lay__contact .lay__txt_contact{color:#0b65f9;font-size:16px;display:block;font-weight:400;margin-top:12px}
.lay__contact .lay__txt_contact a{color:#0b65f9;font-weight:normal}
.lay__contact .info_group{padding-top:30px}
.lay__contact .info_group .info_row:first-of-type{margin-top:0}
.lay__contact .info_group .info_row{margin-top:10px;font-size:18px;color:#666666}
.lay__contact .info_group .info_row label{display:inline-block;line-height:46px;height:46px;width:90px;text-indent: 10px;font-size:inherit;font-weight: 400;vertical-align: top}
.lay__contact .info_group .info_row input{width:198px;height:44px;border:1px solid #eeeeee;border-radius: 2px 2px;padding:0 15px;font-size:18px;color:#333333;font-weight: 400}
.lay__contact .info_group .info_row input::-webkit-input-placeholder{color:#ccc;}
.lay__contact .info_group .info_row input:-ms-input-placeholder{color:#ccc;}
.lay__contact .info_group .info_row input::-ms-input-placeholder{color:#ccc;}
.lay__contact .info_group .info_row input::placeholder{color:#ccc;}
.lay__contact .info_group .info_row.val_error input{border-color:#0a66f9}
.lay__contact .info_group .info_row textarea{width:488px;height:106px;border:1px solid #eeeeee;border-radius: 2px 2px;padding:15px;font-size:18px;color:#333333;font-weight: 400;resize:none}
.lay__contact .info_group .info_row textarea::-webkit-input-placeholder{color:#ccc;}
.lay__contact .info_group .info_row textarea:-ms-input-placeholder{color:#ccc;}
.lay__contact .info_group .info_row textarea::-ms-input-placeholder{color:#ccc;}
.lay__contact .info_group .info_row textarea::placeholder{color:#ccc;}
.lay__contact .info_group .info_row .txt_error{display:inline-block;height:44px;line-height:44px;vertical-align: top;font-size:14px;color:#0a66f9;margin-left:10px;font-weight: 400}
.lay__contact .info_agree{margin-top:20px;border-top:1px solid #dddddd;}
.lay__contact .info_agree .chk_agree{border-bottom:1px solid #000000;height:30px;padding:15px 10px}
.lay__contact .info_agree .chk_agree input{display:none}
.lay__contact .info_agree .chk_agree input + label{display:inline-block;height:30px;line-height:30px;padding-left:40px;font-size:18px;color:#333;background:url(//img.enuri.info/images/home/adcenter/img_sprite.png) no-repeat;background-position:0 -340px;cursor: pointer;} 
.lay__contact .info_agree .chk_agree input:checked + label {background-position:0 -370px}
.lay__contact .info_agree .tb_agree{margin-top:30px;border:1px solid #dddddd;border-radius: 2px 2px;width:100%;}
.lay__contact .info_agree .tb_agree th,
.lay__contact .info_agree .tb_agree td{height:78px;vertical-align: middle;border:1px solid #dddddd;font-weight: 400}
.lay__contact .info_agree .tb_agree th{font-size:16px;color:#666666;text-align:center;background:#f4f4f4}
.lay__contact .info_agree .tb_agree td{font-size:14px;line-height:22px;color:#999999;padding:0 20px;}
.lay__contact .btn__apply{display:block;background:#333333;border:0;margin:30px auto 0;padding:0;width:260px;height:62px;border-radius: 2px 2px;line-height:62px;font-size:24px;text-align:center;color:#fff;box-shadow: 0 3px 0 rgba(0,0,0,.1)}
.lay__contact .btn__apply > span{display:inline-block;padding-right:26px;position: relative;}
.lay__contact .btn__apply > span:after{content:"";position: absolute;width:9px;height:15px;right:0;top:50%;margin-top:-7px;background:url(//img.enuri.info/images/home/adcenter/img_sprite.png) no-repeat;background-position:-40px -340px;}

.lay__notagree{width:480px;height:216px;top:50%;margin:-108px 0 0 -240px}
.lay__notagree .lay__inner{padding:47px 50px 0;text-align:center}
.lay__notagree .lay__txt{font-size:22px;line-height:30px;color:#555555;;font-weight:400}
.lay__notagree .btn__close{top:20px;right:20px;margin:0;background-position:-60px -400px;}

.lay__finsend{width:480px;height:296px;top:50%;margin:-148px 0 0 -240px}
.lay__finsend .lay__inner{padding:35px 50px 0;text-align:center}
.lay__finsend .lay__tit{background:transparent;padding:0;font-size:32px;line-height:56px;color:#0a66f9;font-weight:500}
.lay__finsend .lay__txt{font-size:22px;line-height:30px;color:#555555;font-weight:400}
.lay__finsend .btn__close{top:20px;right:20px;margin:0;background-position:-60px -400px;}

.dimmed__layer .lay__contact{-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}
.dimmed__layer.fly .lay__contact{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

/* 210302 광고센터 > 해상도 개편에 따른 배너가이드 제공 */

.btn-download--all {display:block;position:absolute;bottom:31px;right:0;width:190px;height:40px;border-radius:2px;font-size:15px;color:#000;text-align:center;line-height:40px;background-color:#fff;transition:all .3s ease-in-out;font-weight:600}
.btn-download--all:hover {background-color:rgba(255,255,255,.8)}
/* 탑 메뉴_탭 */
.guide_list {position:relative; background-color:#0947b8;}
.guide__inner {position:relative; width:1060px; min-height: 282px; margin:0 auto;}
.guide__list_tab {position: absolute; top:0; left:0; width: 136px; height:100%; border-left:1px solid #063385; border-right:1px solid #063385;}
.guide__list_tab ul {display: flex; flex-flow: column; height:100%;}
.guide__list_tab ul li {flex:0 0 auto; height:33.3333%; font-size: 18px; font-weight: 600; color:rgba(255,255,255,.5); text-align: center; background-color: #0840a6; display: flex; align-items: center; justify-content: center; border-bottom:1px solid #063385; cursor: pointer;}
.guide__list_tab ul li:last-child {border-bottom:none;}
.guide__list_tab ul li.active {color:#fff; background-color: #1a70dd;}
.guide__list_tab_content {padding-left:136px;}
.guide__list_tab_content > div {display: none;}
.guide__list_tab_content > div.active {display: block;}

/* 탑 메뉴 */
.guide__tabs {padding:32px 0;}
.tabs {clear:both;}
.tabs + .tabs {margin-top:12px;}
.tabs:after {content:"";display:table;clear:both;}
.tabs dt {float:left;width:120px;height:34px;font-size:16px;font-weight: 600; color:#fff;line-height:34px; padding-left:32px;}
.tabs dd {float:left;width:calc(100% - 120px);}
.tabs dd .tabs__list {position:relative;}
.tabs dd .tabs__list:after {content:"";display:table;clear:both;}
.tabs dd .tabs__list > li {float:left;}
.tabs dd .tabs__list > li + li {margin-left:5px;}
.tabs dd .tabs__list > li .btn {font:inherit;display:block;position:relative;height:34px;padding:0 16px;border-radius:17px;font-size:14px;text-align:center;color:#fff;line-height:1;background:transparent;transition:all .2s ease-in-out;outline:0; border:1px solid rgba(255,255,255, .5);}
.tabs dd .tabs__list > li.is-on .btn,
.tabs dd .tabs__list > li .btn:hover {background-color:#1a70dd; border-color: rgba(255,255,255, 0);}

.guide__container {clear:both;position:relative;margin-top:50px;padding-bottom:50px;}
.guide__header {position:relative;margin-bottom:60px;}
.guide__header .bnr__tit {width:100%;height:40px;padding:10px 0;border-bottom:2px solid #000;}
.guide__header .bnr__tit .tx_tit {font-weight:400;font-size:28px;color:#000;}
.guide__header .bnr__tit .tx_tit em {font-weight:600;}
.guide__header .bnr__tit .btn-download {display:block;position:absolute;top:10px;right:0;width:190px;height:40px;border-radius:2px;font-size:15px;color:#fff;text-align:center;line-height:40px;background-color:rgba(255,111,111,1);transition:all .3s ease-in-out;font-weight:600}
.guide__header .bnr__tit .btn-download:hover {background-color:rgba(255,111,111,.8)}
.guide__header .bnr__info {clear:both;position:relative;height:96px;background-color:#f5f5f5}
.guide__header .bnr__info .bnr__head {display:none;position:absolute;top:0;bottom:0;left:0;width:136px;background:#e6e6e6 url(//img.enuri.info/images/rev/bnrguide/imgs/ico_pc.png) 50% 50% no-repeat;}
.guide__header .bnr__info .bnr__source {padding:30px 34px}
.guide__header .bnr__info .bnr__source ul {position:relative;}
.guide__header .bnr__info .bnr__source ul:after {content:"";display:table;clear:both;}
.guide__header .bnr__info .bnr__source ul li {float:left;position:relative;}
.guide__header .bnr__info .bnr__source ul li + li {margin-left:27px;padding-left:28px;}
.guide__header .bnr__info .bnr__source ul li + li:before {content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background-color:#cfcfcf}
.guide__header .bnr__info .bnr__source ul li .tx_spec {display:inline-block;font-size:16px;color:#8c8c8c;line-height:36px;}
.guide__header .bnr__info .bnr__source ul li .tx_spec--dt {font-weight:600;color:#000}
.guide__imgs {clear:both;width:100%;}
.guide__imgs .imgs__list {position:relative;width:100%;}
.guide__imgs .imgs__list:after {content:"";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #eee;pointer-events:none}
.guide__imgs .imgs__list li img {width:100%;height:auto;vertical-align:top;}