/* fonts */
@import url("fonts.css");

/* reset */
html,body{margin:0px;padding:0px;width:100%;font-family:'Noto Sans KR', sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;letter-spacing:-0.5px;overflow-x: hidden;}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button,select{font-family:'Noto Sans KR', sans-serif}
/*input[type="password"]{font-family:"돋움",sans-serif }*/
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#999}
input::-moz-placeholder{color:#999}
input:-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}
textarea::-webkit-input-placeholder{color:#999}
textarea::-moz-placeholder{color:#999}
textarea:-moz-placeholder{color:#999}
textarea:-ms-input-placeholder{color:#999}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */

input { border-radius: 0 }

input::-ms-clear{display:none}
.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ellipsism{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}
.select_disable{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
body *,
body *:after,
body *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

textarea:focus,
button:focus,
input:focus {outline: none;}

.bg_cover{background-size:cover;background-position:center center;background-repeat:no-repeat}
.bg_cover .bg_img{display:none}

.table_box{display:table;width:100%;table-layout:fixed}
.table_box .table_td{display:table-cell;vertical-align:middle}

.mobile,
.tablet{display:none!important}

.scrollbar{overflow:auto!important}
.scrollbar.scrollbary{overflow:hidden!important;overflow-y:auto!important}
.scrollbar.scrollbarx{overflow:hidden!important;overflow-x:auto!important}
.webix_vscroll_x::-webkit-scrollbar-track,
.webix_vscroll_y::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-track{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);background-color: transparent}
.webix_vscroll_x::-webkit-scrollbar,
.webix_vscroll_y::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar{width:10px;height:10px;background-color: #F5F5F5}
.webix_vscroll_x::-webkit-scrollbar-thumb,
.webix_vscroll_y::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);background-color: #ccc}

html,body{}
#viewport{position:relative;height:100%;overflow:hidden}

.font_g { font-family: "GmarketSans";}

img { -webkit-perspective: 1;-webkit-backface-visibility: hidden;  -webkit-transform: translateZ(0) scale(1.0, 1.0); }

/* ic */
.ic{display:inline-block;margin:-2px 3px 0 0;width:20px;height:20px;vertical-align:middle;background-position:center center;background-repeat:no-repeat; }
.ic.login{background-image:url("../img/icon/login.png")}
.ic.download{background-image:url("../img/icon/download.png")}
.ic.download2{background-image:url("../img/icon/download2.png");background-size: 15px;}
.ic.download3{background-image:url("../img/icon/download3.png");}
.ic.link{background-image:url("../img/icon/arrow.png");width:26px;background-size: cover}
.ic.link2{background-image:url("../img/icon/arrow2.png"); background-size:auto 8px}
.ic.link3{background-image:url("../img/icon/arrow3.png");width:26px;background-size: cover}
.ic.link4{background-image:url("../img/icon/arrow4.png");width:26px;background-size: cover}
.ic.link5{background-image:url("../img/icon/arrow5.png");width:26px;background-size: cover}
.ic.link6{background-image:url("../img/icon/arrow6.png");width:26px;background-size: cover}
.ic.arrow{background-image:url("../img/icon/select_arrow.png");width:11px;background-size:11px auto}

/* btn */
.btn_normal {background:#21e2ad; border:2px solid #21e2ad; color:#fff; padding:10px 20px 13px; min-width:200px; position:relative;margin:0 auto; font-size:16px; font-weight: 700; text-align: center; clear: both;display: inline-block; cursor: pointer; }

.btn_normal span + span {margin-left:5px}
.btn_normal.btn_line {border-color:#333; color:#333; background:none}
.btn_normal.btn_line_w {border-color:rgba(255,255,255,0.5); background:none}
.btn_normal.btn_black {border-color:#444; background:#444}
.btn_normal.btn_green {border-color:#19ce60; background:#19ce60}
.btn_normal.btn_blue {border-color:#54cffe; background:#54cffe}
.btn_normal.btn_blue2 {border-color:#6772ff; background:#6772ff}
.btn_normal.btn_gray {border-color:#d5d5d5; background:#d5d5d5}

.btn_normal.btn_line_g {border-color:#21e2ad; background:#fff; color:#21e2ad}
.btn_normal.btn_line_black {border-color:#333; background:#fff; color:#333}
.btn_normal.btn_line_gray {border-color:#666; background:#fff; color:#666}
.btn_normal.btn_line_wgray {border-color:#d5d5d5; background:#fff; color:#666}
.btn_normal.btn_line_b {border-color:#55cffe; background:#fff; color:#55cffe}
.btn_normal.btn_line_b2 {border-color:#6772ff; background:#fff; color:#6772ff}
.btn_normal.btn_line_purple {border-color:#a697ff; background:#fff; color:#a697ff}

.btn_normal.size2 { padding:15px 30px 18px;font-size: 18px;}
.btn_normal.size2 span + span {margin-left: 10px;}

.btn_normal.btn_r {border-radius: 50px;}

.btn_quick,
.btn_kakao,
.btn_top{ border-radius: 70px; width:62px; height:62px; position:fixed; right:30px; /*background:#21e2ad;*/ z-index: 200;border:2px solid #eee }
.btn_top { bottom:40px; background:#fff;/*box-shadow:0 2px 10px rgba(0,0,0,0.2);*/}
.btn_quick {bottom:110px;}
.btn_quick img {max-width:99%;border-radius: 62px;opacity: 0.9}
.btn_top img {max-width:99%;border-radius: 62px;opacity: 0.5;}

.btn_quick:hover img,
.btn_top:hover img {opacity: 1}

.btn_quick.txt_quick {background:#21e2ad; text-align: center;border-color:#21e2ad}
.btn_quick.txt_quick > span {display:table;width:100%;height:100%;}
.btn_quick.txt_quick span.txt {color:#fff; font-size:13px; font-weight: 700; line-height: 1.3em; display: table-cell; vertical-align: middle; letter-spacing: 0}

.btn_kakao {bottom:180px; background:#fddc3f url("../img/icon/btn_kakao.png") center no-repeat; border-color:#fddc3f; text-align: center; background-size:100% auto}
.btn_kakao > span {display:table;width:100%;height:100%;}
.btn_kakao span.txt {color:#3a2829; font-size:12px; font-weight: 700; line-height: 1.3em; display: table-cell; vertical-align: middle; padding-top:20px;}


.container { width: 1200px; position: relative; margin:0 auto }

/* topBanner */
.topBanner { height: 80px; background: url("../img/main/top.jpg") no-repeat; font-family: "GmarketSans";  line-height: 80px; background-size: cover; font-weight: 100; text-align: center; }
.topBanner .logo { vertical-align: middle; margin-right:10px }
.topBanner .logo img { vertical-align: middle; }
.topBanner p { display: inline-block; position: relative; top: 2px; line-height: 1; font-size: 22px; color: #666;}
.topBanner p strong { font-weight: 700; color:#21e2ad }
.topBanner span { display: inline-block; vertical-align: middle; }
.topBanner .btn_close { height: 19px; position: absolute; top: 50%; transform: translateY(-50%); right: 0;  }
.topBanner .btn_close img { vertical-align: top; }
.topBanner a { display: block; height: 80px;}

/* topEvent */
.topBanner.topEvent { position:relative; background:#f2f7fd url("../img/event/dlpo_bg.jpg") center no-repeat;  line-height: normal; background-size:auto 80px; }
.topBanner.topEvent .container > a {display:block; height: 80px; }
.topBanner.topEvent .container > a + a {height:auto}
.topBanner.topEvent .left_txt { color:#fff; position:absolute; top:0; left:0; font-weight: 700; font-size: 20px; text-align:left; background:url(../img/event/dlpo.png) bottom right no-repeat; padding-right:180px; height:80px}
.topBanner.topEvent .left_txt span {position:relative; top:18px; line-height:1.2em}
.topBanner.topEvent .center_txt { color:#666; font-size:20px; padding-left:185px; font-weight: 700; font-size: 18px; padding-top:10px}
.topBanner.topEvent .center_txt b {color:#6674ff; font-weight: 700;}
.topBanner.topEvent .center_txt span + span b {color:#2bd2fb}
.topBanner.topEvent .center_txt .date  { font-size:14px; line-height: 1em;}
/*.topBanner.topEvent .btn_close {margin-top:-11px}*/

.topBanner.topEvent.date_none .center_txt {padding-top:24px}

/* topEvent */
.topBanner.topEvent.cheerupEvent .left_txt {background-image:url(../img/event/dlpo2.png); left:-20px}
.topBanner.topEvent.cheerupEvent .center_txt { text-align:left; padding-left:230px; padding-top:17px }
.topBanner.topEvent.cheerupEvent .center_txt .topdesc { display:block; color:#6079fb; font-size:20px;font-weight: 700; font-size: 18px;padding-bottom:2px}
.topBanner.topEvent.cheerupEvent .center_txt b {color:#03cb6b }
.topBanner.topEvent.cheerupEvent .center_txt span + span b {color:#2bd2fb}

/* header */
#header { width: 100%; height: 70px; border-bottom: 1px solid #e6e6e6; background-color: #fff; position: relative}
#header.fixed { position: fixed; top: 0; z-index: 999; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }
#header.fixed + #keyword { margin-top: 70px; }
#header h1 { float: left; margin-left: 25px; }
#header h1 a { display: block; height: 60px; line-height: 68px;height: 60px; line-height: 60px; }
#header h1 a img {height:22px;position: relative; top:1px}
#header .container{ width:100%}
#header .utilMenu { float: right; text-align: center;}
#header .utilMenu a { display: block; margin:0 auto; height: 70px; padding: 0 10px; font-size: 14px; font-weight: 700;/* float: left; */line-height: 69px; color:#666; vertical-align: middle; position:relative}
#header .utilMenu a.active { color:#21e2ad; font-weight: 700}
#header .utilMenu a .ic {opacity: 0.5;}
#header .utilMenu a.active .ic {background-image: url("../img/icon/select_arrow2.png");opacity: 1;}
#header .utilMenu .gnb_menu:hover a .ic {opacity: 1; transform:rotate( -180deg )}
#header .utilMenu > a + a {padding: 0 20px; }
#header .utilMenu .btn_playd {margin-left:31px; padding:0 }
#header .utilMenu .btn_playd::before {width:1px; height:15px; background:#d5d5d5; position:absolute; top:50%; margin-top:-8px; left:-20px; content: "" }
#header .utilMenu .btn_playd img {height:12px;}
#header .utilMenu .btn_techhub { margin-left:15px; padding:0}
#header .utilMenu .btn_techhub img { position:relative; top: 4px; height: 21px;}
#header .utilMenu .btn_login { background:#21e2ad; text-align: center; color:#fff; padding:0 15px 0 20px; margin-left:0px;}
#header .utilMenu .btn_login .ic.login {background-color:#60e7c2; border-radius: 32px; width:32px; height:32px; margin-left:10px; background-size:18px auto}
#header .utilMenu .btn_download {margin-left:10px; padding:0 }
#header .utilMenu .btn_download span + span {margin-left:1px}

#header .utilMenu .gnb_submenu {position: absolute; top:96%; left:0;right:0; width:100%; background: #fff; display: none;}
#header .utilMenu .gnb_submenu ul li {display: block; border-top:1px solid #eee}
#header .utilMenu .gnb_submenu ul li { padding:10px 0}
#header .utilMenu .gnb_submenu ul li a {height: auto; line-height: normal; font-size: 13px;}
#header .utilMenu .gnb_submenu ul li a:hover {color:#21e2ad}
#header .utilMenu .gnb_menu:hover .gnb_submenu {display: block; z-index: 999;}

#header .utilMenu .btn_blog { background:#c7dbec; padding:0; width:130px; height: 40px; line-height: 40px; text-align: center; border-radius: 40px; position: relative; top:-2px;margin-left:10px}
#header .utilMenu .btn_blog span { background:url(../img/icon/hd_noti.png) left center no-repeat; display: inline-block; padding-left:34px; position:relative; left:-2px}

#header .utilMenu .btn_my.new::after,
#header .utilMenu a.new::after { content: "NEW"; display: block; background:#ff0024;width:35px; height: 16px; line-height: 16px; border-radius: 50px; text-align: center; color:#fff; font-size: 10px; position: absolute; top:8px; left:50%; margin-left:-17px; letter-spacing: 0.5px; font-weight: 500;}
#header .utilMenu a.ing::after { content: "진행중"; display: block; background:#21e2ad;width:40px; height: 16px; line-height: 14px; border-radius: 50px; text-align: center; color:#fff; font-size: 11px; position: absolute; top:8px; left:50%; margin-left:-20px; letter-spacing: -0.5px; font-weight: 500;}
#header .utilMenu .btn_my {  text-align: center; color:#21e2ad; padding:0 20px; margin-left:0px;border-left: 1px solid #eee;}

#header .utilMenu .btn_downlist { display: block; height: 70px; padding:0 10px;  font-size: 14px; font-weight: 700; float: left; line-height: 69px; color:#666; vertical-align: middle; position:relative;margin-left:10px; border-left:1px solid #eee; }
#header .utilMenu .btn_downlist span.txt {min-width:100px; display: inline-block}
#header .utilMenu .btn_downlist span + span {margin-left:10px; margin-right:0; opacity: 0.5}

#header .utilMenu .btn_downlist .downlist_wrap {position:absolute; top:70px; left:0; right: 0; width:100%; background: #fff; box-shadow:0 3px 5px rgba(0,0,0,0.1); display: none; z-index: 200}
#header .utilMenu .btn_downlist .downlist_wrap a { display:block; width:100%; padding:10px 20px; height: auto; line-height:normal; clear: both; font-size: 12px}
#header .utilMenu .btn_downlist .downlist_wrap a span {display: block; padding-left:10px}
#header .utilMenu .btn_downlist .downlist_wrap a.btn_sense span{padding-left:0}
#header .utilMenu .btn_downlist .downlist_wrap .label {padding:10px 20px 8px; font-weight: 700;height: auto; line-height:normal; clear: both; background: #efefef; font-size: 11px; color:#999; letter-spacing: 0}
#header .utilMenu .btn_downlist .downlist_wrap a + a {border-top:1px solid #eee}
#header .utilMenu .btn_downlist.active .ic {transform: rotateX(-180deg) }
#header .utilMenu .btn_downlist.active .downlist_wrap { display: block}

/* new header */
#header .utilMenu .btn_form { background:#21e2ad; text-align: center; color:#fff; margin-left:0px; padding:0; font-size:18px; width:160px; text-align: center;}
#header .utilMenu .btn_my {border:1px solid #21e2ad; text-align: center; color:#21e2ad; font-weight: 700; font-size:16px; padding:0 20px; height: 40px; line-height: 38px; position: absolute; right:180px; top:14px; border-radius: 40px;}
#header .utilMenu .btn_my:hover {background:#21e2ad; color:#fff}
#header .utilMenu .gnb_list {position: absolute; top:2px; left:150px;}
#header .utilMenu .gnb_list .gnb_menu {display: inline-block; vertical-align: middle;  position:relative;}
#header .utilMenu .gnb_list .gnb_menu + .gnb_menu {margin-left:10px}
#header .utilMenu .gnb_list .gnb_menu:first-child {min-width:90px; margin-right: -10px;}

/* footer */
#footer { padding: 30px 0; font-size: 14px; border-top: 1px solid #e6e6e6; text-align: left; background: #fff }
#footer .utilMenu { color: #9fa19f; }
#footer .utilMenu ul { display: inline-block; }
#footer .utilMenu ul li { float: left; }
#footer .utilMenu ul li + li {margin-left:20px}
#footer .utilMenu ul li a {color:#999}
#footer .utilMenu ul li.privacy a { color: #333; font-weight: 500; }
#footer .btnDown { display: inline-block; height: 26px;  padding: 0 10px 0 30px; border: 1px solid #6d7c89; background: url("../img/icon/ft_download.png") 10px 50% no-repeat; color: #6d7c89; line-height: 24px; border-radius: 3px; margin-left: 10px; position:relative; /*top:-4px*/}
#footer address { color: #666; margin-top: 15px; font-size:12px;font-style: normal; letter-spacing: 0;}
#footer .copyright { margin-top: 15px; font-size:12px; }
#footer .copyright img { margin-right: 5px; vertical-align: middle; display:inline-block; height:13px; position:relative; bottom:1px}
#footer .copyright span { vertical-align: middle; display:inline-block; margin-left:5px;position: relative;top:-1px; letter-spacing: 0; color:#999}

#footer .linkMenu {  position: absolute;  top:15px; right:0}
#footer .linkMenu ul { display: inline-block; }
#footer .linkMenu ul li {  display: inline-block; position: relative;}
#footer .linkMenu ul li + li {margin-left:35px;}
#footer .linkMenu ul li + li::after { content:""; width:1px; height: 40px; background: #eee; display: block; position:absolute; top:20px; left: -20px;}
#footer .linkMenu ul li a {width:70px; height: 70px; background:url(../img/common/link_techhub.png) center no-repeat; display: block; position: relative;}
#footer .linkMenu ul li a.btn_instagram { background-image: url(../img/common/link_instagram.png);}
#footer .linkMenu ul li a.btn_kakaopage { background-image: url(../img/common/link_kakaopage.png); width:80px;}
#footer .linkMenu ul li a.btn_blog { background-image: url(../img/common/link_blog.png); width:35px; padding-left:20px}


/* main */
.main .top_visual { padding:135px 0; text-align: center; background:url("../img/main/top_visual.jpg") center no-repeat; background-size:cover}
.main .top_visual .title {color:#333; font-weight: 700; font-size: 38px; line-height: 1.3em; letter-spacing: -1px}
.main .top_visual .title span {display: block}
.main .top_visual .title span.point,
.main .top_visual .title span.dot { color:#21e2ad; display: inline}
.main .top_visual .desc { color:#666; font-size:18px; margin-top:40px;}
.main .top_visual .logo {margin-top:40px}
.main .top_visual .logo img {max-width:80%}
.main .top_visual .btn_wrap {margin-top:40px; }
.main .top_visual .btn_normal + .btn_normal {margin-left:5px;}

.main .top_visual .naver {margin-bottom:20px}
.main .top_visual .naver span { background:#04cf5c; display: inline-block; margin:0 auto; height:38px; padding:0 20px; line-height: 40px; color:#fff; border-radius: 40px; }
.main .top_visual .naver b { display: inline-block; position: relative; top:-5px; font-weight: 700; vertical-align: middle; margin-right:10px; font-size:18px; }
.main .top_visual .naver img {height:16px}
/* main banner */
.main .top_visual.top_slider_wrap { overflow: hidden; background:#f1f7fc;padding:40px 0 60px;}
.main .top_visual.top_slider_wrap .btn_wrap {margin-top:20px; }
.main .top_visual.top_slider_wrap .top_visual_slider { padding:30px 0 40px; overflow: hidden;}

.top_visual_slider p {text-align: left;}
.top_visual_slider .slide_tit { color:#333; font-size:28px; font-weight: 700;line-height: 1.3em;  }
.top_visual_slider .slide_tit span { display: inline-block; vertical-align: middle;}
.top_visual_slider .slide_tit span.num { color:#0feab1; margin-right:5px; position:relative; top:3px}
.top_visual_slider .slide_desc { color:#666; font-size:16px; line-height: 1.4em; margin-top:20px}
.top_visual_slider .slide_desc b { color:#333; font-weight: 700;}
.top_visual_slider .slide_img {margin-top:40px}
.top_visual_slider .slide_img img {max-width:100%}

.main .top_visual.top_slider_wrap.top_awards_wrap {padding-top: 0;}
.main .top_visual.top_slider_wrap.top_awards_wrap .awards { text-align: left; background:#f1f7fc url(../img/main/awards.png) 60px 20px no-repeat; padding:70px 0 60px 480px}
.main .top_visual.top_slider_wrap.top_awards_wrap .top_visual_slider {padding:0}

.swiper-button-next::after,
.swiper-button-prev::after,
.swiper-container-rtl .swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after {display:none}

.main .swiper-button-prev {background:url("../img/icon/btn_slide_prev.png") no-repeat center center; width:30px; height:30px; background-size:cover}
.main .swiper-button-next {background:url("../img/icon/btn_slide_next.png") no-repeat center center; width:30px; height:30px; background-size:cover}

.top_visual_slider .swiper-button-prev,
.top_visual_slider .swiper-container-rtl .swiper-button-next {/*left:auto; margin-left:0;*/ left:-60px; margin-top:50px}

.top_visual_slider .swiper-button-next,
.top_visual_slider .swiper-container-rtl .swiper-button-prev { /*right:0;*/margin-top:50px;right: -60px;}

.top_visual_slider .swiper-slide.center p {text-align: center;}

.main .swiper-pagination-bullet {background:#d5d5d5; opacity: 1; }
.main .swiper-pagination-bullet-active {background:#666;width:30px; border-radius: 10px;}

/* main_mobile_slider_wrap */
.main_mobile_slider_wrap {padding:20px 0 30px; opacity: 0; position: absolute; top:-999999px; right:-99999999px}
.main_mobile_slider_wrap .container {overflow: hidden;}
.main_mobile_slider_wrap .label {height: 50px; width:100px; background:url(../img/main/icon_noti.png) left center no-repeat; margin: 0 auto; background-size: auto 40px;}
.main_mobile_slider_wrap .label span {line-height: 54px; padding-left: 40px; font-weight: 700; color:#333; font-size: 18px; }
.main_mobile_slider_wrap .event_box {text-align: center;}
.main_mobile_slider_wrap .event_box .title {color:#333; font-size: 20px; font-weight: 700; max-width:100%; line-height: 1.2em; margin-top:5px}
.main_mobile_slider_wrap .event_box .title b { font-weight: 700; color:#21e2ad;}
.main_mobile_slider_wrap .event_box .desc {color:#666; font-size: 13px; max-width:80%;margin:5px auto 10px; line-height: 1.2em; }
.main_mobile_slider_wrap .event_box .btn_more {color:#21e2ad; font-weight: 700; font-size: 16px; }
.main_mobile_slider_wrap .event_box .btn_more span {background:url(../img/icon/arrow2.png) right center no-repeat; padding-right:24px; text-decoration: underline;}

.main .main_mobile_slider_wrap .swiper-button-prev {left:5px}
.main .main_mobile_slider_wrap .swiper-button-next {right:5px}

.searchad_banner {background:url("../img/main/bnn.jpg") center no-repeat; background-size:cover; text-align: left; position:relative; padding:50px 0}
.searchad_banner.type2 {background-image:url("../img/sub/bnn_type2.jpg");}
.searchad_banner.type3 {background-image:url("../img/sub/bnn_type3.jpg");}
.searchad_banner.type4 {background-image:url("../img/sub/bnn_type4.jpg");}
.searchad_banner.type5 {background-image:url("../img/sub/bnn_type5.jpg");}
.searchad_banner.type_event {background-image:url("../img/event/banner.jpg");}
.searchad_banner.type_event2 {background-image:url("../img/event/banner2.jpg");}
.main .searchad_banner .container {width:800px}

.searchad_banner .title {color:#fff; font-weight: 700; font-size: 30px; line-height: 1.3em; letter-spacing: -1px}
.searchad_banner .desc { color:#fff; font-size:16px; margin-top:5px; opacity: 0.6}
.searchad_banner .desc2 { color:#fff; font-size:15px; background:url(../img/main/bnn_bubble.png) center no-repeat; display: inline-block; width:324px;padding:11px 0 21px; margin-bottom: 10px;}
.searchad_banner .desc2 span {width: 90%; display: block; margin:0 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; line-height: 1.3em;}
.searchad_banner .btn_normal {position:absolute; top:50%; margin-top:-28px; right:0}
.searchad_banner .btn_block {text-align: center;}
.searchad_banner .title + .btn_block {margin-top:20px}
.searchad_banner .btn_block .btn_normal {position: relative;top:auto; margin:0;right:auto}

.main .searchad_banner.center {text-align: center;}
.main .searchad_banner .btn_box {text-align: center; margin-top:20px}
.main .searchad_banner .btn_box .btn_normal {position:relative; top:auto; margin-top:0; right:auto}

.start_banner {
	background: #0feab1; /* Old browsers */
	background: -moz-linear-gradient(left, #0feab1 0%, #54cffe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0feab1 0%,#54cffe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0feab1 0%,#54cffe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0feab1', endColorstr='#54cffe',GradientType=1 ); /* IE6-9 */
}
.start_banner .container {background:url("../img/sub/icon_bg.png") center no-repeat; text-align: center; position:relative; padding:70px 0;}
.start_banner .title {color:#fff; font-weight: 700; font-size: 30px; line-height: 1.3em; letter-spacing: -1px}
.start_banner .desc { color:#fff; font-size:16px; margin-top:10px; }

.main_panel { padding:90px 0; text-align: center; }
.main_panel .title {color:#222; font-weight: 700; font-size: 38px; line-height: 1.3em; letter-spacing: -1px}
.main_panel .desc { color:#666; font-size:15px; margin-top:15px; padding: 0 20px;}
.main_panel .desc span { color:#21e2ad; font-weight: 700}
.main_panel .desc2 { color:#999; font-size:13px;}
.main_panel .btn_normal {margin-top:40px; }
.main_panel .obj {margin-top:50px; }
.main_panel .obj img {max-width:100%}

.main_panel.bg .title,
.main_panel.bg .desc {color:#fff}

.main_panel.bd_b {border-bottom:1px solid #eee}

.main_panel.about_panel { background: #f1f7fc}
.main_panel.about_panel .icon_wrap { margin:40px auto 0}
.main_panel.about_panel .icon_wrap .icon_box {display:inline-block; width:33%; margin-top:30px; vertical-align: top;}
.main_panel.about_panel .icon_wrap .icon_box .icon {border-radius: 50%;display:inline-block;background: #fff;  overflow: hidden}
.main_panel.about_panel .icon_wrap .icon_box img {max-width:140px;display:inline-block; padding: 25px 25px 20px; font-size: 0}
.main_panel.about_panel .icon_wrap .desc b {color:#333; font-weight: 700; font-size:18px }
.main_panel.about_panel .icon_wrap .desc + .desc {margin-top:0px; padding:0 30px; line-height: 1.8em; color:#666}

.main_panel.about_panel.bg_w { background: #fff}
.main_panel.about_panel.bg_w .icon_wrap .icon_box .icon  { background: #f1f7fc}

.main_panel.ai_panel {background:#54cffe url("../img/main/ai.jpg") center no-repeat; background-size: cover}
.main_panel.ai_panel .title { color:#fff}
.main_panel.ai_panel .desc { color:#fff; margin-top:0}
.main_panel.ai_panel .logo {margin:60px auto 40px}
.main_panel.ai_panel .logo img {width:136px}

/* 동영상 */
.main_panel.video_panel .btn_box {margin:50px auto 30px}
.main_panel.video_panel .btn_box ul {position: relative; left:10px}
.main_panel.video_panel .btn_box ul::before {    content: "";    width: 970px;    height: 2px;    background: #eee;    position: absolute;    bottom: 10px;    display: block;    left: 107px;    z-index: -1;}
.main_panel.video_panel .btn_box ul li{ display:inline-block; vertical-align: middle; width:190px;}
.main_panel.video_panel .btn_box ul li a {display:block; width:172px; height: 103px; background:url(../img/main/video_off.png) no-repeat}
.main_panel.video_panel .btn_box ul li a span {display: block; text-align: center; color:#999; font-size:16px; font-weight:700; padding:10px 0; line-height: 1.3em;}
.main_panel.video_panel .btn_box ul li.active a { background-image: url(../img/main/video_on.png);}
.main_panel.video_panel .btn_box ul li.active a span,
.main_panel.video_panel .btn_box ul li a:hover span { color:#333}
.main_panel.video_panel .videowrapper {position: relative;/*padding-bottom: 41.06%; padding-top: 50px;height: 0;*/width:970px; margin:0 auto;border:2px solid #eee; font-size: 0;}
/*.main_panel.video_panel .videowrapper iframe,
.main_panel.video_panel .videowrapper video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding:0;margin:0}*/
.main_panel.video_panel .videowrapper iframe,
.main_panel.video_panel .videowrapper video {width: 100%;}

/* 무료 광고 진단하기 */
.mobile_step  { position: absolute; top:-999%}
.free_panel {position:relative; overflow: hidden}
.free_panel .step_wrap { margin:20px auto 0; padding:0 10%}
.free_panel .step_wrap .step_box {display:inline-block; width:33%; margin-top:30px; vertical-align: top}
.free_panel .step_wrap .step_box img {max-height:90px}
.free_panel .step_wrap .step_box .txt {margin-top:30px}
.free_panel .step_box .icon { position:relative;}
.free_panel .step_box .desc b {color:#333; font-weight: 700; font-size:18px; line-height: 1.3em}
.free_panel .step_box .desc.num b,
.free_panel .step_box .desc2 b{ color:#21e2ad; font-weight: 700; }
.free_panel .step_box .desc + .desc2 {padding:0 30px; margin-top:5px}
.free_panel .step_box .desc.num + .desc {margin-top:0}
.free_panel .step_wrap .step_box + .step_box .icon::before { content:"..."; position:absolute; top:-15%; left:-5%; font-size:4em;color:#21e2ad; }

.free_panel.bg {background: url("../img/main/free_bg.jpg") center no-repeat; background-size: cover}

/* 광고 대행 신청하기 */
.step_panel {background:#f1f7fc; overflow: hidden; position:relative}
.step_panel .step_box {background:#fff}
.step_panel .step_box .icon { position:relative;}
.step_panel .step_box .icon img {width:100%}
.step_panel .step_box .txt {padding:20px 0 40px}
.step_panel .step_box .desc b {color:#333; font-weight: 700; font-size:18px; line-height: 1.3em}
.step_panel .step_box .desc2 b { color:#21e2ad; font-weight: 700; }
.step_panel .step_box .desc + .desc2 {padding:0 30px; margin-top:5px}

.step_panel .step_wrap { margin:40px auto; display:table; table-layout: fixed}
.step_panel .step_wrap .step_box {display:table-cell; width:30%; margin-top:30px; vertical-align: top}
.step_panel .step_wrap .step_box.next {background:none; width:40px; vertical-align:middle}
/*.step_panel .step_wrap .step_box.next {background:none; width:40px; vertical-align: bottom}
.step_panel .step_wrap .step_box.next span { padding-bottom:140%; display:block}*/

.desc_panel {background: url("../img/main/desc_bg.jpg") center no-repeat; background-size: cover}

/* 처음이세요? */
.first_panel {background: url("../img/main/first_bg.jpg") center no-repeat; background-size: cover}

/* 자주하는 질문 */
.main_panel.faq_panel{background: #f1f7fc}
.main_panel.faq_panel .faq_wrap { margin:40px auto 0;}
.faq_wrap ul.faq li.f_list { color:#777; font-size:16px; font-weight: 700; line-height:24px; padding-bottom: 10px }
.faq_wrap ul.faq li.f_list > .f_tit { color:#333;display:block; padding:20px 20px 25px; text-align: left; background:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.1); position:relative; border-radius: 10px;}
.faq_wrap ul.faq li.f_list > .f_tit span { vertical-align:middle; display:inline-block}
.faq_wrap ul.faq li.f_list > .f_tit span.subject {width:95%; }
.faq_wrap ul.faq li.f_list > .f_tit span.subject .num {color:#fff; font-size:14px; font-weight: 700; min-width:24px; height:24px; background:#21e2ad; text-align: center;line-height: 24px;}
.faq_wrap ul.faq li.f_list > .f_tit span.subject .cate { color:#21e2ad; margin-left:10px; margin-right:10px;}
.faq_wrap ul.faq li.f_list > .f_tit span.subject .txt {padding-left:10px; position: relative}
.faq_wrap ul.faq li.f_list > .f_tit span.subject .cate + .txt::before {width:1px; height: 15px; background:#d5d5d5; position:absolute; top:50%; margin-top:-7px; left:0; content: ""}
.faq_wrap ul.faq li.f_list > .f_tit span.arrow { background: url("../img/main/btn_plus.png") no-repeat; width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; right:20px}

.faq_wrap ul.faq li.f_list .answer {display:none; background:#f8f8f8; padding:0 20px; text-align: left;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; position:relative}
.faq_wrap ul.faq li.f_list > .f_tit.active + .answer {display:block}
.faq_wrap ul.faq li.f_list > .f_tit.active { box-shadow:none; background:#f8f8f8; border-bottom-left-radius: 0;border-bottom-right-radius: 0; padding-bottom:20px }
.faq_wrap ul.faq li.f_list > .f_tit.active span.arrow { background-image: url("../img/main/btn_mn.png")}

.faq_wrap ul.faq li.f_list > .f_tit.active + .answer .inner {border-top:1px solid #d5d5d5; position:relative; padding:22px 0 25px 38px; line-height: 1.5em; font-size:14px}
.faq_wrap ul.faq li.f_list > .f_tit.active + .answer .inner::after {content:"A"; color:#fff; font-size:14px; font-weight: 700; min-width:24px; height:24px; line-height: 24px; background:#999; position:absolute;top:20px; left:0; text-align: center}
.faq_wrap ul.faq li.f_list > .f_tit.active + .answer .btn_link {color:#21e2ad; margin-top:10px; display: inline-block}
.faq_wrap ul.faq li.f_list > .f_tit.active + .answer .btn_link span + span {margin-left:5px;}

/* new main */
.top_newwrap { background: url(../img/main/top_bg.jpg) center no-repeat; background-size: cover; text-align:center; padding:80px 0 0}
.top_newwrap .top_wrap {animation:slideUp1 1.2s linear forwards,fadeIn1 1.2s linear forwards;-webkit-animation:slideUp1 1.2s linear forwards,fadeIn1 1.2s linear forwards}
.top_newwrap .desc {margin-bottom: 20px;}
.top_newwrap .desc span {color:#fff; background:#f53c40;padding:5px 20px 7px; border-radius: 30px; font-size: 18px; font-weight: 500; position:relative}
/* .top_newwrap .desc span::after { content:"";display: block; position: absolute; bottom: -13px;    left: 29px;width: 0px;    height: 0px;    border-top: 13px solid transparent;    border-right: 12px solid #f53c40;    border-left: 10px solid none;    border-bottom: 13px solid transparent;} */
.top_newwrap .title { color:#fff; font-size:36px; font-weight: 700; letter-spacing: -1px; line-height: 1.2em;}
.top_newwrap .title span { display: inline-block; vertical-align: middle;}
.top_newwrap .title span b { font-weight: 700; color:#2ffec5}
.top_newwrap .title img { display: inline-block; vertical-align: middle; margin:4px 3px 0 10px}
.top_newwrap .btn_wrap {margin:20px auto 40px;animation:slideUp1 1.2s linear forwards,fadeIn1 1.2s linear forwards;-webkit-animation:slideUp1 1.2s linear forwards,fadeIn1 1.2s linear forwards}
.top_newwrap .btn_wrap a {border-color:#fff}
.top_newwrap .btn_wrap p { display: inline-block; vertical-align: middle;}
.top_newwrap .btn_wrap p + p {margin-left:10px}
.top_newwrap .object_wrap img {width:100%}
.top_newwrap .object_wrap .object_box {vertical-align: middle; width:50%; background:rgba(80,195,249,0.7); border-radius: 180px;padding:60px 0 70px; position:relative; display: inline-block;animation:zoomIn1 1.2s linear forwards,fadeIn2 1.2s linear forwards;transform-origin:50% 50%;-webkit-animation:zoomIn1 1.2s linear forwards,fadeIn2 1.2s linear forwards}
.top_newwrap .object_wrap .object_box > span {color:#fff; font-size: 22px; font-weight: 700; width:100%; position:absolute; top:30px; left:0; right:0;  text-align: center;}
.top_newwrap .object_wrap .object_box + .object_box {margin-left:-5%; /*background:rgba(88,131,255,0.7)*/ background: #fff;}
.top_newwrap .object_wrap .object_box + .object_box > span { color:#333}

.top_newwrap .object_wrap .object_box .object_form { height: 284px; position: relative;}

.top_newwrap .object_wrap .object_box .object_form .write_box { width: calc(100% - 140px); margin:0 auto 0; }
.top_newwrap .object_wrap .object_box .object_form .write_box .write { text-align: left; position: relative; padding-left: 80px; clear: both;}
.top_newwrap .object_wrap .object_box .object_form .write_box .write .label { color:#444; font-size:13px; font-weight: 700; vertical-align: top; padding-top: 10px; padding-left:10px; position: absolute; top:0; left:0; }
.top_newwrap .object_wrap .object_box .object_form .write_box .write .label span { display:inline-block;position: relative}
.top_newwrap .object_wrap .object_box .object_form .write_box .write .input_text {padding-top:13px; padding-bottom: 13px;}

.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right {position:relative; }
.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right .num {position:relative; border-bottom:1px solid #d5d5d5; width:60%;float:left;}
.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right .num + .num {float:right; width:37%; vertical-align: top;}
.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right .num > p {display:table-cell}
.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right .num .btn {text-align:right; width:110px; position: absolute; right:0;bottom:5px}
.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right .time {padding-top:0;font-weight: 700; color:#222; text-align: left; font-size:11px; width:37%; position: absolute; right: 0; top: 46px; display: none}
.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right .time b { color:#ff5e66; font-weight: 700; padding-left:5px}
.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right .input_text {border:0;}
.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right .phone_num {width:65%}
.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right .btn_normal {padding:5px 5px 8px; min-width:inherit; font-size:13px; margin:0; display: inline-block; vertical-align: middle}

.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right.time_on {padding-bottom: 20px}
.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right.time_on .time {display:block;padding-left:10px;/*position: relative;    top: auto;*/}

.top_newwrap .object_wrap .object_box .object_form .write_bottom {margin:10px auto 20px; font-size:12px; color:#666; word-break: keep-all}
.top_newwrap .object_wrap .object_box .object_form .write_bottom > div {display:inline-block; vertical-align: middle}
.top_newwrap .object_wrap .object_box .object_form .write_bottom a {color:#333; text-decoration: underline}
.top_newwrap .object_wrap .object_box .object_form .write_bottom input {position: relative; top:2px}
.top_newwrap .object_wrap .object_box .object_form .write_bottom input + a  {margin-left:5px;}
.top_newwrap .object_wrap .object_box .object_form .write_bottom > span + span { margin-left: 15px;}

.event_bar_wrap {height: 98px; position: relative;overflow: hidden; margin-top:60px}
.event_bar_wrap .bg {position: absolute;display: block;  left:0;width:100%; bottom:0; z-index: 1}
.event_bar_wrap .bg span.bar {height:90px; background:#c7dbec; bottom:0; left:0; right: 0; width:100%; display: block; position: relative;}
.event_bar_wrap .bg span.point { height: 98px; background:#fff;  bottom:0; left:0; width:40%; display: block; position: absolute;}
.event_bar_wrap .container { background:url(../img/main/bg_bar_left.png) bottom center no-repeat; z-index: 10; }
.event_bar_wrap .inner { height: 98px; position: relative;overflow: hidden; text-align: left; padding-left: 140px; }
.event_bar_wrap .inner .label {position: absolute; top:0; left:0; height: 98px; background:url(../img/main/icon_noti.png) left center no-repeat}
.event_bar_wrap .inner .label span { padding-left: 50px; font-weight: 700; color:#333; font-size: 17px; line-height: 98px;}
.event_bar_wrap .inner .btn_more {position: absolute; top:39px; right:40%; color:#21e2ad; font-weight: 700; font-size: 16px;}
.event_bar_wrap .inner .btn_more span {background:url(../img/icon/arrow2.png) right center no-repeat; padding-right:24px; text-decoration: underline;}
.event_bar_wrap .inner .title {color:#333; font-size: 20px; font-weight: 700; margin-top:25px; max-width:40%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.event_bar_wrap .inner .title b { font-weight: 700; color:#21e2ad;}
.event_bar_wrap .inner .desc {color:#666; font-size: 16px; max-width:40%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.event_bar_wrap .btn_event { position: absolute; bottom:0;right:0; width:35%; color:#333; font-weight: 700; font-size: 20px; opacity: 0.5; line-height: 90px; height: 90px; cursor: pointer; }
.event_bar_wrap .btn_event:hover {opacity: 1;}
.event_bar_wrap .event_02 {display: none;}

.event_bar_wrap.open_02 .event_01 {display: none;}
.event_bar_wrap.open_02 .event_02 {display: block;}
.event_bar_wrap.open_02 .bg span.point {left:auto; right:0}
.event_bar_wrap.open_02 .container {background-image: url(../img/main/bg_bar_right.png);}
.event_bar_wrap.open_02 .btn_event {left:0;right:auto}
.event_bar_wrap.open_02 .inner {width:59%;margin-left:40%}
.event_bar_wrap.open_02 .inner .title,
.event_bar_wrap.open_02 .inner .desc {max-width:90%}
.event_bar_wrap.open_02 .inner .btn_more {right:0}

/* 메인 인터뷰 */
.interview_panel { background:url(../img/main/interview_bg.jpg) top center no-repeat;}
.interview_wrap {display: table; table-layout: fixed; width:100%; margin:120px auto 100px;}
.interview_wrap .cell {display: table-cell; vertical-align: top; width:47%; text-align: left;}
.interview_wrap .cell  {padding-right:30px}
.interview_wrap .cell + .cell {width:53%;padding:0}
.interview_wrap .message_img {box-shadow:0 5px 7px rgba(0,0,0,0.1); border-radius: 10px; display: inline-block; margin-top:20px}
.interview_wrap .message_img img {width:100%}
.interview_wrap .talk_box + .talk_box {margin-top:120px}
.interview_wrap .talk_box .talk {padding-left:30px; position: relative;}
.interview_wrap .talk_box .icon {z-index: 100;}
.interview_wrap .talk_box .message {position: relative; z-index: 200;}
.interview_wrap .talk_box .message p{ padding:10px 15px; color:#fff; background:#21e2ad; font-size: 18px;display: inline-block; border-radius: 10px;box-shadow:0 5px 22px rgb(0 0 0 / 15%); line-height: 1.3em; text-align: left;}
.interview_wrap .talk_box .message p b { font-weight: 500;}
.interview_wrap .talk_box .right {text-align: right;padding:0; padding-right:50px; margin-top:20px}
.interview_wrap .talk_box .right .message p {color:#333; background:#fff;padding:15px;font-size: 16px;}
.interview_wrap .talk_box .right .message p b { color:#21e2ad}

.interview_wrap .talk_box .left .message p::after { content:"";display: block; position: absolute; bottom: -15px;    left: 12px;width: 0px;    height: 0px;    border-top: 10px solid transparent;    border-left: 15px solid #21e2ad;    border-right: 5px solid none;    border-bottom: 15px solid transparent;}
.interview_wrap .talk_box .right .message p::after { content:"";display: block; position: absolute; bottom: -15px;    right: 14px;width: 0px;    height: 0px;    border-top: 10px solid transparent;    border-right: 15px solid #fff;    border-left: 5px solid none;    border-bottom: 15px solid transparent;}

.interview_wrap .talk_box .left .icon {background:url(../img/main/interview_s.png) no-repeat; width:32px; height: 45px; position: absolute; bottom:-40px; left:0}
.interview_wrap .talk_box .right .icon {background:url(../img/main/interview_profile.png) no-repeat; width:91px; height: 91px; position: absolute; bottom:-85px; right:0px}

.interview_wrap .talk_box .right.pd_none {padding:0}
.interview_wrap .talk_box .right.pd_none .message p::after {display: none;}
.interview_wrap .talk_box .right.pd_none .message p b { font-weight: 400;}

/* 서브 */
.sub_panel { padding:55px 0; text-align: center; }
.sub_panel .title {color:#222; font-weight: 700; font-size: 38px; line-height: 1.3em; letter-spacing: -2px}
.sub_panel .title span.point { color:#21e2ad;}
.sub_panel .sub_title {color:#222; font-weight: 700; font-size: 20px; line-height: 1.3em; letter-spacing: -1px}
.sub_panel .sub_title span { color:#21e2ad;}
.sub_panel .sub_title .font_g {letter-spacing: -1px; font-size: 1.05em}
.sub_panel .desc { color:#666; font-size:15px; padding: 0 20px;}
.sub_panel p + .desc {margin-top:15px; }
.sub_panel .desc span { color:#21e2ad; font-weight: 700}
.sub_panel .desc2 { color:#999; font-size:13px; line-height: 1.5em}

.sub .top_visual { padding:60px 0; text-align: center; background:url("../img/sub/top_visual_01.jpg") center no-repeat; background-size:cover}
.sub .top_visual .title {color:#fff; font-weight: 700; font-size: 40px; line-height: 1.3em; letter-spacing: -1.2px}
.sub .top_visual .title span.dot { color:#21e2ad;position:relative;left:-8px; top:2px; display: inline-block}
.sub .top_visual .title img {position:relative; top:2px}

.sub .top_visual .desc { font-size:16px; color:#fff; margin-top:5px}
.sub .top_visual .datebox {margin-top:20px}
.sub .top_visual .datebox .label { font-size:14px; padding:3px 10px 4px 10px; background:#fff; color:#4c9efd; margin-right:5px; border-radius: 30px;font-weight: 700; position:relative; top:-1px}
.sub .top_visual .datebox .date {color:#fff; font-size:18px;font-weight: 700;letter-spacing: 0;}


.sub .searchad_banner .container {width:1000px}
.sub.sub2 .searchad_banner .container {width:820px}
.sub.sub_info .searchad_banner .container {width:820px}
.sub.cheerup_wrappping .searchad_banner .container {width:1000px}

.event_banner .event_box { display:table; width:100%; table-layout: fixed; font-size: 0;padding-top:30px;}
.event_banner .event_box .textbox,
.event_banner .event_box .objbox {display:table-cell; vertical-align: bottom;}
.event_banner .event_box .objbox {width:440px; text-align:right;padding-right:30px; position:relative}
.event_banner .event_box .objbox a { position:absolute; top:0px;right:0; width:127px; height:127px; background:url(../img/event/btn_bubble.png) no-repeat; color:#fff; font-size:16px; font-weight: 500; text-align: center;}
.event_banner.bg_gra4 .event_box .objbox a {background-image:url(../img/event/btn_bubble2.png)}
.event_banner .event_box .objbox a span { position:relative; top:27px; line-height:1.2em; display: block;}
.event_banner .event_box .objbox img {max-width:100%}
.event_banner .event_box .textbox { text-align:left;padding-bottom:40px;}
.event_banner .event_box .textbox p {color:#fff; letter-spacing: -1px;}
.event_banner .event_box .textbox span {display:inline-block; vertical-align: middle;}
.event_banner .event_box .textbox .tit { font-size:30px; font-weight: 700;}
.event_banner .event_box .textbox .tit img.hide_m {display:inline-block;}
.event_banner .event_box .textbox .tit img { vertical-align: middle; margin-right:4px; height:28px; position:relative; top: 1px;}
.event_banner .event_box .textbox .desc { font-size:18px;}
.event_banner .event_box .textbox .datebox {margin-top:20px}
.event_banner .event_box .textbox .datebox .label { font-size:14px; padding:3px 10px; background:#fff; color:#4c9efd; margin-right:10px; border-radius: 30px;font-weight: 700;}
.event_banner .event_box .textbox .datebox .date {color:#fff; font-size:17px;font-weight: 700; letter-spacing: 0;}

.event_banner.date_none .event_box .textbox {padding-bottom:60px}
.event_banner.date_none .event_box .textbox .desc {margin-top:5px}

.event_banner.event_banner1 .objbox {width:598px;padding-right:0px;}
.event_banner.event_banner1 .event_box {padding-top:20px}
.event_banner.event_banner1 .event_box .textbox .tit { line-height:1.2em; padding-bottom:20px}

/* 왜 */
.sub_panel.why_panel .desc + .desc2 {margin-top:20px}
.sub_panel.why_panel .btn_normal { margin-top:20px}
.sub_panel.why_panel .img img {max-width:100%}

.sub_panel.why_top { background:#f2f7fd}
.sub_panel.why_top .table_box {table-layout: fixed; width:1000px; margin:0 auto 40px}
.sub_panel.why_top .table_td img {max-width:100%}
.sub_panel.why_top .table_td.desc_wrap { text-align:left; }
.sub_panel.why_top .desc_wrap ul {margin-top:15px;}
.sub_panel.why_top .desc_wrap ul li {padding:15px 0 12px}
.sub_panel.why_top .desc_wrap ul li + li {border-top:1px solid #d5d5d5}
.sub_panel.why_top .desc_wrap ul li span { display: inline-block;vertical-align: middle}
.sub_panel.why_top .desc_wrap ul li span.icon img {width:54px}
.sub_panel.why_top .desc_wrap ul li span + span { position: relative; top:-2px}
.sub_panel.why_top .desc_wrap ul li span.desc {font-size:18px}

/* 광고 진단서 */
.form_link {background:#fff; z-index: 160; position: relative;}
.sub_panel.form_panel {background:#f2f7fd; }
.sub_panel.form_panel .desc2 {margin-top:10px; color:#666}
.sub_panel.form_panel .desc2 span {color:#21e2ad}
.sub_panel.form_panel .container + .container {margin-top:40px; padding-top:40px; border-top:1px solid #eaeaea}
.sub_panel.form_panel .form_wrapping {margin-top:40px;}
.sub_panel.form_panel .form_wrapping .form_wrap { background:#fff;padding:40px;width:720px; margin:0 auto}
.sub_panel.form_panel .form_wrapping .inner {display:table; width:100%; table-layout: fixed}
.sub_panel.form_panel .form_wrapping .inner .step_wrap { display: table-cell;vertical-align: top;padding:20px 0}
.sub_panel.form_panel .form_wrapping .inner .form_wrap { display: table-cell;vertical-align: top; width:60%;padding:20px 0;}

.sub_panel.form_panel .form_wrapping .form_wrap + .form_wrap { margin-top:20px}

/* 광고 진단서 > API */
.sub_panel.form_panel .api_slider {width:100%; overflow: hidden; position:relative}
.sub_panel.form_panel .api_slider .link {color:#999; text-decoration: underline; letter-spacing: 0}
.sub_panel.form_panel .api_slider .swiper-pagination {position:relative; top:auto; bottom:auto; margin:40px auto 50px}
.sub_panel.form_panel .api_slider .swiper-pagination-bullet {width:auto; height:auto;background:none; opacity: 1;position:relative; margin:0 60px }
.sub_panel.form_panel .api_slider .swiper-pagination-bullet span { background:#e7edf3;width:36px; height:36px; line-height: 36px; text-align:center; font-weight: 700; color:#999; display: block; border-radius: 36px; box-shadow:0 2px 10px rgba(0,0,0,0.2);}

.sub_panel.form_panel .api_slider .swiper-pagination-bullet::after {content:"STEP 01"; font-size:13px; display:block; position:absolute; bottom:-28px; color:#999; width:200%; left:-50%}
.sub_panel.form_panel .api_slider .swiper-pagination-bullet:nth-child(2)::after {content:"STEP 02";}
.sub_panel.form_panel .api_slider .swiper-pagination-bullet:nth-child(3)::after {content:"STEP 03";}

.sub_panel.form_panel .api_slider .swiper-pagination-bullet-active {background:none}

.sub_panel.form_panel .api_slider .swiper-pagination-bullet + .swiper-pagination-bullet::before {content:""; display:block; position:absolute; top:50%; margin-top:-3px; width:69px; height:6px; left:-260%; background:url("../img/sub/dot.png") no-repeat}

.sub_panel.form_panel .api_slider .swiper-pagination-bullet + .swiper-pagination-bullet-active::before,
.sub_panel.form_panel .api_slider .swiper-pagination-bullet.step_1 + .swiper-pagination-bullet::before{content:""; display:block; position:absolute; top:50%; margin-top:-3px; width:69px; height:6px; left:-260%; background:url("../img/sub/dot_on.png") no-repeat}

.sub_panel.form_panel .api_slider .swiper-pagination-bullet.step_1::after,
.sub_panel.form_panel .api_slider .swiper-pagination-bullet + .swiper-pagination-bullet-active::after,
.sub_panel.form_panel .api_slider .swiper-pagination-bullet.step_1 + .swiper-pagination-bullet::after {color:#21e2ad; }

.sub_panel.form_panel .api_slider .swiper-pagination-bullet-active.step_1 + .swiper-pagination-bullet::before{content:""; display:block; position:absolute; top:50%; margin-top:-3px; width:69px; height:6px; left:-260%; background:url("../img/sub/dot.png") no-repeat}

.sub_panel.form_panel .api_slider .swiper-pagination-bullet-active.step_1 + .swiper-pagination-bullet::after {color:#999}

.sub_panel.form_panel .api_slider .swiper-pagination-bullet.step_1 span,
.sub_panel.form_panel .api_slider .swiper-pagination-bullet.step_1 + .swiper-pagination-bullet span{text-indent: -99999px; background:url("../img/sub/ico_check.png") no-repeat}

.sub_panel.form_panel .api_slider .swiper-pagination-bullet-active.step_1 span,
.sub_panel.form_panel .api_slider .swiper-pagination-bullet-active span,
.sub_panel.form_panel .api_slider .swiper-pagination-bullet.step_1 + .swiper-pagination-bullet-active.step_2 span{color:#fff;  background: #0feab1; text-indent: 0; /* Old browsers */
	background: -moz-linear-gradient(left,  #0feab1 0%, #54cffe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0feab1 0%,#54cffe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0feab1 0%,#54cffe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0feab1', endColorstr='#54cffe',GradientType=0 ); /* IE6-9 */
}

.sub_panel.form_panel .api_slider .swiper-pagination-bullet-active.step_1 + .swiper-pagination-bullet span { background:#e7edf3; color:#999; text-indent: 0; }

.sub_panel.form_panel .api_slider .img {margin-top:30px}
.sub_panel.form_panel .api_slider .img img {max-width:80%}

/* 광고 진단서 > 신청 정보 입력 */
.sub_panel.form_panel .form_wrapping .inner .form_wrap .write_box { padding:20px 5%}

.sub_panel.form_panel .form_wrapping .top_important {text-align:right; font-size:13px; color:#999; font-weight: 700}
.sub_panel.form_panel .form_wrapping .top_important span { color:#21e2ad}

.sub_panel .write_box .write {display:table; width:100%; table-layout: fixed; text-align: left}
.sub_panel .write_box .write .label { /*display: table-cell; width:23%; */font-size:15px; font-weight: 700; vertical-align: top; padding-top: 20px; padding-left:10px }
/*.sub_panel .write_box .write .label + .right  { display: table-cell;}*/
.sub_panel .write_box .write .label span { display:inline-block;position: relative}
.sub_panel .write_box .write .label.important span::after {content:"*"; display: block; position:absolute; right:-10px; top:0; color:#21e2ad}

.sub_panel .write_box .phone + .write.infotxt {margin-top:60px; margin-bottom:-10px}
.sub_panel .write_box .write.infotxt .desc {padding-left:25px; font-size:13px; position: relative;}
.sub_panel .write_box .write.infotxt .desc::before {content:"※"; position:absolute; top:0; left:10px }


.input_text {border:0; padding:15px 0 15px 10px;background:none; border-bottom:1px solid #d5d5d5;font-size:13px; width:100% }
textarea.input_text  {height:100px;resize:none;}
.select_box {position:relative}
.select_box .select{padding:0 25px 0 10px;width:100%;height:54px;font-size:13px;color:#666666;border-radius:3px;border:0;box-shadow:none;background:none;font-weight: 700;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size:12px;  }
.select_box::after{display:block;content:"";position:absolute;right:0px;top:50%;margin-top:-3.5px;width:12px;height:7px;background:url("../img/icon/select_arrow.png") no-repeat center center; opacity: 0.5}
.select::-ms-expand { display: none;}

.radiobox + .radiobox {margin-left:30px}
.radiobox span {font-size:13px; color:#666;}
.radiobox input {display: inline-block; vertical-align: middle}
.radiobox input + span {margin-left:4px; display: inline-block; vertical-align: middle}

.checkbox + .checkbox {margin-left:10px}
.checkbox span {font-size:13px; color:#666;}
.checkbox input {display: inline-block; vertical-align: middle}
.checkbox input + span {margin-left:4px; display: inline-block; vertical-align: middle}

.sub_panel .write_box .write.email .right {display:table; width:100%; table-layout: fixed}
.sub_panel .write_box .write.email .right > p {display:table-cell}
.sub_panel .write_box .write.email .right .select_box {display:table-cell;}
.sub_panel .write_box .write.email .right .select_box {border-bottom:1px solid #d5d5d5;}
.sub_panel .write_box .write.email .right .txt {width:40px; text-align: center; font-size:13px}
.sub_panel .write_box .write.email .right .id {width:40%}
.sub_panel .write_box .write.email .right .mail {padding-right:10px}

.sub_panel .write_box .write.woncell .right {display:table; width:100%; table-layout: fixed}
.sub_panel .write_box .write.woncell .right > p {display:table-cell}
.sub_panel .write_box .write.woncell .right .select_box {display:table-cell;}
.sub_panel .write_box .write.woncell .right .select_box {border-bottom:1px solid #d5d5d5;}
.sub_panel .write_box .write.woncell .right .txt {width:80px; text-align: left; font-size:13px; font-weight: 700; padding-left:10px}

.sub_panel .write_box .write.month .right {display:table; width:100%; table-layout: fixed}
.sub_panel .write_box .write.month .right > p {display:table-cell}
.sub_panel .write_box .write.month .right .num {width:25%}
.sub_panel .write_box .write.month .right .txt {  font-size:13px}

.sub_panel .write_box .write.hope .right  { overflow: hidden;}
.sub_panel .write_box .write.hope .right .input_text {width:49%; float:left}
.sub_panel .write_box .write.hope .right .input_text:nth-child(2n) {float:right}

.sub_panel .write_box .write.phone .right {position:relative; }
.sub_panel .write_box .write.phone .right .num {/*display:table; width:55%; table-layout: fixed; float:left; */position:relative;  border-bottom:1px solid #d5d5d5; width:55%;float:left;}
.sub_panel .write_box .write.phone .right .num + .num {float:right; width:42%; vertical-align: top;}
.sub_panel .write_box .write.phone .right .num > p {display:table-cell}
.sub_panel .write_box .write.phone .right .num .btn {text-align:right; width:110px; position: absolute; right:0;bottom:5px}
.sub_panel .write_box .write.phone .right .time {padding-top:10px;font-weight: 700; color:#222; text-align: left; font-size:13px;/*position:absolute; bottom:-25px;left:0;width:100%;*/ width:42%;     position: absolute;    right: 0;    top: 46px; display: none}
.sub_panel .write_box .write.phone .right .time b { color:#ff5e66; font-weight: 700; padding-left:5px}
.sub_panel .write_box .write.phone .right .input_text {border:0;}
.sub_panel .write_box .write.phone .right .phone_num {width:65%}
.sub_panel .write_box .write.phone .right .btn_normal {padding:5px 5px 8px; min-width:inherit; font-size:13px; margin:0; display: inline-block; vertical-align: middle}

.sub_panel .write_box .write.phone .right.time_on {padding-bottom: 20px}
.sub_panel .write_box .write.phone .right.time_on .time {display:block;padding-left:10px;/*position: relative;    top: auto;*/}

.sub_panel .write_box .write.setup .right {padding-top:5px; padding-left:10px}

.sub_panel .write_box .write.searchid .right {padding-top:5px; padding-left:10px; overflow: hidden}
.sub_panel .write_box .write.searchid .right .radiobox {width:48%; display:table; float:left; table-layout: fixed}
.sub_panel .write_box .write.searchid .right .radiobox + .radiobox {float:right; margin:0}
.sub_panel .write_box .write.searchid .right .radiobox .cell{width:50%; display: table-cell}
.sub_panel .write_box .write.searchid .right .radiobox + .radiobox .cell:first-child {width:24%}
.sub_panel .write_box .write .right_desc {font-size:13px; color:#21e2ad; display: block;padding-top:10px; clear: both}
.sub_panel .write_box .write.searchid .right .radiobox.disabled input { opacity: 0.5}

.cheerup_wrappping .sub_panel .write_box .write.searchid .right .radiobox {width:40%; display:table; float:left; table-layout: fixed}
.cheerup_wrappping .sub_panel .write_box .write.searchid .right .radiobox + .radiobox {float:left; margin:0 0 0 10px}
.cheerup_wrappping .sub_panel .write_box .write.searchid .right .radiobox + .radiobox .cell:first-child,
.cheerup_wrappping .sub_panel .write_box .write.searchid .right .radiobox .cell:first-child {width:40%}
.cheerup_wrappping .sub_panel .write_box .write.searchid .right .radiobox + .radiobox + .radiobox { width:15%; float:right;margin:0; position: relative; top:10px}
.cheerup_wrappping .sub_panel .write_box .write.searchid .right .radiobox + .radiobox + .radiobox .cell:first-child {width:100%}

.sub_panel .write_box .id_radio .right {padding-top:5px; padding-left:10px}
.sub_panel .write_box .id_radio ul  {display:table; width:100%; table-layout: fixed;}
.sub_panel .write_box .id_radio ul li { display:table-cell; font-weight: 700;}
.sub_panel .write_box .id_radio ul li.input {width:130px;  }
.sub_panel .write_box .id_radio ul li.input + li {padding-left:10px}
.sub_panel .write_box .id_radio .id_noti {padding-top:5px; padding-left:10px; min-height: 50px;}
.sub_panel .write_box .id_radio .id_noti p {font-size:13px; color:#0feab1; font-weight: 700;}
.sub_panel .write_box .id_radio .id_noti p::before {content:"* "; display: inline;}

.sub_panel .write_bottom {margin:30px auto 20px; font-size:13px; color:#666; word-break: keep-all}
.sub_panel .write_bottom > div {display:inline-block; vertical-align: middle}
.sub_panel .write_bottom a {color:#333; text-decoration: underline}
.sub_panel .write_bottom input {position: relative; top:2px}
.sub_panel .write_bottom input + a  {margin-left:5px;}
.sub_panel .write_bottom.important {position:relative; max-width:90%;display: block }
.sub_panel .write_bottom.important span {position:relative;}
.sub_panel .write_bottom.important > span::after {content:"*"; display: block; position:absolute; right:-10px; bottom:0; color:#21e2ad}

.sub_panel .write_agree_box {background:#fff; /*box-shadow:0 2px 3px rgba(0,0,0,0.2); border-radius: 5px;*/ display: block; padding:30px 40px 30px; margin:20px auto 0; text-align: left; width: 720px}
.sub_panel .write_agree_box p {font-size:13px; color:#666; line-height: 1.8em}
.sub_panel .write_agree_box p b {font-weight:700; color:#333}
.sub_panel .write_agree_box p + p,
.sub_panel .write_agree_box ul + p {margin-top:20px}
.sub_panel .write_agree_box p + ul {margin-top:5px}
.sub_panel .write_agree_box ul li {font-size:13px; color:#666; position:relative; padding-left:10px; line-height: 1.8em}
.sub_panel .write_agree_box ul li::before {content:"-"; display: block; position:absolute; top:0; left:0;}
.sub_panel .write_agree_box ul li b {font-weight:700; color:#333}

.sub_panel .write_agree_box.inner_box {width:auto; background:#f8f8f8; height:65px; overflow-y:auto; padding:15px}
.sub_panel .write_agree_box.inner_box p { line-height: 1.6em; font-size:12px}

.sub_panel .write_desc_wrap {background:#f2f7fd;text-align:left;margin-top:40px;padding:20px;position:relative;}
.sub_panel .write_desc_wrap .desc_hd {position:relative}
.sub_panel .write_desc_wrap .desc_hd .tit {font-size: 15px;}
.sub_panel .write_desc_wrap .desc_hd .tit b {color:#333;font-weight:700}
.sub_panel .write_desc_wrap .desc_hd .btn_more {background:#fff; border:1px solid #d5d5d5; padding:0 10px; height:28px; line-height: 26px; font-size:12px; color:#666; display: inline-block; position:absolute; top:0; right:0}
.sub_panel .write_desc_wrap .desc_hd .btn_more span {padding-right:12px; background:url("../img/icon/sub_arrow.png") center right no-repeat}

.sub_panel .write_desc_wrap ul {margin:10px auto 0}
.sub_panel .write_desc_wrap ul .num {color:#21e2ad; font-weight: 700; margin-right:4px}
.sub_panel .write_desc_wrap ul .img {padding-top:20px}
.sub_panel .write_desc_wrap ul .img img {width:100%}
.sub_panel .write_desc_wrap ul .btn_link {padding-right:15px; background:url("../img/icon/link.png") right center no-repeat; margin-right:4px; background-size:10px auto}
.sub_panel .write_desc_wrap ul .btn_link span {color:#333; font-weight: 700; text-decoration: underline}
.sub_panel .write_desc_wrap ul .desc2 b {color:#333;font-weight:700}

.sub_panel.basic_panel .idnumber .write_desc_wrap {margin-bottom: 0!important}
.sub_panel.basic_panel .idnumber .write_desc_wrap ul li .cell{vertical-align: top;}
.sub_panel.basic_panel .idnumber .write_desc_wrap ul li .cell + .cell{padding-top: 5px; font-size: 0; width: 250px;}
.sub_panel.basic_panel .idnumber .write_desc_wrap ul li .cell + .cell img{width: 100%;}

.sub_panel .noti {text-align:left; clear: both; margin-top:60px;}
.sub_panel.noti_panel .noti {margin-top:0px;}
.sub_panel .noti .noti_title {color:#222; font-weight: 700; font-size: 20px; line-height: 1.3em; letter-spacing: -1px; padding-bottom: 10px; border-bottom:1px solid #eaeaea; }
.sub_panel .noti ul {margin-top:10px;}
.sub_panel .noti ul li {color:#666; font-size:15px; padding: 0 10px; position:relative;}
.sub_panel .noti ul li + li {margin-top:5px;}
.sub_panel .noti ul li::before {content:"*";color:#666; font-size:13px; position:absolute; left:0; top:3px; display: block;}

/* basic_panel */
.sub_panel.form_panel.basic_panel { overflow: hidden;}
.sub_panel.form_panel.basic_panel { display:table; width:100%}
.sub_panel.form_panel.basic_panel .form_wrapping { width:50%; display: table-cell;margin-top:0; vertical-align: top;border-right:50px solid #f2f7fd; position:relative;}
.sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping { border-right:0;box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping .write_button a + a {margin-left:5px}
.sub_panel.form_panel.basic_panel .title { font-size:34px; padding:0 0 20px}
.sub_panel.form_panel.basic_panel .pc_box .title { font-size:30px;}
.sub_panel.form_panel.basic_panel .form_wrapping .form_wrap {width: 100%; padding-bottom: 0;}
.sub_panel.form_panel.basic_panel .write_box .write.phone .right .time {position:absolute; bottom:-25px;left:0;width:100%;}

.sub_panel.form_panel.basic_panel .bottom_noti {padding:25px 20px 26px 40px;background: #f2f7fd; position:absolute; left:0; right:0 }
@media screen and (-webkit-min-device-pixel-ratio:0){
	.sub_panel.form_panel.basic_panel .bottom_noti {position:absolute; bottom:0; left:0; right:0; padding:20px 20px 20px 40px}
}

.sub_panel.form_panel.basic_panel .bottom_noti ul {background:url(../img/icon/manager.png) left center no-repeat; padding:10px 0 10px 90px;}
.sub_panel.form_panel.basic_panel .bottom_noti ul li { color:#333; font-size:14px; text-align: left; position:relative;padding-left:10px }
.sub_panel.form_panel.basic_panel .bottom_noti ul li::before { content:""; width:2px; height:2px; background:#999; border-radius: 2px; position:absolute; top:10px; left:0px}
.sub_panel.form_panel.basic_panel .bottom_noti ul li span { color:#21e2ad; font-weight: 700;}
.sub_panel.form_panel.basic_panel .bottom_noti ul li + li { margin-top:5px;}
.sub_panel.form_panel.basic_panel .bottom_noti ul + .write_button {margin-top:20px}

.sub1 .sub_panel.form_panel.basic_panel .form_wrapping {background:#fff; }

.basic_panel .tab {padding-bottom:40px; background:#f2f7fd; margin-bottom:-4px}
.basic_panel .tab ul {display:table; width:100%; table-layout: fixed;}
.basic_panel .tab ul li {display:table-cell; text-align:center; border-bottom:1px solid #d5d5d5;position:relative;width:50%}
.basic_panel .tab ul li a{ display:block; padding:10px 0 10px; color:#999; font-size:14px; position:relative; font-weight: 700;}
.basic_panel .tab ul li.active a {color:#333;}
.basic_panel .tab ul li.active::after { content:""; width:100%; height:2px; background:#333; bottom:0; left:0; right:0;display: block;}

.basic_panel .form_slide_wrap {  padding:40px 0}
.basic_panel .form_slide_wrap .write_button {margin-top:40px}

.basic_panel .pc_box ul {display:table; width:95%; table-layout: fixed; margin:0 auto}
.basic_panel .pc_box ul li {display:table-cell; text-align:center; width:50%;padding:10px 10px 20px}
.basic_panel .pc_box ul li .slide_tit { font-size:18px; font-weight: 700; line-height:1.3em;padding-bottom:10px}
.basic_panel .pc_box ul li img {max-width:100%}

.basic_panel .pc_box,
.basic_panel .mobile_box {position:absolute; top:-9999px; opacity: 0; z-index: -1;}

.basic_panel .pc_box.active { position:relative; top:auto; opacity: 1; z-index: 1;}

.sub_panel.basic_panel .write_desc_wrap {margin:10px auto 20px}
.sub_panel.basic_panel .write_desc_wrap .desc_table { width:100%; display:table; table-layout: fixed;}
.sub_panel.basic_panel .write_desc_wrap .desc_table .cell {width:50%; display:table-cell}
.sub_panel.basic_panel .write_desc_wrap ul .img { padding-top:10px}

/* 서브 > 키워드 광고 견적 받기 */
.sub.keyword .top_visual {background-image:url("../img/keyword/top_visual.jpg")}
.sub.keyword .sub_panel .write_box .write.month .right .num {width:45%}
.sub.keyword .sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping {background: #fff;}
.sub.keyword .sub_panel .write_button {padding: 30px 0 0;}

.sub.keyword .sub_panel .keyword_box .detail_box {background:#fff; text-align:left; padding-top:20px; margin-top:10px }
.sub.keyword .sub_panel .keyword_box .detail_box .desc,
.sub.keyword .sub_panel .keyword_box .detail_box .txt {padding:0 20px;}
.sub.keyword .sub_panel .keyword_box .detail_box .txt b { font-weight: 700;}
.sub.keyword .sub_panel .keyword_box .detail_box .txt {font-size:18px}
.sub.keyword .sub_panel .keyword_box .detail_box .img {text-align: center;}
.sub.keyword .sub_panel .keyword_box .detail_box img { max-width:100%}
.sub.keyword .sub_panel .keyword_box .detail_noti {font-size:13px; color:#666;margin-top:10px; padding-bottom: 20px;}

/* 서브 > 광고 대행 신청 */
.sub.sub2 .top_visual {background-image:url("../img/sub/top_visual_02.jpg")}

/* 서브 > 광고 대행 안내 */
.sub.sub_info .top_visual {background-image:url("../img/sub/top_visual_info.jpg")}

.setup_banner .inner {padding:60px 0; background:url("../img/sub/info_banner.jpg") center no-repeat;}
.setup_banner .inner .img_box {display: none;}
.setup_banner .inner p {padding-left:50%}
.setup_banner .inner p.title { color:#fff; font-weight: 700;    font-size: 38px;    line-height: 1.3em;    letter-spacing: -1px;}
.setup_banner .inner p.desc { color:#fff; font-size: 18px;    margin-top: 15px;  padding-top:5px}

.setup_panel .title { padding-bottom:40px}
.setup_panel .setup_wrap { letter-spacing: -1px;}
.setup_panel .setup_wrap .setup_top { background:#f8f8f8; text-align:center; padding:20px 0 25px; margin:0 auto 20px}
.setup_panel .setup_wrap .setup_top .top {color:#333; font-size: 18px;  line-height: 1em;  font-weight: 700;   padding-top:5px}
.setup_panel .setup_wrap .setup_top .tit {color:#333; font-weight: 700; margin-top:-2px;   font-size: 36px;    line-height: 1.3em;    letter-spacing: -1px;}
.setup_panel .setup_wrap .setup_top .tit img,
.setup_panel .setup_wrap .setup_top .tit span { vertical-align: middle;}
.setup_panel .setup_wrap .setup_top .tit span { position:relative; top:-2px}

.setup_panel .setup_wrap table thead td {border-top:2px solid #333;border-bottom:1px solid #333; padding:20px 0; color:#333; font-weight: 700; text-align: center;}
.setup_panel .setup_wrap table tbody td { border-bottom:1px solid #eee;padding:40px 10px; text-align:center }
.setup_panel .setup_wrap table tbody td:first-child {padding-left:50px; text-align: left;}
.setup_panel .setup_wrap table tbody td p {color:#333; font-size: 20px;  line-height: 1em;  font-weight: 700; }
.setup_panel .setup_wrap table tbody td ul {margin-top:10px;display:inline-block}
.setup_panel .setup_wrap table tbody td ul + ul {margin-left:20px}
.setup_panel .setup_wrap table tbody td ul li {color:#666; font-size: 16px;  line-height: 1.3em; padding-left:8px; position: relative;}
.setup_panel .setup_wrap table tbody td ul li + li {margin-top:5px}
.setup_panel .setup_wrap table tbody td ul li::before { content:"·"; position:absolute; top:0; left:0;}
.setup_panel .setup_wrap table tbody td ul li .point { color:#18d8a3}
.setup_panel .setup_wrap table tbody td img { width:36px}
.setup_panel .setup_wrap .table_desc {text-align:left; margin-top:10px; position:relative;padding-left:10px; font-size:14px; letter-spacing: -0.5px; color:#666}
.setup_panel .setup_wrap .table_desc::before { content:"*"; position:absolute; top:0; left:0; color:#18d8a3}

/*.sub_panel.faq_panel {background: #f1f7fc;}*/
.sub_panel.faq_panel .title { padding-bottom:40px;}

/* 미리보기 */
.sub_panel.preview_panel {background: #f1f7fc;}
.sub_panel.preview_panel .title { padding-bottom:40px;}
.preview_panel .preview_box ul { overflow: hidden; margin-left:-10px;}
.preview_panel .preview_box ul li {display:block; float:left; width:calc(25% - 10px);; background:#fff; border-radius: 5px;box-shadow:0 2px 5px rgba(0,0,0,0.1); margin:5px; }
.preview_panel .preview_box ul li .box {padding:20px;text-align: left; display: block;}
.preview_panel .preview_box ul li span {display:inline-block; vertical-align: middle;}
.preview_panel .preview_box ul li .num {width:24px; height:24px; color:#fff; background:#0feab1; text-align:center; line-height: 24px; font-size: 14px; font-weight: 700;}
.preview_panel .preview_box ul li .txt {color:#333; font-size:16px; font-weight: 700; margin-left:5px}

/* 다양한관리제공 */
.info_process {margin-top:40px}
.info_process ul {position: relative;}
.info_process ul::before {width:2px; background:#f1f7fc; top:100px; left:50%; height:calc(100% - 240px);; position:absolute; content: ""; z-index: -1;}
.info_process ul li { clear: both; overflow: hidden; padding:30px 0; display: table; width:100%}
.info_process ul li .cell { display:table-cell; vertical-align: middle;}
.info_process ul li .cell.icon {width:42%; text-align: right;}
.info_process ul li .cell.label {width:16%; text-align: center;}
.info_process ul li .cell.label span { background:#f1f7fc; padding:3px; width:90px; color:#666; font-size:14px; font-weight: 700; border-radius: 20px; display:inline-block}
.info_process ul li .cell.descwrap {width:42%}
.info_process ul li .cell.descwrap .inner {background:#fff;box-shadow:0 3px 4px rgba(0,0,0,0.1); padding:20px; display: block; position: relative; text-align:left; border:1px solid #eee}
.info_process ul li .cell.descwrap .inner::before { content:""; display: block; position: absolute; width:12px; height:100%; left:-12px; top:0; background:url(../img/icon/bubble_arrow.png) center no-repeat;}
.info_process ul li .cell.descwrap .inner .p_tit { font-size:20px; font-weight: 700; margin-bottom: 10px;}
.info_process ul li .cell.descwrap .inner .p_tit .num {color:#2ad5fa; padding-right: 10px;}
.info_process ul li .cell.descwrap .inner .tag { background: #2ad5fa;padding:3px 5px 5px; display:inline-block; border-radius: 3px; font-size:0;margin-right:3px;}
.info_process ul li .cell.descwrap .inner .tag span { display: inline-block; vertical-align: middle;color:#fff; font-size:13px; }
.info_process ul li .cell.descwrap .inner .tag a { display: inline-block; vertical-align: middle; margin-left:5px; color:#fff; font-size:13px; font-weight: 700; text-decoration: underline;}
.info_process ul li .cell.descwrap .inner .txt {margin-left:3px; color:#666; font-size:14px;  display: inline-block; vertical-align: middle; padding-top:7px}
.info_process ul li .cell.descwrap .inner .txt b { font-weight: 700;}

.info_process ul li .cell.descwrap .inner .desc_noti {margin-top:10px; }
.info_process ul li .cell.descwrap .inner .desc_noti p {color:#666;position:relative;  font-size: 14px;}
.info_process ul li .cell.descwrap .inner .desc_noti p::before { content: "* "; color:#2ad5fa; display: inline;}

.info_process ul li:nth-child(2n) .cell.icon {text-align:left;}
.info_process ul li:nth-child(2n) .cell.descwrap .inner::before { left:auto; right:-12px;transform:rotate( -180deg )}

/* 서브 탭 */
/*.sub_tab ul li {display:inline-block; vertical-align: middle; padding:0 30px; position:relative}
.sub_tab ul li + li::before { content:"";display:block; width:1px; height: 15px; background: #d5d5d5; top:4px;left:0; position: absolute;}
.sub_tab ul li a {font-size:15px; color:#666; display: block}
.sub_tab ul li a span {display:block; position:relative; }
.sub_tab ul li a span::after {content: "";    position: absolute;    height: 2px;    width: 100%;    left: 0;    bottom: -2px;    opacity: 0;    transform: translateY(3px);    background: #333;    transition: opacity .2s ease,transform .2s ease;}
.sub_tab ul li.active a {font-weight:700; color:#333}
.sub_tab ul li.active a span::after {opacity: 1; transform: translateY(0);}*/
.sub_tab {text-align: center; background: #21e2ad}
.sub_tab ul {width:100%; display:table; table-layout: fixed}
.sub_tab ul li {display:table-cell; width:50%; vertical-align: middle; position:relative}
.sub_tab ul li a {font-size:15px; color:#fff; display: block;padding:20px 10px; }
.sub_tab ul li a span {display:inline-block; position:relative; }
.sub_tab ul li.active {background:#fff;}
.sub_tab ul li.active a {color:#21e2ad; font-weight: 700}

/* 광고 대행 신청하기 */
.sub2 .sub_panel.why_panel .img {margin-top:20px;}
.sub2 .sub_panel .write_box .write.setup {padding-bottom:20px}
.sub2 .sub_panel .write_box .write.setup.pb_none {padding-bottom:0}
.sub2 .sub_panel .write_box .write.setup .radiobox span + span > span { position:relative; top:-1px}
.sub2 .sub_panel .write_box .write.setup .radiobox span + span > span.hide_m {top:0}
.sub2 .sub_panel .write_box .month + .write.setup {padding-bottom:0}
.sub2 .sub_panel .write_button { padding:40px 0}
.sub2 .sub_panel .write_bottom { margin-top:20px }
.sub2 .sub_panel .write_bottom + .write_button {padding:20px 0 40px}
.sub2 .why_img {margin:20px auto 5px}
.sub2 .why_img img {max-width:100%}
.sub2 .why_txt b {font-weight: 700;}
.sub2 .why_txt .desc { position:relative; display: inline-block;padding-left:15px; font-size:13px;margin-top:10px}
.sub2 .why_txt .desc::before { position:absolute; top:0;left:0px; content:"※ ";}
.sub2 .container {display: table;    table-layout: fixed;}
.sub2 .sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping {background:#fff}

.sub2 .sub_panel .write_box .write.month .right .num { width:35%}

.sub_panel .write_box .write.keyword ul {width: 100%; display:table; table-layout: fixed;}
.sub_panel .write_box .write.keyword ul li {width:20%; display: table-cell;}
.sub_panel .write_box .write.keyword ul li.blank {width:10px}



/* 광고 대행 절차 */
.sub_step_panel {position:relative; overflow: hidden; padding-bottom: 120px}
.sub_step_panel .step_wrap { margin:40px auto 0; width:100%; display: table; table-layout: fixed; position: relative}
.sub_step_panel .step_wrap::before { content: ""; display: block;width: 100%; background:url(../img/sub/step_line.png) no-repeat; background-size:100%; height:22px; position:absolute; top:50%; left:0; right:0;}
.sub_step_panel .step_wrap .step_box {display:table-cell; width:25%; margin-top:30px; vertical-align: top}
.sub_step_panel .step_wrap .step_box img {max-height:90px}
.sub_step_panel .step_box .icon { position:relative; margin:20px auto 60px}
.sub_step_panel .step_box .step b { color:#21e2ad; font-weight: 700; }
.sub_step_panel .step_box .desc b {color:#333; font-weight: 700; font-size:18px; line-height: 1.3em}
.sub_step_panel .step_box .desc2 b { color:#333; font-weight: 700; }
.sub_step_panel .step_box .desc + .desc2 {padding:0 30px; margin-top:5px}

.sub_step_panel .arrow1 {text-align: right; padding: 50px 140px 0 0;}
.sub_step_panel .arrow1 + .step_wrap {margin-top:20px}
.sub_step_panel .arrow2 {text-align: right; padding:20px 140px 0 0;}

/* 광고 대행 신청 */
.form_panel.type2 .form_wrap {width:80%; margin:0 auto}
/*.sub2 .form_panel.type2 .write_box .write.setup .right {border-bottom:1px solid #d5d5d5;padding-bottom: 20px}*/

/* 검색광고란 */
.sub_panel.about_panel .desc  {color:#333}
.sub_panel.about_panel .desc + .desc2 {margin-top:20px}
.sub_panel.about_panel .img {margin:25px auto 0}
.sub_panel.about_panel .img img {max-width:100%}
.sub_panel.about_panel .icon_wrap {margin-top:60px}
.sub_panel.about_panel .icon_wrap ul { width:100%; display: table; table-layout: fixed}
.sub_panel.about_panel .icon_wrap ul li {display:table-cell; vertical-align: middle}
.sub_panel.about_panel .icon_wrap ul li .icon { background:#f9f9f9; border-radius: 50%; padding:55px 0; width:90%}
.sub_panel.about_panel .icon_wrap ul li .img {margin:10px auto 0}
.sub_panel.about_panel .icon_wrap ul li .num {color:#21e2ad; font-weight: 700}
.sub_panel.about_panel .icon_wrap ul li .tit {color:#333; font-size:18px; font-weight: 700; margin-top:10px}

/* 에러 */
.contents {min-height: calc(100vh - 260px); position: relative}
.contents .error_page {text-align:center;padding:0 5%; display: table; width:90%; margin:0 auto}
.contents .error_page .error_inner {min-height: 400px; height: calc(100vh - 260px); vertical-align: middle; display: table-cell}
.contents .error_page .title{margin-bottom:20px;line-height:40px;font-size:30px;color:#222;margin-top:10px}
.contents .error_page .title span{color:#21e2ad}
.contents .error_page p{line-height:20px;font-size:14px;color:#666}
.contents .error_page p .email {font-weight:700; letter-spacing: 0}
.contents .error_page .btn_box{margin-top:40px}
.contents .error_page .btn_box a { min-width:134px;height:40px;line-height: 36px; padding:0}


/* 이벤트 */
.sub .top_visual.event_visual .title {font-size: 45px;}
.sub .top_visual.event_visual .title img { height:35px}

.event_panel {letter-spacing: -1px;}
.event_panel .event_tit { text-align: center; padding:0 0 60px}
.event_panel .event_tit .event { color:#6772ff; font-weight: 700; font-size: 18px; font-family: "GmarketSans"; display:inline-block; position:relative}
.event_panel .event_tit .event::after {display:block; content: ""; width:100%; height:1px; position:absolute; bottom:0;left:0; background:#6772ff}
.event_panel .event_tit .tit { color:#333; font-weight: 700; font-size: 45px; line-height:1.1em; margin-top:10px; letter-spacing: -2px;}
.event_panel .event_tit .tit b {color:#6772ff;  font-weight: 700;}

.event_panel .event_con { position:relative}
.event_panel .event_con .event_txt {padding-left:50%}
.event_panel .event_con .event_txt .top_txt { color:#333; font-weight: 700; font-size: 24px; line-height:1.2em; padding-bottom:20px}
.event_panel .event_con .event_txt .top_txt1 { color:#333; font-weight: 700; font-size: 30px; line-height:1.2em; padding-bottom:20px}
.event_panel .event_con .event_txt .top_txt2 { color:#666; font-size: 16px; line-height:1.2em; padding-bottom:20px}
.event_panel .event_con .event_txt p b { font-weight: 700; }
.event_panel .event_con .event_txt .top_txt b {color:#6772ff; font-weight: 700; }
.event_panel .event_con .event_txt .event_table thead th { border-top:1px solid #333;border-bottom:1px solid #333}
.event_panel .event_con .event_txt .event_table tbody td,
.event_panel .event_con .event_txt .event_table tbody th{ border-bottom:1px solid #d5d5d5}
.event_panel .event_con .event_txt .event_table tbody td,
.event_panel .event_con .event_txt .event_table thead th + th {border-left:1px solid #d5d5d5}

.event_panel .event_con .event_txt .event_table th { color:#333; font-size:16px; font-weight: 700; font-size:16px; text-align:center; padding:10px 0}
.event_panel .event_con .event_txt .event_table td { color:#666; font-size:14px; padding:15px}
.event_panel .event_con .event_txt .event_table td span { display:inline-block;padding:5px; background:#f2f7fd;margin-right:5px; margin-top:5px;}

.event_panel .event_con .event_txt .event_table td.bg,
.event_panel .event_con .event_txt .event_table th.bg { background:#f2f7fd;}

.event_panel .event_con .event_txt .event_table td.bg span {background:#fff; border:1px solid #eee}
.event_panel .event_con .event_txt .event_table td .line {position:relative}
.event_panel .event_con .event_txt .event_table td .line::after { display:block; position:absolute;top:10px; left:-4px; content:""; width:97%; height:2px; background:#6c77ff}

.event_panel  {padding-top:60px}
.event_panel .bar_txt {padding:30px 0; position:relative; margin-top:40px}
.event_panel .bar_txt .inner { position:relative;padding-left:50%;}
.event_panel .bar_txt .toptxt {color:#fff; font-size:18px; font-weight:700}
.event_panel .bar_txt .tit {color:#fff; font-size:24px; font-weight: 700; margin-top:5px; line-height:1.2em; letter-spacing: -0.5px;}
.event_panel .bar_txt .tit b { background:#fff; padding:0 1px 2px 0; display:inline-block; position:relative; color:#2ecefb; font-weight: 700;}
.event_panel .bar_txt .arrow { position:absolute; top: -60px;   right: 60px;background:url(../img/event/arrow.png) center no-repeat; width:47px; height:85px}

.event_panel .bar_txt .obj { display:block; position:absolute;  top: -454px;  left: -69px;background:url(../img/event/obj.png) center no-repeat; width:650px; height:656px}

.event_panel .step_wrap {text-align:center;padding:100px 0}
.event_panel .step_wrap .step_tit {color:#333; font-weight: 700; font-size:24px;}
.event_panel .step_wrap .step_desc {color:#666; font-size:16px; margin-top:10px;}
.event_panel .step_wrap .step {margin-top:40px}
.event_panel .step_wrap .step li {display:inline-block; vertical-align:top; text-align:center}
.event_panel .step_wrap .step li.dot {padding:100px 20px; }
.event_panel .step_wrap .step li .icon {position:relative; width:217px; height:0; padding-top:100%; }
.event_panel .step_wrap .step li .icon .inner { position:absolute; top:0; left:0; display: table;background:#f2f7fd; width:100%; height:100%; border-radius: 50%;}
.event_panel .step_wrap .step li .icon .inner .txt { display: table-cell; vertical-align: middle; }
.event_panel .step_wrap .step li .icon .inner .txt .label { font-weight: 700; color:#21e2ad; }

.event_panel .step_wrap .step li .desc {color:#333; font-weight: 700; font-size: 16px; margin-top:10px; letter-spacing: -0.5px;}
.event_panel .step_wrap .step li .desc2 {color:#666; font-weight: 700; font-size: 12px; margin-top:10px; letter-spacing: -0.5px;}
.event_panel .step_wrap .btn_box { margin-top:40px; text-align:center}

.event_panel.event2 { background:#f2f7fd;}
.event_panel.event2 .event_tit .tit b {color:#00aef7;  }
.event_panel.event2 .event_tit .event { color:#00aef7; }
.event_panel.event2 .event_tit .event::after {background:#00aef7;}
.event_panel.event2 .event_con .event_txt .top_txt1 {padding-top:60px}
.event_panel.event2 .event_con .event_txt .top_txt1 b {color:#03cf5d; font-weight: 700; }
.event_panel.event2 .event_con .event_txt .top_txt2 {margin:20px auto 60px}
.event_panel.event2 .bar_txt .tit b { color:#01b7ce; }
.event_panel.event2 .step_wrap .step li .icon .inner { background:#fff}
.event_panel.event2 .step_wrap .step li .desc b { color:#00b0ef; font-weight: 700;}
.event_panel.event2 .bar_txt .obj {   top: -438px;  left: -59px;background:url(../img/event/obj2.png) center no-repeat;}


.event_panel.clevent1 + .event1 { background:#f2f7fd;}
.event_panel.clevent1 + .event1 .step_wrap .step li .icon .inner {background:#fff}
.event_panel.clevent1 .event_tit .tit b {color:#19ce60;  }
.event_panel.clevent1 .event_tit .event { color:#19ce60; }
.event_panel.clevent1 .event_tit .event::after {background:#19ce60;}
.event_panel.clevent1 .event_con .event_txt .top_txt { border-bottom:2px solid #333; padding-bottom: 10px; padding-top:100px}
.event_panel.clevent1 .event_con .event_txt .top_txt1 {padding-top:60px}
.event_panel.clevent1 .event_con .event_txt .top_txt1 b {color:#03cf5d; font-weight: 700; }
.event_panel.clevent1 .event_con .event_txt .top_txt2 {margin:20px auto 60px}
.event_panel.clevent1 .event_con .event_txt .top_txt b {color:#03cf5d; font-weight: 700; }
.event_panel.clevent1 .bar_txt .tit b { color:#19ce60; }
.event_panel.clevent1 .step_wrap .step li .icon .inner { background:#fff}
.event_panel.clevent1 .step_wrap .step li .desc b { color:#19ce60; font-weight: 700;}
.event_panel.clevent1 .bar_txt .obj {   top: -650px;  left: -59px;background:url(../img/event/obj3.png) center no-repeat; width:588px; height:773px}

.event_panel.clevent1 .bar_txt .arrow {top:-90px}


.event_panel.clevent1 .event_step_list,
.event_panel.clevent1 .event_step_list ul {position:relative}
.event_panel.clevent1 .event_step_list ul li {width:100%; display:table; table-layout: fixed; padding:20px 0;}
.event_panel.clevent1 .event_step_list ul li + li { border-top:1px solid #eee}
.event_panel.clevent1 .event_step_list ul li .icon {width:120px; text-align: center;display:table-cell; vertical-align: middle;}
.event_panel.clevent1 .event_step_list ul li .txtbox {display:table-cell; vertical-align: middle; text-align:left}
.event_panel.clevent1 .event_step_list ul li .txtbox .step { color:#21e2ad;  font-weight: 700; font-size:20px}
.event_panel.clevent1 .event_step_list ul li .txtbox .txt { color:#333;  font-weight: 700; font-size:16px}
.event_panel.clevent1 .event_step_list ul::after {width:100%; height:75%; content: ""; display: block; border-radius: 10px; border:4px solid #19ce60; position:absolute; bottom:0;}

.event_panel.clevent1 .label_free { position:absolute; top: 15%;   right: 40px;background:url(../img/event/free.png) center no-repeat; width:85px; height:96px; overflow: hidden;}
.event_panel.clevent1 .label_free span {color:#fff; font-weight: 700; font-size:20px; text-align: center; display: block; line-height: 1.2em; position:relative; top:20px}

.event_panel .step2  {margin-top: 40px;}
.event_panel .step2 ul {width:100%; display: table; table-layout: fixed;}
.event_panel .step2 ul li {display:table-cell; vertical-align:top; background:#f2f7fd; padding:30px; width:33.33%; text-align: left;}
.event_panel .step2 ul li + li { border-left:1px solid #eee}
.event_panel .step2 ul li .icon {display:inline-block; background:#fff; border-radius: 100%;}
.event_panel .step2 ul li .label {font-size:18px; color:#333; font-weight: 700; margin-top:10px}
.event_panel .step2 ul li .label b {color: #19ce60; font-weight: 700; margin-right:5px}
.event_panel .step2 ul li .label b,
.event_panel .step2 ul li .label span {vertical-align: middle; display: inline-block;}
.event_panel .step2 ul li .desc_list {margin-top:10px}
.event_panel .step2 ul li .desc_list .desc { color:#666; font-size:14px; line-height: 1.3em; padding-left:10px; position: relative;}
.event_panel .step2 ul li .desc_list .desc::before { content: "*"; position:absolute; top:0; left:0}
.event_panel .step2 ul li .desc_list .desc b {color: #19ce60;  font-weight: 700;}
.event_panel .step2 ul li .desc_list .desc  + .desc {margin-top:5px}

/* 소개 > 탭 */
.sub .tab_wrap {background: #21e2ad; height:60px; overflow: hidden;}
.sub .tab_wrap ul { width:100%; display: table; table-layout: fixed;}
.sub .tab_wrap ul li {display: table-cell; width:50%}
.sub .tab_wrap ul li a {display: block; height:60px; line-height: 60px; text-align: center; color:#fff; font-size:16px; font-weight: 700;}
.sub .tab_wrap ul li a.active {color:#21e2ad; background:#fff}

/* 소개 > 서비스 소개 */
.sub.intro .top_visual { background-image: url(../img/intro/top_visual.jpg);}
.sub.intro .searchad_banner { text-align: center;}

.service_top {padding-bottom: 0;}
.service_top .text_box { display: table; width:100%; table-layout: fixed; padding:40px 0}
.service_top .text_box .title,
.service_top .text_box .right_box { text-align: left; display: table-cell; vertical-align: top;}
.service_top .text_box .title {width:42%; }
.service_top .text_box .title p{font-weight: 700; line-height: 1.3em;}
.service_top .text_box .title p b { font-weight: 700; color:#21e2ad}
.service_top .text_box .title p + p {margin-top:20px}
.service_top .text_box .title p img {max-width:90%; margin-left:-6%}
.service_top .text_box .right_box {width:58%}
.service_top .text_box .right_box .desc {padding:0; font-size: 18px; }
.service_top .text_box .right_box ul p { color:#666; font-size:16px;}
.service_top .text_box .right_box ul p b {color:#333; font-size:20px; font-weight: 700; }
.service_top .text_box .right_box ul p + p {margin-top:5px}
.service_top .text_box .right_box ul li + li {margin-top:30px;}
.service_top .text_box .btn_box {margin-top:20px}
.service_top .text_box .btn_box a + a {margin-left: 4px;}

.service_top .text_box.type2 .title {width:50%; }
.service_top .text_box.type2 .right_box {width:50%}

.service_top .bg_ani {position:relative; padding-bottom: 60px;}
.service_top .bg_ani .bg1 { position: absolute; top:-50px; left:50%; margin-left:700px; width:500px; height:500px;border-radius: 500px; border:150px solid #54cffe; background:#fff; opacity: .15;}
.service_top .bg_ani .bg2 { position: absolute; bottom:-260px; left:50%; margin-left:-1200px; width:750px; height:750px;border-radius: 800px; border:240px solid #d5d5d5; background:#fff; opacity: .15; /*animation:living1 2s linear infinite;-webkit-animation:living1 2s linear infinite*/}

.service_top .video_box {margin:40px auto;box-shadow:0 10px 30px rgba(0,0,0,0.3); position: relative; z-index: 10}
.service_top .videowrapper {position: relative;width:100%; margin:0 auto;border:2px solid #21e2ad; font-size: 0; height:0; padding-top:56%}
.service_top .videowrapper iframe,
.service_top .videowrapper video {width: 100%; height:100%; position:absolute;top:0; left:0;right:0;}

/* service_middle_box */
.service_middle_box {position: relative;}
.service_middle_box .table_box {display: table; width:100%; table-layout: fixed; text-align: center; padding:40px 0;}
.service_middle_box .table_box .cell {width:50%; display: table-cell;}
.service_middle_box .table_box .cell + .cell {border-left:1px solid rgba(255,255,255,0.3)}
.service_middle_box .table_box .cell .text {color:#fff; font-weight: 700; font-size: 24px; margin:5px auto 15px; line-height: 1.3em;}

/* service_process_panel */
.service_process_panel .process_box {margin-top:40px;position:relative; padding-bottom: 40px; }
.service_process_panel .process_box::before {content: ""; width:2px; height:calc(100% - 125px); display: block; background:#f1f7fc; z-index: 0; position: absolute; top:25px; left:calc(50% - 1px)}
.service_process_panel .process_box .box {width:calc(50% + 52px); padding-left:140px;  position: relative;  clear: both;}
.service_process_panel .process_box .box::after { content:"";display: block; position: absolute; top:50%;margin-top:-10px;   left: 130px;width: 0px;    height: 0px;    border-top: 13px solid transparent;    border-right: 12px solid #fff;    border-left: 10px solid none;    border-bottom: 13px solid transparent;}

.service_process_panel .process_box .box .icon { position:absolute; left:0; width:104px; height: 104px; border-radius: 104px; text-align:center;top:50%; margin-top:-52px}
.service_process_panel .process_box .box .icon span {width:100%; display: block; position: absolute; bottom:20px; left:0; color:#666; font-size: 14px; font-weight: 700;}
.service_process_panel .process_box .box .desc_box { background:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1); position:relative; padding:15px 20px 20px; border-radius: 10px; text-align: left;}
.service_process_panel .process_box .box .desc_box .desc_tit {color:#54cffe; font-size:24px; font-weight: 700; line-height: 1.2em;}
.service_process_panel .process_box .box .desc_box .desc_tit span {display: inline-block; vertical-align: middle;}
.service_process_panel .process_box .box .desc_box .desc_tit span + span {color:#333; margin-left:5px}
.service_process_panel .process_box .box .desc_box ul {margin-top:5px}
.service_process_panel .process_box .box .desc_box ul p {display: inline-block; padding:3px 5px 5px;font-size: 14px;}
.service_process_panel .process_box .box .desc_box ul p + p {margin-top:5px}
.service_process_panel .process_box .box .desc_box ul p.label {background:#54cffe; border-radius: 3px; color:#fff}
.service_process_panel .process_box .box .desc_box ul p.label a { color:#fff; font-weight: 700; text-decoration: underline;}
.service_process_panel .process_box .box .desc_box ul p.label {margin-right:3px;}
.service_process_panel .process_box .box .desc_box ul p.desc {padding-left:0}
.service_process_panel .process_box .box .desc_box ul p.desc b { color:#54cffe; font-weight: 700;}

.service_process_panel .process_box .box .icon {background:#f1f7fc url(../img/intro/service_icon_01.png) center 18px no-repeat;}
.service_process_panel .process_box .box:nth-child(2) .icon {background-image: url(../img/intro/service_icon_02.png);}
.service_process_panel .process_box .box:nth-child(3) .icon {background-image: url(../img/intro/service_icon_03.png);}
.service_process_panel .process_box .box:nth-child(4) .icon {background-image: url(../img/intro/service_icon_04.png);}
.service_process_panel .process_box .box:nth-child(5) .icon {background-image: url(../img/intro/service_icon_05.png);}
.service_process_panel .process_box .box:nth-child(6) .icon {background-image: url(../img/intro/service_icon_06.png);}

.service_process_panel .process_box .box:nth-child(2n) {padding-left:0;padding-right:140px;}
.service_process_panel .process_box .box:nth-child(2n)::after {left:auto;right:130px;transform: rotate(180deg)}
.service_process_panel .process_box .box:nth-child(2n) .icon {right:0;left:auto}
.service_process_panel .process_box .box:nth-child(2n-1) {margin-left:calc(50% - 52px)}

.service_process_panel .process_box .box + .box {margin-top:60px}

/* 소개 > 회사 소개 */
.client_slider {position: relative;  padding:30px 0 40px}
.client_panel .swiper-button-prev {background:url("../img/icon/btn_slide_prev.png") no-repeat center center; width:30px; height:30px; background-size:cover}
.client_panel .swiper-button-next {background:url("../img/icon/btn_slide_next.png") no-repeat center center; width:30px; height:30px; background-size:cover}
.client_panel .swiper-button-prev,
.client_panel .swiper-container-rtl .swiper-button-next { left:-60px; }
.client_panel .swiper-button-next,
.client_panel .swiper-container-rtl .swiper-button-prev { right: -60px;}
.client_panel .swiper-pagination-bullet {background:#d5d5d5; opacity: 1; }
.client_panel .swiper-pagination-bullet-active {background:#666;width:30px; border-radius: 10px;}

.client_slider .swiper-slide {opacity: 0;}
.client_slider .swiper-slide.swiper-slide-active { opacity: 1;}
.client_slider .slide_img { text-align: center;}
.client_slider .slide_img p {display: inline-block; font-size:0; width:18%; margin: 1px 2px}
.client_slider .slide_img img {width:100%}

.sub.intro .company_top {background:url(../img/intro/company_bg.jpg) center no-repeat; background-size: cover;}
.sub.intro .company_top .desc_top span{ background: #f53c40; padding:8px 20px; color:#fff; font-size: 16px; font-weight: 500; display: block; line-height: 1em; border-radius: 30px; letter-spacing: 0; position:relative; margin-bottom: 20px;}
.sub.intro .company_top .desc_top span::before { content:"";display: block; position: absolute;bottom:-8px;left: 12px;width: 0px;    height: 0px;    border-top: 0px solid transparent;    border-right: 10px solid #f53c40;    border-left: 10px solid none;    border-bottom: 10px solid transparent;}

.sub.intro .company_top .title .font_g { line-height: 1.2em; color:#333; line-height: 1em;}
.sub.intro .company_top .title p{ font-weight: 700;}
.sub.intro .company_top .title p span {display: inline-block; vertical-align: middle;}
.sub.intro .company_top .title p img {display: inline-block; vertical-align: middle; height: 38px; position: relative; top:5px; margin-left:10px }
.sub.intro .company_top .desc { margin-top:20px}
.sub.intro .company_top .btn_box {margin-top:20px;}

.sub.intro .company_top .count_box {margin-top:30px}
.sub.intro .company_top .count_box ul { width:calc(100% + 20px); display:table; table-layout: fixed; margin:0 -10px}
.sub.intro .company_top .count_box ul li {width:33.3%; display: table-cell; vertical-align: top;padding:10px}
.sub.intro .company_top .count_box ul li .inner {background:#7e93a4; border-radius: 10px;padding:40px 30px 50px; text-align: left;box-shadow:0 5px 20px rgba(0,0,0,0.1); }
.sub.intro .company_top .count_box ul li .inner p {color:#fff; line-height: 1em;}
.sub.intro .company_top .count_box ul li .inner p.label {font-weight: 500; font-size: 20px; margin-bottom: 50px;}
.sub.intro .company_top .count_box ul li .inner .num {font-size:40px; font-weight: 700;}
.sub.intro .company_top .count_box ul li .inner .txt + .num {margin-left:10px}

.sub.intro .company_top .count_box ul li.count_box1 .inner { background: #21e2ad;}
.sub.intro .company_top .count_box ul li.count_box2 .inner { background: #54cffe;}
.sub.intro .company_top .count_box ul li.count_box3 .date {position: absolute; bottom:50px; right:30px; text-align: right; color:#fff; font-size:13px; opacity: 0.7;}

.sub.intro .why_panel {position: relative; text-align: left;}
.sub.intro .why_panel .bg1 { position: absolute; bottom:-260px; left:50%; margin-left:-1200px; width:700px; height:700px;border-radius: 800px; border:200px solid #fff; background:transparent; opacity: .55;}
.sub.intro .why_panel .title b {color:#21e2ad; font-weight: 700;}

.sub.intro .why_icon_box {padding-left:30%; overflow: hidden; margin-top:40px}
.sub.intro .why_icon_box ul li { width:50%; float:left; vertical-align: top; margin:10px 0}
.sub.intro .why_icon_box ul li .icon { display: inline-block; vertical-align: middle;}
.sub.intro .why_icon_box ul li .icon img {background:#fff; border-radius:140px ;}
.sub.intro .why_icon_box ul li .desc_box {display: inline-block; vertical-align: middle; text-align: left;}
.sub.intro .why_icon_box ul li .desc_box .tit {padding-left:20px; font-weight: 700; color:#333; font-size:18px;}
.sub.intro .why_icon_box ul li .desc_box .tit + .desc {margin-top:5px}

.sub.intro .pre_panel { background: url(../img/intro/company_logo_bg.jpg) center bottom no-repeat;}
.sub.intro .pre_panel .title b {color:#21e2ad; font-weight: 700;}
.sub.intro .pre_panel .playd_box {margin-top:60px; position: relative; height:600px;}
.sub.intro .pre_panel .playd_box p {position:absolute; width:162px; height: 162px; display: table; background: #fff;box-shadow:0 5px 20px rgba(0,0,0,0.1); border-radius: 162px; text-align: center;}
.sub.intro .pre_panel .playd_box p span {display: block; color:#666; font-size:14px; line-height: 1.2em; font-weight: 500;}
.sub.intro .pre_panel .playd_box p img {width:70%}
.sub.intro .pre_panel .playd_box p span + span { margin-top:5px}
.sub.intro .pre_panel .playd_box p > span {display: table-cell; vertical-align: middle;}

.sub.intro .pre_panel .playd_box p.logo_naver {top:380px;left:90px}
.sub.intro .pre_panel .playd_box p.logo_kakao {top:120px;left:200px}
.sub.intro .pre_panel .playd_box p.logo_google {top:0px;left:50%;margin-left:-81px}
.sub.intro .pre_panel .playd_box p.logo_facebook {top:380px;right:90px}
.sub.intro .pre_panel .playd_box p.logo_criteo {top:120px;right:200px}

.sub.intro .history_panel {overflow: hidden; position: relative;}
.sub.intro .history_panel .bg1 { position: absolute; bottom:-260px; right:50%; margin-right:-1200px; width:550px; height:550px;border-radius: 600px; border:180px solid #54cffe; background:transparent; opacity: .25;}
.sub.intro .history_panel .history_box_wrap {position: relative;margin-top:60px;}
.sub.intro .history_panel .lineimg { position:absolute;top:0;left:0;right:0}
.sub.intro .history_panel .history_box {position: relative; width:100%; padding-left:7%}

.sub.intro .history_panel .history_box .box_wrap {overflow-y: hidden;}

.sub.intro .history_panel .history_box .box {display: block; float:left; width:33.3%; text-align: left;padding-top:40px}
.sub.intro .history_panel .history_box .box .year { color:#54cffe; font-weight: 700; font-size: 38px; position: relative;}
.sub.intro .history_panel .history_box .box .year::before { content: ""; width:16px; height: 16px; border-radius: 20px; background: #54cffe; border:4px solid #fff; display: block; position:absolute; top:-37px; left:0;box-shadow:0 2px 5px rgba(0,0,0,0.2); }
.sub.intro .history_panel .history_box .box ul {height: 370px; min-height: 150px;overflow-y: auto;}
.sub.intro .history_panel .history_box .box ul li {margin-top:5px; display: table; table-layout: fixed; width:90%}
.sub.intro .history_panel .history_box .box ul li .month {display: table-cell;width:30px; vertical-align: top;font-size:14px; color:#333; font-weight: 700; letter-spacing: -0.5px; position: relative; top:3px}
.sub.intro .history_panel .history_box .box ul li .history_list {display: table-cell;vertical-align: top;}
.sub.intro .history_panel .history_box .box ul li .history_list p {font-size:14px; color:#666; line-height: 1.4em;}
.sub.intro .history_panel .history_box .box ul li .history_list p + p {margin-top: 5px;}

.sub.intro .history_panel .history_box:nth-child(2n-1) .box {display: block; float:right}
.sub.intro .history_panel .history_box:nth-child(2n-1) .box .year {color:#21e2ad}
.sub.intro .history_panel .history_box:nth-child(2n-1) .box .year::before { background-color: #21e2ad;}

.sub.intro .history_panel .history_box:nth-child(4) .box ul {height:320px}
.sub.intro .history_panel .history_box:nth-child(5) .box ul {height:auto;}

/* 서브 > 네이버 플레이스 */
.sub.sub_naver .top_visual {background-image:url("../img/sub/top_visual_naver.jpg")}
.sub.sub_naver .sub_panel { padding:90px 0}
.sub.sub_naver .title + .desc { font-size: 18px;}

.sub.sub_naver .form_panel .title { color:#fff}
.sub.sub_naver .form_panel .write_bottom { margin:30px auto}
.sub.sub_naver .form_panel .write_bottom span + input { margin-left: 20px;}
.sub.sub_naver .form_panel .write_bottom.important span.all::after { display: none!important}
.sub.sub_naver .form_panel .write_bottom.important span { padding-left: 5px;}
.sub.sub_naver .form_panel .write_bottom .checklist { display: inline-block; vertical-align: middle;}
.sub.sub_naver .form_panel .write_bottom .checklist + .checklist { margin-left: 10px;}


@media only screen and (min-width: 900px) {
	.sub_panel .write_box .float_box { overflow: hidden; clear: both;}
	.sub_panel .write_box .float_box .write { float:left; width: calc(50% - 5px);}
	.sub_panel .write_box .float_box .write + .write { float:right;  }
	.sub_panel .write_box .write.place { margin-bottom: 20px;}
	.sub_panel .write_box .write.place .label { padding-top:0; width: 180px; display: inline-block; vertical-align: middle;}
	.sub_panel .write_box .write.place .right { padding-top:0; display: inline-block;  vertical-align: middle; position: relative; top:-2px }
	.sub_panel .write_box .write.place .right .radiobox + .radiobox { margin-left: 20px;}
}

.sub.sub_naver .sub_faq_panel .img_box { margin: 40px auto 20px;}
.sub.sub_naver .sub_faq_panel .img_box img { max-width: 100%;}
.sub.sub_naver .sub_faq_panel .f_desc { color:#666; font-size: 16px; padding-left: 38px; margin-top: 5px;}

.sub.sub_naver .sub_step_panel .step_wrap::before { top:calc(50% + 20px)}

.naver_search_panel .btn_area { margin-top: 30px;}
.naver_search_panel .btn_area a + a { margin-left: 10px;}

.naver_search_panel .ex_area { margin-top: 60px; position: relative;}
.naver_search_panel .ex_area .ex_titlebox { padding: 30px 0 50px;}
.naver_search_panel .ex_area .ex_titlebox .ex_title { color:#fff; font-size: 24px; font-weight: 700;}
.naver_search_panel .ex_area .ex_titlebox .ex_desc { color:#fff; font-size: 14px; margin: 10px auto 0; max-width: 50%;;}
.naver_search_panel .ex_area .pc_box,
.naver_search_panel .ex_area .mo_box { width:50%; text-align: center; position: absolute; top:50px;}
.naver_search_panel .ex_area .pc_box { left:0}
.naver_search_panel .ex_area .mo_box { right:0}
.naver_search_panel .ex_area .pc_box .label,
.naver_search_panel .ex_area .mo_box .label { color:#fff; font-size: 22px; font-weight: 700; position: relative; letter-spacing: 1px;}
.naver_search_panel .ex_area .pc_box .label span,
.naver_search_panel .ex_area .mo_box .label span { display: inline-block; width:5px; height: 5px; background: #fff; border-radius: 5px; position: relative; top: -6px;}
.naver_search_panel .ex_area .pc_box .label span { margin-left: 60px;}
.naver_search_panel .ex_area .pc_box .label span + span { margin-left: 4px;}
.naver_search_panel .ex_area .mo_box .label span { margin-right: 4px;}
.naver_search_panel .ex_area .mo_box .label span:last-child { margin-right: 60px;}
.naver_search_panel .ex_area .img_box { margin-top: -44px;}
.naver_search_panel .ex_area img {max-width: 100%; margin:0 auto}

.naver_start_panel .title,
.naver_start_panel .desc { color:#fff;}

.naver_start_panel .start_area { margin-top:20px }
.naver_start_panel .start_area ul { width:calc(100% + 40px); margin-left: -20px; display: table; table-layout: fixed; border-spacing: 20px;}
.naver_start_panel .start_area ul li { width: 50%; display: table-cell;background: #fff; }
.naver_start_panel .start_area ul li .thumb { background: #e4ebf1;}
.naver_start_panel .start_area ul li .thumb img { width:100%}
.naver_start_panel .start_area ul li .desc_box {padding:30px 0; text-align: center;}
.naver_start_panel .start_area ul li .desc_box p { color:#666; font-size: 15px; margin-top:0}
.naver_start_panel .start_area ul li .desc_box p a,
.naver_start_panel .start_area ul li .desc_box p .point { color:#21e2ad; text-decoration: underline; font-weight: 700;}
.naver_start_panel .start_area ul li .desc_box .desc_tit { color:#333; font-size: 22px; font-weight: 700; margin-bottom: 20px;}

.naver_top5_panel .icon_area { margin-top:20px }
.naver_top5_panel .icon_area ul { width:calc(100% + 40px); margin-left: -20px; display: table; table-layout: fixed; border-spacing: 20px;}
.naver_top5_panel .icon_area ul li { width: 50%; display: table-cell; background: #f9f9f9; border-radius: 500px; overflow: hidden; padding: 40px 0; }
.naver_top5_panel .icon_area ul li .icon img { max-width:100%; display: block; margin:0 auto}
.naver_top5_panel .icon_area ul li .num { color:#21e2ad; font-size: 18px; font-weight: 700;}
.naver_top5_panel .icon_area ul li .txt { color:#333; font-size: 18px;}

.show_m {display: none !important;}

/* 모바일 메뉴 */
.menu_open {overflow: hidden}
.mobile_menu_wrap {display:none}
.mobile_menu_wrap { background:#333; width:100%; height:100vh; position:fixed; overflow: hidden;  top:0; left:0; right:0; bottom:0; z-index:999}
.mobile_menu_wrap .inner { width:85%; position:relative; /*height:calc(100vh - 40px);overflow-y: auto;*/height:100vh; margin:0 auto; }
.mobile_menu_wrap .inner .logo {padding-top:40px;}
.mobile_menu_wrap .inner .logo img {height:26px}
.mobile_menu_wrap .mobile_menu_close {position:absolute; top:25px; right:-2%; width:50px; height:50px; background:#fff; border-radius: 50px;}
.mobile_menu_wrap .mobile_menu_close img {width:100%; border-radius: 50px;}

.mobile_menu_wrap .mobile_menu {margin-top:10%}
.mobile_menu_wrap .mobile_menu li {position: relative;}
.mobile_menu_wrap .mobile_menu li a {color:#fff; font-weight: 700; font-size:26px; display: inline-block;position: relative;}
.mobile_menu_wrap .mobile_menu li.active a { color:#21e2ad}
.mobile_menu_wrap .mobile_menu li + li { margin-top:20px;}

.mobile_menu_wrap .bottom a.new span + span::after,
.mobile_menu_wrap .mobile_menu li.new a::after { content: "NEW"; display: block; background:#ff0024;width:50px; height: 20px; line-height:21px; border-radius: 50px; text-align: center; color:#fff; font-size: 12px; position: absolute; top:50%; margin-top:-6px; right:-60px; letter-spacing: 0.5px; font-weight: 700;font-family: "GmarketSans";}
.mobile_menu_wrap .bottom a.new span + span::after {margin-top:-11px;}

.mobile_menu_wrap .bottom a.ing span + span::after,
.mobile_menu_wrap .mobile_menu li.ing a::after { content: "진행중"; display: block; background:#21e2ad;width:50px; height: 20px; line-height:18px; border-radius: 50px; text-align: center; color:#fff; font-size: 12px; position: absolute; top:50%; margin-top:-6px; right:-60px; letter-spacing: 0.5px; font-weight: 700;}
.mobile_menu_wrap .bottom a.ing span + span::after {margin-top:-11px;}

/*.mobile_menu_wrap .bottom { position:absolute; bottom:0; left:0; right:0; padding-bottom: 80px }*/
.mobile_menu_wrap .bottom {padding-top:12vh}
.mobile_menu_wrap .bottom a {display:block;}
.mobile_menu_wrap .bottom a span {display:inline-block; vertical-align: bottom; margin-right:10px; color:#fff; font-size:18px; font-weight:700; position: relative;}
.mobile_menu_wrap .bottom a span + span img {width:26px}
.mobile_menu_wrap .bottom .link a + a {margin-top:10px}
.mobile_menu_wrap .bottom .login_wrap {border-top:2px solid #21e2ad; padding-top:20px; margin-top:20px;}
.mobile_menu_wrap .bottom .login_wrap span + span {color:#21e2ad; font-size:20px; line-height: 1em; vertical-align: top}

.mobile_menu_wrap .bottom .my {position: relative; left:-1px; top:-4px}
.mobile_menu_wrap .bottom .login img {height:20px}
.mobile_menu_wrap .bottom .playd img {height:14px; position: relative; bottom:2px}
.mobile_menu_wrap .bottom .techhub img {height:25px}
.mobile_menu_wrap .bottom .download + span img {width:15px}

.mobile_menu_wrap .btn_downlist { display: block; font-size: 14px; font-weight: 700;color:#666; vertical-align: middle; position:relative; margin-top:10px;}
.mobile_menu_wrap .btn_downlist span.txt { display: inline-block; position: relative; top:1px}
.mobile_menu_wrap .btn_downlist span + span {margin-left:0px; margin-right:0; opacity: 0.5}

.mobile_menu_wrap .btn_downlist .downlist_wrap { display: none; /*overflow-y: auto; max-height:20vh*/}
.mobile_menu_wrap .btn_downlist .downlist_wrap a { display:block; width:90%; padding:0; height: auto; line-height:normal; clear: both; font-size: 12px; margin:0 auto }
.mobile_menu_wrap .btn_downlist .downlist_wrap a + a {margin-top:10px}
.mobile_menu_wrap .btn_downlist .downlist_wrap a span {display: block;padding-left:12px; position:relative; font-size:13px;letter-spacing: 0;/*font-weight: normal;*/}
.mobile_menu_wrap .btn_downlist .downlist_wrap a span::before {content:""; position:absolute; top:50%; margin-top:-2.5px; left:0; opacity: 0.5; background:#fff; width:5px; height:5px; border-radius: 5px}
.mobile_menu_wrap .btn_downlist .downlist_wrap a.sense {border-bottom:1px solid #5c5c5c; padding:15px 0;}
.mobile_menu_wrap .btn_downlist .downlist_wrap a.sense span { font-weight: 700; padding:0}
.mobile_menu_wrap .btn_downlist .downlist_wrap a.sense span::before {display:none}
.mobile_menu_wrap .btn_downlist .downlist_wrap .label {padding:20px 20px 10px; font-weight: 700;clear: both; font-size: 13px; color:#bbb; letter-spacing: 0;}

.mobile_menu_wrap .btn_downlist .ic {background-image: url("../img/icon/m_arrow.png"); background-size: auto 100%; width:26px; opacity: 1}

.mobile_menu_wrap .btn_downlist.active span.txt { color:#0feab1;}
.mobile_menu_wrap .btn_downlist.active .ic {background-image: url("../img/icon/m_arrow2.png");}
.mobile_menu_wrap .btn_downlist.active .downlist_wrap { display: block}

.mobile_menu_wrap.open { min-height:100vh; overflow-y: auto;}
.mobile_menu_wrap.open .inner { height:auto; padding-bottom: 40px}

/* 모바일메뉴 */
.mobile_menu_wrap .btn_linklist .ic { width:20px; height:20px; background-image: url("../img/icon/m_arrow.png");background-size: 20px auto; margin-left:5px}
.mobile_menu_wrap .btn_linklist .linklist_wrap { margin-top:5px; display: none; /*overflow-y: auto; max-height:20vh*/}
.mobile_menu_wrap .btn_linklist .linklist_wrap p {padding-left:10px; margin-top:5px;}
.mobile_menu_wrap .btn_linklist .linklist_wrap a {color:#fff; font-size:20px;}
.mobile_menu_wrap .btn_linklist.active span.txt { color:#0feab1;}
.mobile_menu_wrap .btn_linklist.active .ic {background-image: url("../img/icon/m_arrow2.png");}
.mobile_menu_wrap .btn_linklist.active .linklist_wrap { display: block}

.mobile_menu_wrap .mobile_menu li.active .linklist_wrap {display: block;}
.mobile_menu_wrap .mobile_menu li.active .linklist_wrap a {color:#fff}

/* 팝업 */
#popup_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:400}
#popup_mask.active {display:block}
.popup_window{display:none;position:fixed;left:50%;top:0;margin:0 0 0 -450px;padding:0;z-index:1000; width:900px; height: 100vh; text-align: center;}
.popup_window .popup_position {display:table;width:100%; height:100vh;}
.popup_window .popup_inner {display:table-cell; vertical-align: middle;width:500px; text-align: left;}
.popup_window .popup_inner .inner {background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.2);}
.popup_window .popup_header{position:relative;height:60px; padding:0 20px;}
.popup_window .popup_header .popup_title{line-height:60px;font-size:18px;color:#21e2ad; font-weight: 700;letter-spacing: -1px;}
.popup_window .popup_header .btn_close{display:block;position:absolute;right:20px;top:50%;margin-top:-15px;width:30px;height:30px;background:url("../img/icon/popup_close.png") no-repeat center center}
.popup_window .popup_header.bg_gra .popup_title {color:#fff}
.popup_window .popup_header.bg_gra .btn_close{background-image:url("../img/icon/popup_close2.png")}

.popup_window .popup_content{padding:0 20px}
.popup_window .popup_content .popup_tab {width:100%; display:table; table-layout: fixed;border-bottom:1px solid #eaeaea;}
.popup_window .popup_content .popup_tab li {display:table-cell; vertical-align: middle; text-align: center;}
.popup_window .popup_content .popup_tab li a {display:block; border-bottom:2px solid #fff; color:#999; font-size:15px;padding:10px 0;}
.popup_window .popup_content .popup_tab li.active a {color:#21e2ad; border-color:#21e2ad; font-weight: 700}
.popup_window .popup_content .desc {font-size:13px; line-height: 1.3em; color:#666; margin-top:10px}
.popup_window .popup_content .sample_img  {text-align:center}
.popup_window .popup_content .sample_img img {margin:0 auto; max-width:100%}

.popup_window.popup_agree {margin-left:-350px;width:700px; }
.popup_window .popup_content .popup_form {min-height: 300px;}
.popup_window .popup_content .popup_form.scrollbar {margin-top:10px; max-height: 65vh; padding-bottom: 1px; overflow-y: auto; font-size:14px; line-height: 1.5em;; color:#666;}
.popup_window .popup_content .popup_form.agree_form,
.popup_window .popup_content .popup_form.agree_form.scrollbar{margin-top:20px;}

.popup_window .popup_content .popup_form.agree_form b { color:#333;font-weight:700;}
.popup_window .popup_content .popup_form.agree_form .box_tit b {font-weight:700; font-size:18px}
.popup_window .popup_content .popup_form.agree_form .box + .box {margin-top:30px}
.popup_window .popup_content .popup_form.agree_form .desc {font-size:13px; margin-top:5px; line-height: 1.3em; display: block}
.popup_window .popup_content .popup_form.agree_form .agree_table  {border-top:1px solid #333; width:100%; margin-top:10px }
.popup_window .popup_content .popup_form.agree_form .agree_table th {border-bottom:1px solid #d5d5d5; padding:10px; border-right:1px solid #d5d5d5}
.popup_window .popup_content .popup_form.agree_form .agree_table td {border-bottom:1px solid #d5d5d5; padding:10px;}
.popup_window .popup_content .popup_form.agree_form p + p {margin-top:10px}
.popup_window .popup_bottom { text-align: center; padding:20px 0}
.popup_window .popup_bottom .btn_normal {min-width:100px; padding:5px 10px 8px; }

.popup_on {overflow: hidden}
.popup_on .popup_window {display:block}

.overhide {overflow: hidden}

.popup_window.popup_noti {margin-left:-200px;width:400px; }
.popup_window.popup_noti .popup_content { text-align: center; padding:30px 0 0px}
.popup_window.popup_noti .popup_content .popup_noti_tit { color:#333; font-size:16px; font-weight: 700;}
.popup_window.popup_noti .popup_content .popup_noti { color:#666; font-size:13px; margin-top:10px}
.popup_window.popup_noti .popup_bottom {padding:20px 0 30px}

/* event popup */
.popup_window.popup_event { width:630px; margin-left:-315px; top:3vh; height: 90vh;}
.popup_window.popup_event .popup_header {padding:0; height: auto;}
.popup_window.popup_event .btn_close { background-image: url("../img/icon/popup_close2.png"); margin:0; top:10px; right:10px}

.popup_window.popup_event .popup_content { padding:0; max-height: 55vh;overflow-y: auto;}
.popup_window.popup_event .popup_content .btn_box { text-align:center; margin:15px auto 0}
.popup_window.popup_event .event_web {padding:0 0 40px 0;}
.popup_window.popup_event .event_web img {max-width:100%}

.popup_window.popup_event .popup_bottom { display:table; width:100%; padding:0; table-layout: fixed; border-top:1px solid #eee}
.popup_window.popup_event .popup_bottom a {display:table-cell; vertical-align: middle; text-align:center; color:#333; font-size:16px; font-weight:700; width:50%; padding:20px 0}
.popup_window.popup_event .popup_bottom a + a {border-left:1px solid #eee}
.popup_window .top_visual { padding:30px 0; text-align: center; background:url("../img/sub/top_visual_01.jpg") center no-repeat; background-size:cover}
.popup_window .top_visual .title {color:#fff; font-weight: 700; font-size: 40px; line-height: 1.1em; letter-spacing: -1.2px}
.popup_window .top_visual .title span.dot { color:#21e2ad;position:relative;left:-8px; top:2px; display: inline-block}
.popup_window .top_visual .title img {position:relative; top:2px}

.popup_window .top_visual .desc { font-size:16px; color:#fff; margin-top:10px}
.popup_window .top_visual .datebox {margin-top:10px}
.popup_window .top_visual .datebox .label { font-size:14px; padding:3px 10px 4px 10px; background:#fff; color:#4c9efd; margin-right:5px; border-radius: 30px;font-weight: 700; position:relative; top:-1px}
.popup_window .top_visual .datebox .date {color:#fff; font-size:18px;font-weight: 700;letter-spacing: 0;}

.popup_window.popup_event .event_mobile {width:90vw; z-index: -1; position:absolute; top:-99999px; opacity: 0;}
.popup_window.popup_event .event_mobile img {width:100%}
.popup_window.popup_event .event_mobile .swiper-container {width:100%}
#mobile_pop { overflow:hidden;width:100%;}

/* 광고 진행 대행 프로세스 */
.popup_window.popup_process {margin-left:-325px;width:650px; }
.popup_window.popup_process .popup_content .popup_form.scrollbar {max-height:80vh}
.popup_window .step_box .box_tit { font-size:28px;color:#333; letter-spacing: -2px; line-height:1.3em; text-align: center; padding:20px 0 30px}
.popup_window .step_box .box_tit b { font-weight: 700; }
.popup_window .step_box ul { display:table; table-layout: fixed; }
.popup_window .step_box ul li {display:table-cell; vertical-align: top; width:50%; text-align: center;}
.popup_window .step_box ul li.dot {width:100px}
.popup_window .step_box ul li.dot img { position:relative; top:87px}
.popup_window .step_box ul li .num { color:#0feab1; font-size: 16px; font-weight: 700; line-height:1em;margin-top:10px; letter-spacing: 0.5px;}
.popup_window .step_box ul li .step_img img {max-width:100%}
.popup_window .step_box ul li .step_tit { color:#333; font-size:17px; font-weight: 700; line-height:1.2em;margin-top:5px}
.popup_window .step_box ul li .step_desc { color:#999; font-size:13px; margin-top:5px; line-height:1.4em;}
.popup_window .step_box ul li .step_desc b { font-weight: 700; color:#333}
.popup_window .step_box ul + ul {margin-top:20px}

/* 광고 대행 신청 접수 완료 */
.popup_window.popup_process.popup_process_fin {margin-left:-550px;width:1100px; }
.popup_window.popup_process.popup_process_fin .popup_header {position:absolute; text-align: right; width:100%}
.popup_window.popup_process.popup_process_fin .popup_content {padding:0}
.popup_window.popup_process.popup_process_fin .popup_content .popup_form.scrollbar {margin-top:0px}
.popup_window.popup_process_fin .step_box .box_icon { margin:40px auto -20px; text-align: center; position: relative; z-index: 500;}
.popup_window.popup_process_fin .step_box .box_icon img {width:50px}
.popup_window.popup_process_fin .step_box .box_desc { font-size:13px;color:#666; letter-spacing: -1px; line-height:1.4em; display: block; margin-top:10px }
.popup_window.popup_process_fin .step_box .box_desc b { color:#333}
.popup_window.popup_process_fin .step_box ul {width:95%; margin:0 auto;}
.popup_window.popup_process_fin .step_box ul li {width:25%; position: relative;padding:10px 5px 20px; border-radius: 5px;}
.popup_window.popup_process_fin .step_box ul li.arrow {width:20px;padding:0}
.popup_window.popup_process_fin .step_box ul li.arrow img { position:relative; top:100px}
.popup_window.popup_process_fin .step_box ul li .cover { position:absolute; top:0; left:0; width:100%; height:100%; display: table; background:rgba(255,255,255,0.5)}
.popup_window.popup_process_fin .step_box ul li .cover .in {display:table-cell; vertical-align: middle;}
.popup_window.popup_process_fin .step_box ul li .cover span {width:70px; height:70px; line-height:70px; background:#0feab1; color:#fff; font-weight: 700; font-size:16px; text-align: center; border-radius: 70px; display: block; margin:0 auto;box-shadow:0 2px 10px rgba(0,0,0,0.2);}

.popup_window.popup_process_fin .step_box ul li .num {margin-top:0px}
.popup_window.popup_process_fin .step_box ul li.bg { background:#2bd2fb; }
.popup_window.popup_process_fin .step_box ul li.bg .num,
.popup_window.popup_process_fin .step_box ul li.bg .step_tit { color:#fff}

.popup_window.popup_process_fin .popup_bottom  {padding:30px 0}
.popup_window.popup_process_fin .popup_bottom .btn_normal {min-width:150px}

/* 새창>이벤트팝업 */
.newpopup.popup_event {max-width:622px; margin:0 auto; border:1px solid #eee}
.newpopup.popup_event .popup_header{position:relative;height:auto;padding:30px 0 40px; text-align: center;}
.newpopup.popup_event .btn_close{display:block;position:absolute;right:20px;top:50%;margin-top:-15px;width:30px;height:30px;background:url("../img/icon/popup_close.png") no-repeat center center}
.newpopup.popup_event .popup_header.bg_gra3 .btn_close{background-image:url("../img/icon/popup_close2.png");margin:0; top:10px; right:10px}

.newpopup.popup_event .title {color:#fff; font-weight: 700; font-size: 38px; line-height: 1.3em; letter-spacing: -2px}
.newpopup.popup_event .title span.dot { color:#21e2ad;position:relative;left:-8px; top:2px; display: inline-block}
.newpopup.popup_event .title img {position:relative; top:2px}

.newpopup.popup_event .desc { font-size:16px; color:#fff; margin-top:5px}
.newpopup.popup_event .desc b { font-weight: 700;}
.newpopup.popup_event .datebox {margin-top:20px}
.newpopup.popup_event .datebox .label { font-size:14px; padding:3px 10px 4px 10px; background:#fff; color:#4c9efd; margin-right:5px; border-radius: 30px;font-weight: 700; position:relative; top:-1px}
.newpopup.popup_event .datebox .date {color:#fff; font-size:18px;font-weight: 700;letter-spacing: 0;}

.newpopup.popup_event .popup_content { padding:0; text-align:center}
.newpopup.popup_event .popup_content .btn_box { text-align:center; margin:15px auto 0}
.newpopup.popup_event .popup_content .btn_box .btn_normal {min-width:auto}
.newpopup.popup_event .event_web {padding:0 0 40px 0;}
.newpopup.popup_event .event_web img {max-width:100%}

.newpopup.popup_event .popup_bottom { display:table; width:100%; padding:0; table-layout: fixed; border-top:1px solid #eee;}
.newpopup.popup_event .popup_bottom a {display:table-cell; vertical-align: middle; text-align:center; color:#333; font-size:16px; font-weight:700; width:50%; padding:20px 0;}
.newpopup.popup_event .popup_bottom a + a {border-left:1px solid #eee}

.newpopup.popup_event .event_mobile {width:90vw; z-index: -1; position:absolute; top:-99999px; opacity: 0;}
.newpopup.popup_event .event_mobile img {width:100%}
.newpopup.popup_event .event_mobile .swiper-container {width:100%}

/* 대행사례 */
.popup_event.popup_ex {max-width:722px}

.popup_event.popup_ex .title {color:#fff; font-weight: 700; font-size: 38px; line-height: 1.3em; letter-spacing: -2px}
.popup_event.popup_ex .title span.dot { color:#21e2ad;position:relative;left:-8px; top:2px; display: inline-block}
.popup_event.popup_ex .title img {position:relative; top:2px}

.popup_event.popup_ex .popup_header{ background:#002c7c; text-align: center;padding:30px 0 40px; }
.popup_event.popup_ex .btn_close{background-image:url("../img/icon/popup_close2.png");margin:0; top:10px; right:10px}
.popup_event.popup_ex .popup_header .title img {max-width:80%}
.popup_event.popup_ex .popup_header .title + .desc {margin-top:10px;}

.popup_event.popup_ex .desc { font-size:16px; color:#fff; margin-top:5px}
.popup_event.popup_ex .desc b { font-weight: 700;}

.popup_event.popup_ex .event_web {padding:40px 0}
.popup_event.popup_ex .event_web p + p {margin-top:20px}

/*.popup_event.popup_ex .popup_content {max-height:75vh}*/
.popup_event.popup_ex .popup_content .btn_box {padding:30px 0 40px; background: #6773ff;}
.popup_event.popup_ex .popup_content .btn_box .btn_tit { color:#fff; margin-bottom: 15px; }
.popup_event.popup_ex .popup_content .btn_box .btn_tit img {display:inline-block; vertical-align: middle;}
.popup_event.popup_ex .popup_content .btn_box .btn_tit span {display:inline-block; vertical-align: middle;font-size:32px; font-weight: 700;}
.popup_event.popup_ex .popup_content .btn_box .btn_tit img + span {margin-left:10px; position: relative; top:-1px; letter-spacing: -1px;}
.popup_event.popup_ex .popup_content .btn_box .btn_normal {width:33%; color:#333}
.popup_event.popup_ex .popup_content .btn_box a + a {margin-left:10px}

.popup_event.popup_ex .popup_header.bg_interview { background:url(../img/popup/interview_bg.jpg) top center no-repeat; background-size: cover;}
.popup_event.popup_ex .popup_header.bg_interview .desc {font-size:24px; line-height: 1.3em;}
.popup_event.popup_ex .popup_header.bg_interview .title + .desc {margin-top:0px;}

.popup_event.popup_ex .interview_box .box {padding:40px; }
.popup_event.popup_ex .interview_box .talk { background:#21e2ad; position: relative; border-radius: 5px; display: inline-block; padding:10px 20px 12px; font-size:16px; color:#333; z-index: 10; margin-left:65px; max-width:80%; box-shadow:0 2px 10px rgba(0,0,0,0.1); line-height: 1.4em;font-weight: 500;}
.popup_event.popup_ex .interview_box .talk::after {content: ""; display: block; width:20px; height:12px; position: absolute; bottom:-10px; left:12px; background:url(../img/popup/interview_bubble_01.png) no-repeat}
.popup_event.popup_ex .interview_box .profile { position: relative; z-index: 1; margin-top:-30px}
.popup_event.popup_ex .interview_box .profile img { background:#f9f9f9; border-radius: 80px; width:60px}

.popup_event.popup_ex .interview_box .left_box {text-align: left;}
.popup_event.popup_ex .interview_box .left_box .talk { max-width:60%}
.popup_event.popup_ex .interview_box .right_box {text-align: right; margin-top:-30px}
.popup_event.popup_ex .interview_box .right_box .talk {margin-left:0; margin-right:70px; background:#fff; text-align: left; }
.popup_event.popup_ex .interview_box .right_box .talk::after {left:auto; right:12px; background-image: url(../img/popup/interview_bubble_02.png);}
.popup_event.popup_ex .interview_box .right_box .talk span { color:#21e2ad}

.popup_event.popup_ex .interview_box .right_box.no .talk { margin-right:0;}
.popup_event.popup_ex .interview_box .right_box.no .talk::after { display: none;}
.popup_event.popup_ex .interview_box .photo {width:100%; margin-top:10px;border-radius: 5px; background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1); text-align: center; font-size:0 }
.popup_event.popup_ex .interview_box .photo img {max-width:100%;border-radius: 5px;}

.popup_event.popup_ex .interview_box .photo + .right_box {margin-top:20px}

.popup_event.popup_ex .interview_box .box:nth-child(2n) { background:#f9f9f9;}
.popup_event.popup_ex .interview_box .box:nth-child(2n) .profile img { background:#fff}

/* 성공사례 팝업(web) */
.popup_event.popup_ex.only_web {max-width:none; width:1204px}
.popup_event.popup_ex.only_web .popup_header_wrap {display: block; overflow:hidden; position: relative;}
.popup_event.popup_ex.only_web .popup_header_wrap .popup_header {float:left; width:50%;}
.popup_event.popup_ex.only_web .popup_header_wrap .popup_header .desc,
.popup_event.popup_ex.only_web .popup_header_wrap .popup_header.bg_interview .desc {padding:0 20px;font-size:16px; letter-spacing: 0; min-height: 50px;}
.popup_event.popup_ex.only_web .popup_header_wrap .popup_header.bg_interview .title + .desc {margin-top:10px}
.popup_event.popup_ex.only_web .popup_content {max-height:none}
.popup_event.popup_ex.only_web .content_box {display:table; width:100%; table-layout: fixed;overflow:hidden; position: relative;}
.popup_event.popup_ex.only_web .content_box::after {content:""; clear: both; width:100%; height:1px; display: block}
.popup_event.popup_ex.only_web .content_box .cell {width:50%; display: table-cell; vertical-align: top}
.popup_event.popup_ex.only_web .content_box .cell + .cell {border-left:1px solid #eee}

.popup_event.popup_ex.only_web .interview_box .box {padding:30px 30px 20px }
.popup_event.popup_ex.only_web .interview_box .right_box {margin-top:-5px}
.popup_event.popup_ex.only_web .interview_box .right_box.no {margin-top:-15px}
.popup_event.popup_ex.only_web .interview_box .photo + .right_box {margin-top:10px}
.popup_event.popup_ex.only_web .interview_box .right_box .talk {max-width:85%;font-size:14px}

.popup_event.popup_ex.only_web .popup_content .btn_box { clear:both; margin-top:0}

/* quick_form  */
.quick_form_panel,
.quick_form {transition: all 0.2s ease-in-out;  -webkit-transition: all 0.5s ease-in-out;	-moz-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;}
.quick_form .sub_panel .write_bottom.important {max-width:100%;text-align:left}
.quick_form .sub_panel .write_bottom.important b {font-weight:700}
.quick_form .sub_panel .write_bottom a.btn_more {float:right; text-decoration: none; cursor: pointer;}
.quick_form .sub_panel .write_bottom a.btn_more span {position:relative;padding-right:15px; background:url(../img/icon/select_arrow.png) right center no-repeat}

.quick_form .sub_panel .write_bottom a.btn_more.active span {background-image:url(../img/icon/select_arrow_on.png)}

.quick_form .write_bottom_agree {padding:20px; background:#f8f8f8; margin-top:10px; max-height:150px; display: none!important}
.quick_form .write_bottom_agree .text_box p {color:#333; font-size:12px;}
.quick_form .write_bottom_agree .text_box p.agree_tit {font-size:13px}
.quick_form .write_bottom_agree .text_box p b {font-weight:700}
.quick_form .write_bottom_agree .text_box p + p {margin-top:5px}
.quick_form .write_bottom_agree table {border-top:1px solid #333;margin-top:10px}
.quick_form .write_bottom_agree table th,
.quick_form .write_bottom_agree table td { color:#333; font-size:12px; border-bottom:1px solid #d5d5d5;padding:10px}
.quick_form .write_bottom_agree table th {font-weight:700; border-right:1px solid #d5d5d5}

.quick_form .sub_panel .write_bottom a.btn_more.active + .write_bottom_agree{display:block!important}


/* mysense */
.my_hd { position:fixed; top:0; left:0; right:0; background:#fff; z-index: 100; text-align: center; height:60px;box-shadow: 0 5px 10px rgb(0 0 0 / 5%); z-index: 300;}
.my_hd a {display: inline-block; position: relative; top:16px}
.my_hd a.btn_back {background:url(../img/icon/btn_back.png) center no-repeat; width:30px; height:60px; position:absolute; top:0; left:0;opacity: 0.5;}
.my_hd .title { color:#333; font-weight: 700; font-size:20px; line-height: 58px; }

.my_hd a.logo,
.my_hd a.mysensen { vertical-align: middle;}
.my_hd a.mysensen { color:#333; font-weight: 700; font-size: 19px; top:13px; line-height: 1em; margin-left:24px}
.my_hd a.mysensen::before {width:1px; height:15px; position: absolute; content: ""; display: block; top:5px; left:-14px; background: #d5d5d5;}

.mysense .error_page{position:fixed;left:0;top:50%;right:0;margin-top:-130px;text-align:center;min-height:260px; }
.mysense .error_page::before {content:""; display: block; position: fixed; top:0; left:0;right:0; bottom:0; width:100vw; height:100vh;background:#f2f7fd; z-index: -1}
.mysense .error_page .title{margin-bottom:20px;line-height:22px;font-size:20px;color:#222;margin-top:10px; font-weight: 700;}
.mysense .error_page .title span{color:#21e2ad}
.mysense .error_page p{line-height:20px;font-size:14px;color:#666}
.mysense .error_page .btn_box{margin-top:40px;padding: 10px 0;}
.mysense .error_page .btn_box a { text-align:center;font-size:13px;min-width:134px;height:40px;line-height: 38px; padding:0; font-weight: normal;}

.mysense .my_inner {max-width:520px; margin:0 auto; position: relative;}

.mysense .login_page { padding-top:140px;}

.mysense .my_title {color:#333; font-size:30px; font-weight: 700; text-align: center;}
.mysense .form {margin-top:30px}


.mysense .form li {clear: both; overflow: hidden;}
.mysense .form li + li {margin-top: 10px;}
.mysense .form li .input_text_box {width:calc(100% - 140px); display: block; float:left; }
.mysense .form li input.input_text {background:#f8f8f8; border:0}
.mysense .form li .btn_normal { padding-left:0; padding-right:0; width:130px; margin:0; min-width: auto; display: block; float:right; clear: none; font-size:14px}

.mysense .form .notibox {clear: both; display: none; width:100%; padding-top: 10px;}
.mysense .form .notibox .noti {padding-left: 20px; background:url(../img/icon/noti_error.png) left center no-repeat; color:#ff5e66; font-size:13px; }
.mysense .form .notibox .time {float: left; display: inline-block; }
.mysense .form .notibox .time span {color:#333; font-weight: 700; font-size:13px}
.mysense .form .notibox .time span + span {color:#ff5e66; margin-left:5px}
.mysense .form .notibox .time + .noti { float:right; display: inline-block; text-align: right;}

.mysense .form .errornoti .notibox {display: block;}
.mysense .form .oknoti .notibox {display: block;}
.mysense .form .oknoti .notibox .noti {color:#2ecefb; background-image: url(../img/icon/noti_ok.png);}

.mysense .form .btn_box {clear: both; margin:20px auto}
.mysense .form .btn_box .btn_normal {display: block;}

.mysense .form .btn_box .checkbox_box {margin-top:10px}
.mysense .form .btn_box .checkbox_box input { display: inline-block; vertical-align: middle;}
.mysense .form .btn_box .checkbox_box span { font-size:13px; color:#666; display: inline-block; vertical-align: middle; margin-left:5px}

.mysense .form_noti {margin-top:40px; padding-top:30px; border-top:2px solid #eee}
.mysense .form_noti .noti {padding-left: 20px; background:url(../img/icon/noti_error2.png) left 6px no-repeat; color:#333; font-size:15px;  }
.mysense .form_noti .noti span {display: inline-block; vertical-align: middle;}
.mysense .form_noti .noti a {display: inline-block; vertical-align: middle; background:url(../img/icon/kakao2.png) left center no-repeat; font-weight: 700; text-decoration: underline; color:#333;padding-left: 22px; margin-left:10px}

.mysense .form_noti .box {background:#f2f7fd; text-align: center; padding:40px; margin-top:40px}

.mysense .form_noti .box p {color:#333; font-size:18px; font-weight: 700; }
.mysense .form_noti .box p + p {color:#666; margin-top:10px; font-size:14px;}

.mysense .form_noti .box .btn_box {text-align:  center; margin-top:20px}
.mysense .form_noti .box .btn_box a {border-width:1px;margin:0 2px}

/* 내정보수정*/
.mysense .my_page {display: block; position: relative; background:#f2f7fd;padding-top:100px; min-height: 100vh;}
.mysense .my_page .form .form_tit { color:#333; font-size:20px; font-weight: 700; padding-bottom: 10px;}
.mysense .my_page .form li input.input_text {background:#fff}
.mysense .my_page .btn_box {margin-top:100px}

.mysense .my_page .box {background:#fff; border-radius: 10px; padding:20px; box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.mysense .my_page .box + .box {margin-top:20px}
.mysense .my_page .box .table_box {width:100%; display:table; table-layout: fixed;}
.mysense .my_page .box .table_box .cell {display:table-cell; vertical-align: middle;word-break: break-all;}
.mysense .my_page .box .table_box .cell.label {color:#333; font-size:20px; font-weight: 700; width:150px}
.mysense .my_page .box .table_box .cell.txt {color:#999; font-size:18px; font-weight: 700;padding-right: 15px; line-height: 1.3em;}
.mysense .my_page .box .table_box .cell.btn { width:70px}
.mysense .my_page .box .table_box .cell.btn a {display:block; padding:10px 0; background:#eee; color:#666; font-size:14px; text-align:center; font-weight: 700;}
.mysense .my_page .box .table_box .cell.btn a:hover {background:#333; color:#fff}
.mysense .my_page .box .table_box + .table_box { margin-top: 5px}

.mysense .my_page .box .table_box .cell.select { padding-right: 10px;}
.mysense .my_page .box .table_box .cell.select select { cursor: pointer; width: 100%; padding: 10px 0; border: 0; color:#999; font-size:18px; font-weight: 700; background: url('../img/icon/select_arrow.png') no-repeat right 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.mysense .my_page .box .table_box .cell.select select::-ms-expand {	display: none;}
.mysense .my_page .box .table_box .cell.select select:focus { border:0; outline: none; }

.mysense .my_page .box ul {padding:10px}
.mysense .my_page .box ul li a { color:#666; font-size:16px; font-weight: 500; display: block; position:relative}
.mysense .my_page .box ul li + li {margin-top:5px}
.mysense .my_page .box ul li a .icon { width:34px; height:20px; border-left-width:10px; background:#eee; display:block; position:absolute; top:0; right:0; border-radius: 18px; text-align:left; overflow: hidden;}
.mysense .my_page .box ul li a .icon span {width:18px; height:18px; border-radius: 18px; border:2px solid #eee;background:#fff; display: inline-block; }

.mysense .my_page .box ul li a:hover { color:#333}
.mysense .my_page .box ul li.active a .icon { background:#21e2ad;text-align:right;}
.mysense .my_page .box ul li.active a .icon span { border-color:#21e2ad}

.mysense .my_tab {padding-top:70px}
.mysense .my_tab ul { display:table; width:100%; table-layout: fixed;}
.mysense .my_tab ul li {width:33.3%; text-align: center; display: table-cell;}
.mysense .my_tab ul li a {display: block; color:#999; font-weight: 700; font-size:16px; border-bottom:2px solid #fff; padding:10px 0}
.mysense .my_tab ul li.active a {color:#333; border-color: #333}

.mysense .step_page {display: block; position: relative; background:#f2f7fd; padding-bottom: 40px;}
.mysense .step_page::before { display:block; content:""; position:absolute; top:0; left:0; right:0; height:250px; z-index: 0;
	background: #6575ff!important; /* Old browsers */
	background: -moz-linear-gradient(left,  #6575ff 0%, #2ad5fa 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #6575ff 0%,#2ad5fa 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #6575ff 0%,#2ad5fa 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6575ff', endColorstr='#2ad5fa',GradientType=0 )!important; /* IE6-9 */
}
.mysense .step_page .step_top {position: relative;padding:40px 0}
.mysense .step_page .step_top .id {color:#fff; font-size:24px; line-height: 1.3em;}
.mysense .step_page .step_top .id b { font-weight: 700; letter-spacing: 0;}
.mysense .step_page .step_top .id span {display: inline-block; vertical-align: middle;}
.mysense .step_page .step_top .desc { color:#fff; font-size:15px; line-height: 1.3em; margin-top:5px;}

.mysense .step_page .step_top .id .select_id { width: 40%; display: inline-block; vertical-align: middle; border-bottom: 2px solid #fff; }
.mysense .step_page .step_top .id .select_id select { cursor: pointer; width: 100%; padding: 10px 40px 10px 0; border: 0; color:#fff; letter-spacing: 0; font-size:24px; font-weight: 700; background: url('../img/icon/select_arrow3.png') no-repeat calc(100% - 10px) 50%; background-size: 18px auto; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.mysense .step_page .step_top .id .select_id select::-ms-expand {	display: none;}
.mysense .step_page .step_top .id .select_id select:focus { border:0; outline: none; }
.mysense .step_page .step_top .id .select_id option { color:#666; font-size: 18px;}

.mysense .step_page .step_top .btn_modify {background:#fff url(../img/icon/write.png) center no-repeat; width:50px; height:50px; border-radius: 50px; position:absolute; top:50%; margin-top:-25px; right:60px;}
.mysense .step_page .step_top .btn_kakao {background:#fff url(../img/icon/kakao.png) center no-repeat; width:50px; height:50px; border-radius: 50px; position:absolute; top:50%; margin-top:-25px; right:0;}
.mysense .step_page .step_top .btn_modify:hover,
.mysense .step_page .step_top .btn_kakao:hover {box-shadow:0 2px 10px rgba(0,0,0,0.2);}

.mysense .step_page .ai_box {background:#fff; border-radius: 10px; padding:20px 30px 10px; box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.mysense .step_page .ai_box .ai_tit {background:url(../img/icon/ai.png) no-repeat; color:#333; font-weight: 700; font-size:20px; line-height: 1.2em; padding:10px 0 10px 80px}
.mysense .step_page .ai_box ul {margin-top:20px}
.mysense .step_page .ai_box ul li {border-top:1px solid #d5d5d5}
.mysense .step_page .ai_box ul li a {padding:20px 0; display: block;}
.mysense .step_page .ai_box ul li .listbox { background:url(../img/icon/btn_slide_next.png) right center no-repeat; background-size:20px}
.mysense .step_page .ai_box ul li .listbox .label { background:#0feab1; color:#fff; font-weight: 700; font-size:13px; line-height: 1.2em;display:inline-block; vertical-align: middle; width:50px; height:50px; border-radius: 50px; text-align: center;}
.mysense .step_page .ai_box ul li .listbox .label.mn span {padding-top:8px; display: block;}
.mysense .step_page .ai_box ul li .listbox .label.ai { line-height: 50px; font-size:16px;}
.mysense .step_page .ai_box ul li .listbox .txtbox {display:inline-block; vertical-align: middle; margin-left:10px;max-width: 70%;}
.mysense .step_page .ai_box ul li .listbox .txtbox span {display:block; color:#333; font-size:14px;font-weight: 700;line-height: 1.2em;}
.mysense .step_page .ai_box ul li .listbox .txtbox span.date {color:#999; margin-top:5px;font-size:13px; font-weight: normal;}
.mysense .step_page .ai_box ul li .listbox .txtbox:hover span.subject  {text-decoration: underline;}

.mysense .report_box {margin-top:40px}
.mysense .report_box .sub_tit {color:#333; font-weight: 700; font-size:20px}
.mysense .report_box ul {margin-top:20px}
.mysense .report_box ul { background:#fff; background:#fff; border-radius: 10px; padding:20px; box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.mysense .report_box ul li + li {margin-top:20px; display: none;}
.mysense .report_box ul li:first-child a {display:block; background:url(../img/icon/report_arrow.png) center right no-repeat; font-weight: 700; color:#333; font-size: 18px;}
.mysense .report_box ul.active li + li {display: block;}
.mysense .report_box ul.active li:first-child a { background-image:url(../img/icon/report_arrow_up.png);}

.mysense .report_box ul li .list .download {border-top:1px solid #d5d5d5; padding:15px 10px; clear: both; overflow: hidden; position:relative}
.mysense .report_box ul li .list .download:last-child {margin-bottom: -10px}
.mysense .report_box ul li .list .download .subject {width:75%; display:block; color:#666; font-size:14px;word-break: break-all; }
.mysense .report_box ul li .list .download .subject + a,
.mysense .report_box ul li .list .download .subject + .btn_download { display:inline-block; vertical-align: middle; color:#0feab1; font-weight: 700; font-size: 13px; text-align: right; background:url(../img/icon/download3.png) right center no-repeat; padding-right:20px; position: absolute; top:50%; margin-top:-10px;right:10px; cursor: pointer;}
.mysense .report_box ul li .list .download .subject + a:hover,
.mysense .report_box ul li .list .download .subject + .btn_download:hover {text-decoration: underline;}

.mysense .report_box ul li .none {text-align: center; font-weight: 700; color:#999; padding:30px 20px 20px; font-size:13px; font-weight: 700; border-top:1px solid #d5d5d5}

/* 대형현황 */
.mysense .step_page .step_box {background:#fff; border-radius: 10px; padding:30px; box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.mysense .step_page .step_box .step_tit {color:#333; font-weight: 700; font-size:20px; line-height: 1.2em;}
.mysense .step_page .step_box ul {margin-top:20px; width:100%; display: table; table-layout: fixed; position: relative}
.mysense .step_page .step_box ul::before {width:70%; left:10%; z-index: 0; content: ""; display: block; position:absolute; top:45px; height:4px; background:#eee; left:15%}
.mysense .step_page .step_box ul li {display: table-cell; width:33.33%; vertical-align: top; text-align: center;position: relative}

.mysense .step_page .step_box ul li .icon { display:block; background:url(../img/icon/my_step.png) center no-repeat}
.mysense .step_page .step_box ul li .icon img {opacity: 0; max-width:95%; margin:0 auto}

.mysense .step_page .step_box ul li .tit {color:#666; font-weight: 700; font-size:16px; line-height: 1.2em;}
.mysense .step_page .step_box ul li .date {color:#999; font-weight: 700; font-size:13px; display: none; margin-top: 5px;}

.mysense .step_page .step_box ul li.active .icon img {opacity: 1;}
.mysense .step_page .step_box ul li.active .tit {color:#333}
.mysense .step_page .step_box ul li.active .date {display: block;}

.mysense .step_page .step_box ul.end li .date {display: block;}
.mysense .step_page .step_box ul.end::before {background:#21e2ad}
.mysense .step_page .step_box ul.end li .icon {  background-image:url(../img/icon/my_step_on.png)}

.mysense .step_page .step_box ul.end2 li {position: relative; z-index: 20;}
.mysense .step_page .step_box ul.end2 li .date {display: block;}
.mysense .step_page .step_box ul.end2 li:last-child .icon {  background-image:url(../img/icon/my_step_on.png);}
.mysense .step_page .step_box ul.end2::after {width:30%; z-index: 0; content: ""; display: block; position:absolute; top:45px; height:4px; background:#21e2ad; left:50%}

.mysense .step_page .step_box ul.end3 li {position: relative; z-index: 20;}
.mysense .step_page .step_box ul.end3 li .date {display: block;}
.mysense .step_page .step_box ul.end3 li:first-child .icon {  background-image:url(../img/icon/my_step_on.png);}
.mysense .step_page .step_box ul.end3::after {width:30%; z-index: 0; content: ""; display: block; position:absolute; top:45px; height:4px; background:#21e2ad; left:15%}


/* 광고 효과 */
.mysense .report_page {display: block; position: relative; background:#f2f7fd; padding-bottom: 40px; min-height:90vh}
.mysense .report_page .report_top { position: relative; padding:30px 0}
.mysense .report_page .report_top .btn_kakao {background:#fff url(../img/icon/kakao.png) center no-repeat; width:50px; height:50px; border-radius: 50px; position:absolute; top:50%; margin-top:-25px; right:0;}
.mysense .report_page .report_top .btn_kakao:hover {box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.mysense .report_page .report_top ul li {display:inline-block; vertical-align: middle;}
.mysense .report_page .report_top ul li a {padding:5px 0; color:#666; background:#fff; display:block; font-size:14px; min-width:70px; text-align:center}
.mysense .report_page .report_top ul li:hover a {color:#21e2ad}
.mysense .report_page .report_top ul li.active a {background:#21e2ad; color:#fff}
.mysense .report_page .report_top ul li.active:hover a { background:#03cb6b; color:#fff}

.mysense .report_page .report_list .report_desc {color:#666; font-size:14px}
.mysense .report_page .report_list .report_desc + ul  {margin-top:10px}
.mysense .report_page .report_list ul li { background:#fff; background:#fff; border-radius: 10px; padding:15px 20px; box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.mysense .report_page .report_list ul li + li {margin-top:10px}
.mysense .report_page .report_list ul li .table_box {width:100%; display:table; table-layout: fixed;}
.mysense .report_page .report_list ul li .table_box .cell {display:table-cell; vertical-align: middle;}
.mysense .report_page .report_list ul li .table_box .cell.label p {color:#333; font-weight:700; font-size:18px;}
.mysense .report_page .report_list ul li .table_box .cell.percent {font-size:14px; font-weight: 700; text-align: right;}
.mysense .report_page .report_list ul li .table_box .cell.percent.up {color:#ff5e66}
.mysense .report_page .report_list ul li .table_box .cell.percent.down {color:#00aef7}
.mysense .report_page .report_list ul li .table_box .cell.percent span {display: inline-block; vertical-align: middle;}
.mysense .report_page .report_list ul li .table_box .cell.percent span:first-child {font-size:9px; padding-right:5px}
.mysense .report_page .report_list ul li .table_box .cell.number {text-align:right;width:30%; }
.mysense .report_page .report_list ul li .table_box .cell.number p {color:#333; font-weight: 700;  font-size:24px; word-spacing: normal;word-break: break-all}
.mysense .report_page .report_list ul li .table_box .cell.number .desc {color:#666; font-weight:normal; font-size:16px }

/* 관리 내역 */
.mysense .history_page {display: block; position: relative; background:#f2f7fd; padding-bottom: 40px; min-height:90vh}
.mysense .history_page .history_top { position: relative; padding:30px 0 20px}
.mysense .history_page .history_top .btn_kakao {background:#fff url(../img/icon/kakao.png) center no-repeat; width:50px; height:50px; border-radius: 50px; position:absolute; top:50%; margin-top:-25px; right:0;}
.mysense .history_page .history_top .btn_kakao:hover {box-shadow:0 2px 10px rgba(0,0,0,0.2);}

.mysense .history_page .history_top ul li {display:inline-block; vertical-align: middle;}
.mysense .history_page .history_top ul li .select_box { background-color:#fff;}
.mysense .history_page .history_top ul li .select_box .select {height:40px; min-width:100px;}
.mysense .history_page .history_top ul li .select_box::after {right:5px}
.mysense .history_page .history_top ul li + li { color:#666; font-size:14px; margin-left:10px  }

.mysense .history_page .history_list {margin-top:10px}
.mysense .history_page .history_list + .history_list {margin-top:40px}
.mysense .history_page .history_list .date_tit { color:#333; font-weight: 700; font-size:16px; position:relative;}
.mysense .history_page .history_list .date_tit::before {width:100%; height:2px; background:#333; display: block; position:absolute; bottom:5px; left:0; right:0;  content:""}
.mysense .history_page .history_list .date_tit span {display:inline-block; position: relative; background: #f2f7fd; padding-right:10px}
.mysense .history_page .history_list ul li { position:relative; background:#fff; background:#fff; border-radius: 10px; padding:15px 20px; box-shadow:0 2px 10px rgba(0,0,0,0.2); margin-top:20px}
.mysense .history_page .history_list ul li + li {margin-top:10px}

.mysense .history_page .history_list ul li .cate {font-weight: 700; font-size:14px;}
.mysense .history_page .history_list ul li .subject {font-weight: 700; font-size:20px; color:#333; letter-spacing: -1.5px;}
.mysense .history_page .history_list ul li .date {font-size:14px; color:#999; margin-top:10px}
.mysense .history_page .history_list ul li .desc_box { margin-top:10px}
.mysense .history_page .history_list ul li .desc_box p {font-size:14px; color:#666;}
.mysense .history_page .history_list ul li .desc_box p + p {margin-top:5px}
.mysense .history_page .history_list ul li .desc_box p::before {content:"· ";}
.mysense .history_page .history_list ul li a {position:absolute; bottom:20px; right:20px; display: inline-block; }
.mysense .history_page .history_list ul li a span {color:#333; font-size:14px; font-weight: 700; background:url(../img/icon/btn_slide_next.png) right center no-repeat; background-size:12px; padding-right:18px}
.mysense .history_page .history_list ul li a:hover span {text-decoration: underline;}

.mysense .history_page .history_list ul li a.download span { background-image: url(../img/icon/download2.png);}

.mysense .history_list_none {width:100%; text-align:center; padding:35vh 0;}
.mysense .history_list_none p {color:#999; font-size:14px; font-weight: 700;}

/* checkbox */
.checkbox_wrap  {text-align:left; position: relative;}
.checkbox_wrap input[type=checkbox] + label {
	vertical-align: middle; display: inline-block; margin-right:10px;
	width: 20px;
	height: 20px;
	background:url(../img/icon/checkbox.png) center no-repeat;
	cursor: pointer;
}
.checkbox_wrap input[type=checkbox]:checked + label {
	background-image:url(../img/icon/checkbox_on.png) ;
}
.checkbox_wrap input[type=checkbox] {
	display: none;
}


.checkbox_wrap input[type=checkbox] + label + span,
.checkbox_wrap input[type=checkbox] + label + a {vertical-align: middle; display: inline-block; color:#333; font-weight: 700; }

.write_box.write_agree {margin-top:40px}

.write_box.write_agree .checkbox_desc .checkbox_wrap::after {background:url(../img/icon/btn_slide_next.png) center right no-repeat; background-size:13px; content: ""; display: block; position:absolute; top:50%; right:10px; width:13px; height:13px; opacity: 0.8;}
.write_box.write_agree .checkbox_wrap .desc { color:#999; font-size:13px; padding-left:32px;padding-top:5px}

.write_box.write_agree .checkbox_desc {margin-top:30px; padding-top:30px; border-top:1px solid #eee}
.write_box.write_agree .checkbox_desc .checkbox_wrap input[type=checkbox] + label + span,
.write_box.write_agree .checkbox_desc .checkbox_wrap input[type=checkbox] + label + a { font-size:14px; max-width: 85%;}
.write_box.write_agree .checkbox_desc .checkbox_wrap + .checkbox_wrap {margin-top:20px}



.sub .event_top { padding:60px 0; text-align: center;}
.sub .event_top .title {color:#fff; font-weight: 700; font-size: 40px; line-height: 1.3em; letter-spacing: -1.2px}
.sub .event_top .title span.dot { color:#21e2ad;position:relative;left:-8px; top:2px; display: inline-block}
.sub .event_top .title img {position:relative; top:2px}
.sub .event_top .desc {color:#fff; font-size:16px; line-height: 1.3em; letter-spacing: -1.2px; margin-top:10px;}
.sub .event_top .event_bubble { background:#0feab1; color:#fff; font-size:18px; font-weight: 700;line-height: 1.3em; letter-spacing: -1.2px; border-radius: 20px; display:inline-block; margin:0 auto 10px;}
.sub .event_top .event_bubble span {padding:5px 15px 6px 15px;display:block; position: relative; }
.sub .event_top .event_bubble span::before { background:url(../img/icon/bubble_bot.png) no-repeat; width:13px; height:9px; content: ""; display: block; position: absolute; bottom:-8px; left:50%; margin-left:-7px}

.basic_panel .pc_box .icon_step_wrap ul { overflow: hidden; width:100%}
.basic_panel .pc_box .icon_step_wrap ul li {width:50%; float:left; text-align: center; display: block;}
.basic_panel .pc_box .icon_step_wrap ul li .icon { width:125px; height:125px; background:#fff; border-radius: 125px; margin:0 auto}
.basic_panel .pc_box .icon_step_wrap ul li .icon img {width:100%}
.basic_panel .pc_box .icon_step_wrap ul li .step {color:#0feab1; font-weight: 700; font-size:20px; margin-top:5px;}
.basic_panel .pc_box .icon_step_wrap ul li .txt { color:#333; font-size:18px; font-weight: 700; margin-top:5px; line-height: 1.3em;}

.basic_panel .pc_box .event_desc { margin-top:40px;text-align: left;}
.basic_panel .pc_box .event_desc .desc_tit { color:#333; font-size:20px; font-weight: 700; line-height: 1.3em; border-bottom:1px solid #333; padding-bottom: 10px;}
.basic_panel .pc_box .event_desc ul {padding:0; margin:0; width:100%; display: block;}
.basic_panel .pc_box .event_desc ul li {padding:15px 10px 15px 60px; border-bottom:1px solid #d5d5d5; display: block; width:100%; text-align: left;}
.basic_panel .pc_box .event_desc ul li.icon1 {background:url(../img/sub/icon_event_s_01.png) 10px center no-repeat}
.basic_panel .pc_box .event_desc ul li.icon2 {background:url(../img/sub/icon_event_s_02.png) 10px center no-repeat}
.basic_panel .pc_box .event_desc ul li.icon3 {background:url(../img/sub/icon_event_s_03.png) 10px center no-repeat}
.basic_panel .pc_box .event_desc ul li p {color:#333; font-size:14px; line-height: 1.4em;}
.basic_panel .pc_box .event_desc ul li p b { font-weight: 700;}

/* new 로그인 */
.login_panel {min-height: 100vh; background: url(../img/login/bg.jpg) center no-repeat; background-size: cover; padding:0 20px}
.login_panel .login_table { width:85%; min-height: 100vh; display: table; table-layout: fixed; margin:0 auto}
.login_panel .login_table .cell {display: table-cell; vertical-align: middle;vertical-align: top;padding:140px 0px 20px}
.login_panel .login_table .cell.left {text-align: center; width:60%; }
.login_panel .login_table .cell.right {text-align: left; width:40%; }
.login_panel .slide_page img {width:100%; margin:0 auto 20px}
.login_panel .slide_page p {color:#fff; font-size:17px; line-height: 1.3em;}
.login_panel .slide_page p b {font-weight: 700;}
.login_panel .slide_page p.tit {font-weight: 700; font-size:30px; }
.login_panel .slide_page .slide_top {padding: 30px 0 20px;}
.login_panel .slide_page .slide_txt {padding-bottom: 30px;}

.mysense .login_panel .my_inner { background: #fff; border-radius: 10px; max-width:none; width:80%;padding:30px; margin:0}
.mysense .login_panel .login_page {padding:0}
.mysense .login_panel .form_noti {text-align: center; padding-top:20px}
.mysense .login_panel .form_noti .noti {display: inline-block; padding:0; background:none}
.mysense .login_panel .form_noti .noti span.ic {background:url(../img/icon/noti_error2.png) center no-repeat; width:16px; height:16px; display: inline-block;}
.mysense .login_panel .form_noti .box {padding:20px; margin-top:20px}
.login_panel .login_slider {max-width:900px;display: block; position: relative; overflow: hidden; padding-bottom: 20px; margin:0 auto}
.login_panel .login_slider .swiper {width: 100%!important;  margin: 0 auto;}
.login_panel .login_slider .swiper-wrapper {width: 100%!important}

.login_panel .swiper-pagination-bullet { background:#fff; height: 6px; width:6px; border-radius: 8px;}
.login_panel .swiper-pagination-bullet-active { width:20px;}
.login_panel .swiper-pagination-fraction,
.login_panel .swiper-pagination-custom,
.login_panel .swiper-container-horizontal>.swiper-pagination-bullets { position: relative; width:100%; top:auto; left:auto; bottom:auto; right:auto; margin:0px auto 0}

.login_panel.m_login_panel {padding:0}
.login_panel.m_login_panel .slide_page img {margin:0 auto}
.m_login_panel .slide_page .m_login_top {padding:100px 0 40px; background: #fff; text-align:center;}
.m_login_panel .slide_page .m_login_top p {color:#333; font-size:18px; font-weight: 700; padding-bottom: 10px; line-height: 1.4em;}
.m_login_panel .slide_page .m_login_top a {box-shadow: 0 2px 10px rgb(0 0 0 / 20%);}
.login_panel.m_login_panel .slide_page .slide_txt { text-align: center; padding-top:40px}
.mysense .login_panel.m_login_panel .form_noti {padding:0; border:0}
.mysense .login_panel.m_login_panel .form_noti .box {margin-top:0; border:0}

@media only screen and (min-width: 900px) {

	/* quick_form  */
	.quick_form { position:fixed;top:70px;right:-500px;z-index: 500; text-align: center}
	.quick_form.fixed {top:90px}

	.quick_open .quick_form .btn_close { background:url(../img/icon/popup_close2.png) center no-repeat;display: block; width:40px; height:40px;position: absolute; top:0; left:-40px}

	.quick_form .sub_panel.form_panel {background:#fff; padding:20px; width:500px; max-height: 85vh; overflow-y: auto;}
	.quick_form .sub_panel.form_panel .form_wrapping .form_wrap {width:auto;padding:0}
	.quick_form .sub_panel.form_panel .form_wrapping {margin-top:0}

	.quick_form .sub_panel .write_box .write .label {float:left;width:27%;padding-left:0; vertical-align: top;letter-spacing: -1px; font-size:13px;padding-top:12px}
	.quick_form .sub_panel .write_box .write .right {float:right;width:73%; vertical-align: top}
	.quick_form .sub_panel .write_box .write .label.important span::after { display: inline-block;position: relative;right: -4px;top: -3px;}
	.quick_form .input_text {font-size:13px;padding:12px 5px}
	.quick_form textarea {height:70px}
	.quick_form .select_box .select {height:43px}
	.quick_form .sub_panel .write_box .write.month .right .num {width:50%}
	.quick_form .sub_panel .write_box .write.phone .right .time {padding-top:2px; font-size: 12px;}
	.quick_form .sub_panel .write_box .write.phone {margin:10px 0 0}

	.quick_form .sub_panel .write_box .write.phone .right .num {width:60%}
	.quick_form .sub_panel .write_box .write.phone .right .time,
	.quick_form .sub_panel .write_box .write.phone .right .num + .num {width:37%}
	.quick_form .sub_panel .write_box .write.phone .right.time_on .time {padding-left:6px}
	.quick_form .sub_panel .write_box .write.phone .right .num .btn {width:auto}
	.quick_form .sub_panel .write_bottom.important span {font-size:12px}

	.quick_open #popup_mask {top:70px}
	.quick_open .topBanner {display: none;}

	.quick_open {overflow:hidden;}
	.quick_open .quick_form {right:0}

	.quick_form .m_btn_quick {display: none;}


	.sub2 .sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping {height:800px; overflow: hidden; display: block; width:100%; margin:0 auto}
	.sub2 .sub_panel .form_wrapping + .form_wrapping .write_button {padding:0; position:absolute; bottom:40px;left:0; right:0}

	.sub2.cheerup_wrappping .sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping {height:840px;}

	.preview_panel .preview_box ul li .box:hover .txt {color:#0feab1}

	/* 서비스 소개 */
	.service_process_panel .process_box .box .desc_box ul p.label:hover {cursor: default;}
	.service_process_panel .process_box .box .desc_box ul p.label.in_link:hover {background: #21e2ad;}


}

@media only screen and (min-width: 1204px) {


	.ani {opacity:0;margin-top:100px; }

	.main .ani2.ani_scroll {animation:slideUp2 1.2s linear forwards,fadeIn1 1.2s linear forwards;-webkit-animation:slideUp2 1.2s linear forwards,fadeIn1 1.2s linear forwards}
	.main .ani2 + .ani2.ani_scroll {animation:slideUp3 1.2s linear forwards,fadeIn1 1.2s linear forwards;-webkit-animation:slideUp3 1.2s linear forwards,fadeIn1 1.2s linear forwards}

	#header .utilMenu .btn_form:hover,
	.btn_normal.btn_line_g:hover,
	.btn_normal:hover {border-color:#18d8a3}
	.btn_normal.hover_blue:hover,
	.btn_normal.btn_blue:hover  { border-color:#47c5f5;background-color:#47c5f5}

	.btn_normal.btn_blue2:hover  { border-color:#4e5aec;background-color:#4e5aec}

	.btn_normal.btn_line_gray:hover { border-color:#999; background:#999; color:#fff}
	.btn_normal.btn_line_black:hover { border-color:#333;background:#333; color:#fff}

	.bg .btn_normal.btn_line_w:hover{border-color:#fff;background-color:#fff;color:#18d8a3;}
	.bg .btn_normal.btn_line_w:hover .ic.link {background-image: url("../img/icon/arrow3.png")}

	.btn_normal:hover,
	#header .utilMenu .btn_login:hover { background-color:#18d8a3; color:#fff}
	#header .utilMenu .btn_login:hover .ic.login {background-color:#21e2ad; }

	.btn_normal.btn_line_purple:hover {border-color:#a697ff; background:#a697ff; color:#fff}
	.btn_normal.btn_line_b:hover {border-color:#55cffe; background:#55cffe; color:#fff}
	.btn_normal.btn_line_b2:hover {border-color:#6772ff; background:#6772ff; color:#fff}
	.btn_normal.btn_line_purple:hover .ic.link5,
	.btn_normal.btn_line_g:hover .ic.link3,
	.btn_normal.btn_line_b:hover .ic.link4,
	.btn_normal.btn_line_b2:hover .ic.link6 {background-image: url("../img/icon/arrow.png")}

	.btn_normal.btn_line_g:hover .ic.download3 {background-image: url("../img/icon/download4.png")}

	.popup_window.popup_event .popup_bottom a:hover { background:#f8f8f8}

	#header .utilMenu a:hover {color:#333}
	#header .utilMenu a.active:hover{color:#21e2ad}
	#header .utilMenu .btn_downlist:hover span + span {opacity: 1}

	/* #header .utilMenu .btn_my:hover {color:#fff; background:#55cffe}	 */

	#header .utilMenu .btn_downlist .downlist_wrap a:hover { color:#18d8a3}
	#header .utilMenu .btn_downlist .downlist_wrap a:hover span { background:url("../img/icon/download3.png") right no-repeat; background-size: 11px auto}

	#footer .linkMenu ul li a:hover {top:-10px}

	.faq_wrap ul.faq li.f_list > .f_tit:hover span.arrow { background-image: url("../img/main/btn_plus_on.png")}

	/* 서브 */
	.sub_panel .write_bottom .agree a:hover{font-weight: 700}
	.sub_panel.form_panel .api_slider .link:hover {color:#333}

	/*.sub_tab ul li a:hover {color:#333; color:#21e2ad; font-weight: 700}
	.sub_tab ul li a:hover span::after {opacity: 1; transform: translateY(0); background: #21e2ad}*/

	.sub_tab ul li:hover{background-color: #18d8a3;}
	.sub_tab ul li.active:hover{background-color: #fff;}
	.sub_tab ul li a:hover span {font-weight: 700}

	.sub_panel .write_desc_wrap .desc_hd .btn_more:hover {background:#f8f8f8}
	.sub_panel .write_desc_wrap ul .btn_link:hover {background-image:url("../img/icon/link2.png")}
	.sub_panel .write_desc_wrap ul .btn_link:hover span {color:#18d8a3;}

	/* 회사 소개 */
	.sub.intro .pre_panel .playd_box.ani_scroll p {animation:zoomIn1 0.8s linear forwards;transform-origin:50% 50%;-webkit-animation:zoomIn1 0.8s linear forwards}


	.sub.intro .history_box:nth-child(2).ani_scroll .box {animation:islideUp1 0.6s linear forwards;-webkit-animation:islideUp1 0.6s linear forwards}
	.sub.intro .history_box:nth-child(2).ani_scroll .box:nth-child(2) {animation:islideUp1 0.8s linear forwards;-webkit-animation:islideUp1 0.8s linear forwards}
	.sub.intro .history_box:nth-child(2).ani_scroll .box:nth-child(3) {animation:islideUp1 1s linear forwards;-webkit-animation:islideUp1 1s linear forwards}

	.sub.intro .history_box:nth-child(3).ani_scroll .box {animation:islideUp1 0.8s linear forwards;-webkit-animation:islideUp1 0.8s linear forwards}
	.sub.intro .history_box:nth-child(3).ani_scroll .box:nth-child(2) {animation:islideUp1 1s linear forwards;-webkit-animation:islideUp1 1s linear forwards}
	.sub.intro .history_box:nth-child(3).ani_scroll .box:nth-child(3) {animation:islideUp1 1.3s linear forwards;-webkit-animation:islideUp1 1.3s linear forwards}

	.sub.intro .history_box:nth-child(4).ani_scroll .box {animation:islideUp1 0.4s linear forwards;-webkit-animation:islideUp1 0.5s linear forwards}
	.sub.intro .history_box:nth-child(4).ani_scroll .box:nth-child(2) {animation:islideUp1 0.8s linear forwards;-webkit-animation:islideUp1 0.8s linear forwards}
	.sub.intro .history_box:nth-child(4).ani_scroll .box:nth-child(3) {animation:islideUp1 1s linear forwards;-webkit-animation:islideUp1 1s linear forwards}

	.sub.intro .history_box:nth-child(5).ani_scroll .box {animation:islideUp1 0.4s linear forwards;-webkit-animation:islideUp1 0.5s linear forwards}
	.sub.intro .history_box:nth-child(5).ani_scroll .box:nth-child(2) {animation:islideUp1 0.8s linear forwards;-webkit-animation:islideUp1 0.8s linear forwards}
	.sub.intro .history_box:nth-child(5).ani_scroll .box:nth-child(3) {animation:islideUp1 1s linear forwards;-webkit-animation:islideUp1 1s linear forwards}


}

@media only screen and (max-width: 1800px) {
	.login_panel .login_table {width:100%}
	.login_panel .login_table .cell.left {width:60%; }
	.login_panel .login_table .cell.right {width:40%; }
}

@media only screen and (max-width: 1600px) {
	.login_panel .login_table .cell.left {width:50%; }
	.login_panel .login_table .cell.right {width:50%; }
}

@media only screen and (max-width: 1300px) {
	.main_panel.video_panel .btn_box ul li{  width:172px;}
	.main_panel.video_panel .btn_box ul::before {width:82%}
}

@media only screen and (max-width: 1279px) {
	#header .utilMenu .btn_downlist,
	#header .utilMenu .btn_blog { display: none;}
	#header .utilMenu .btn_form {width:100px}
	#header .utilMenu .btn_my {right:120px}
}

@media only screen and (max-width: 1204px) {

	.container,
	.main .searchad_banner .container,
	.sub .searchad_banner .container,
	.sub.sub2 .searchad_banner .container,
	.sub.sub_info .searchad_banner .container { width: 90% }
	.topBanner p {font-size:16px;}

	.sub_tab {background:#fff}
	.sub_tab li{background: #21e2ad;}
	.sub_tab .container{ width: 100% }

	.mysense .login_panel .my_inner {width:100%}

	/* 무료 광고 진단하기 */
	.free_panel .step_wrap { padding:0}

	/* 진단서에는 */
	.sub_panel.why_top .table_box {width:100%}
	.sub_panel.why_top .table_td.desc_wrap {width:60%}

	/* 광고 대행 절차 */
	.sub_step_panel .step_wrap { padding:0}
	.sub_step_panel .step_wrap::before {/*top:48%;*/display:none }
	.sub_step_panel .step_box .icon {margin:10px auto 0}

	.sub_step_panel .step_wrap .step_box {width:50%; display: block; float:left}

	.sub_step_panel .arrow1,
	.sub_step_panel .arrow2 {display:none}

	/* 광고 대행 신청 */
	.form_panel.type2 .form_wrap {width:90%}
	.sub2 .sub_panel .write_box .write.month .right .num,
	.sub_panel .write_box .write.month .right .num {width:60%}
	.sub_panel.form_panel .form_wrapping .inner .form_wrap {width:50%}

	/* new main */
	.top_newwrap .title span { display: block; margin-top:3px }
	.top_newwrap .title img + span{ display: inline-block; margin-top: 0px;}

	.event_bar_wrap .container { padding:0;width: 98%;}
	.event_bar_wrap .inner .btn_more {right:34%}
	.event_bar_wrap .btn_event {width:27%;font-size:16px}
	.event_bar_wrap .inner .title,
	.event_bar_wrap .inner .desc {max-width:45%}

	.event_bar_wrap.open_02 .container { width: 100%;}
	.event_bar_wrap.open_02 .inner { width:64%; margin-left: 35%;}

	.interview_wrap {margin:40px auto 0;}
	.interview_wrap .hide_m {display: none;}
	.interview_wrap .cell { display: block; width:100%;padding:0}
	.interview_wrap .cell + .cell { display: block; width:100%;margin-top:40px}
	.interview_wrap .talk_box + .talk_box {margin-top:40px}

	.interview_wrap .talk_box .talk {padding:0;}
	.interview_wrap .talk_box .right,
	.interview_wrap .talk_box .right.pd_none {padding:0 0 0 10%;}
	.interview_wrap .message_img {width:100%}

	.interview_wrap .talk_box .message p {font-size:14px; font-weight: 500;}
	.interview_wrap .talk_box .right .message p {font-size:14px; font-weight: 500;}

	/* 서브 > 광고 대행 안내 */
	.setup_panel .title {padding-bottom:20px}
	.setup_banner .inner {padding:10px 0 30px; overflow: hidden; background-image: none; /*background-image:url("../img/sub/info_banner_m.jpg"); background-size:100% auto*/}
	.setup_banner .inner img {width:100%;}
	.setup_banner .inner .tablebnn {display:table; width:100%; table-layout: fixed;}
	.setup_banner .inner .img_box { display:table-cell; width:50%; vertical-align: middle;}
	.setup_banner .inner .img_box img {width:100%}
	.setup_banner .inner .text_box {display: table-cell; width:50%; vertical-align: middle;}
	.setup_banner .inner p {padding-left:0; text-align:left;}
	.setup_banner .inner p.title {  font-size: 24px; margin-top:15px}
	.setup_banner .inner p.desc {font-size: 14px;    margin-top: 5px;}
	.setup_panel .setup_wrap .setup_top .tit {margin-top:-8px}
	.setup_panel .setup_wrap .setup_top .tit img.show_m {height:30px; }
	.setup_panel .setup_wrap .setup_top .tit span {font-size:24px;top: -1px;}

	.setup_panel .setup_wrap table tbody td {padding:20px 0px}
	.setup_panel .setup_wrap table tbody td:first-child {padding-left:20px}

	.setup_panel .setup_wrap table tbody td p {font-size:18px}
	.setup_panel .setup_wrap table tbody td ul {display: block;}
	.setup_panel .setup_wrap table tbody td ul + ul {margin-left:0; margin-top:5px}
	.setup_panel .setup_wrap table tbody td ul li {font-size:14px}

	.sub_panel .faq_wrap ul.faq li.f_list > .f_tit span.subject .txt {display:inline-block; padding-left:10px;width:75%; padding-top:0;}

	/* 팝업 */
	.popup_window,
	.popup_window.popup_agree,
	.popup_window.popup_event,
	.popup_window.popup_process,
	.popup_window.popup_process.popup_process_fin{left:5%;margin:0;width:90%; }
	.popup_window.popup_noti{left:50%;margin-left:-200px;width:400px; }

	.popup_window.popup_event {top:0}
	.popup_window.popup_event .popup_inner {width:100%}
	.popup_window .popup_content .popup_tab li a {padding:10px 0}
	.popup_window .popup_content .popup_form.agree_form,
	.popup_window .popup_content .popup_form.agree_form.scrollbar { max-height: inherit; height:50vh}

	/* 광고 진행 대행 프로세스 */
	.popup_window.popup_process .popup_content {padding:0}
	.popup_window.popup_process .popup_content .popup_form.scrollbar {margin-top:0}
	/*.popup_window.popup_process .popup_content .popup_form.scrollbar {max-height: 65vh;}*/
	.popup_window .step_box .box_tit { font-size:20px; padding:10px 0 15px}
	.popup_window .step_box ul { display:block}
	.popup_window .step_box ul li,
	.popup_window.popup_process_fin .step_box ul li {display:block; width:90%; table-layout: fixed; margin:0 auto; position:relative}
	.popup_window .step_box ul li.dot,
	.popup_window .step_box ul li.arrow {display: none;}
	.popup_window .step_box ul li .step_img {display:table-cell; vertical-align: middle; width:35%;}
	.popup_window .step_box ul li .step_img img {max-width:auto; width:100%}
	.popup_window .step_box ul li .step_txt_box {display:table-cell; vertical-align: middle; text-align: left;padding:15px 10px 10px 10px}
	.popup_window .step_box ul li .num {font-size: 13px; margin:0 auto}
	.popup_window .step_box ul li .step_tit { font-size:14px;}
	.popup_window .step_box ul + ul {margin-top:10px; padding-bottom:20px}

	/*.popup_window .step_box ul li + li,
	.popup_window .step_box ul + ul li:first-child {border-top:1px solid #eee}*/

	.popup_window .step_box ul li:nth-child(2) { background:#f8f8f8}
	.popup_window .step_box ul li .step_img {/*position:relative;*/padding:20px 10px}
	.popup_window .step_box ul li .step_img::after {position:absolute; bottom:10px; left:0; width:100%; background:url(../img/sub/arrow2.png) center no-repeat; background-size:11px auto; height:7px; content: "";}
	.popup_window .step_box ul li + li .step_img::after { bottom:-5px}
	.popup_window .step_box ul + ul li:first-child .step_img::after {bottom:-10px}

	.popup_window.popup_process_fin .step_box ul li + li .step_img::after,
	.popup_window.popup_process_fin .step_box ul li .step_img::after {bottom:-14px}

	.popup_window.popup_process_fin .step_box ul li:nth-child(3) .step_img::after {bottom:12px}


	.popup_window .step_box ul + ul li:last-child .step_img::after,
	.popup_window.popup_process_fin .step_box ul li:last-child .step_img::after { display:none}

	.popup_window.popup_process.popup_process_fin .popup_content .popup_form.scrollbar {max-height: 90vh;}
	.popup_window.popup_process_fin .step_box ul li .cover {background:rgb(241,241,241,0.5)}
	.popup_window.popup_process_fin .step_box ul { width:100%; margin-top:20px}
	.popup_window.popup_process_fin .step_box .box_desc {font-size:14px;padding:0 40px}
	.popup_window.popup_process_fin .step_box .box_icon {margin:20px auto -5px}
	.popup_window.popup_process_fin .step_box .box_icon img {width:40px}
	.popup_window.popup_process_fin .step_box ul li {padding:10px}
	.popup_window.popup_process_fin .step_box ul li + li { border:0}

	.popup_window.popup_process_fin .step_box ul li .step_txt_box {padding: 0 10px 0px 20px;}


	/* 이벤트 */
	.sub .top_visual .title img {display:block; margin:0 auto 3px; top:auto; width:30%;  }
	.sub .top_visual.event_visual .title img {height:auto}
	.event_panel .event_tit {padding-bottom: 30px;}
	.event_panel .event_tit .tit {font-size:24px; line-height: 1.3em; padding-left:20px; padding-right:20px}
	.event_panel .obj_m img {width:100%}
	.event_panel .event_con .event_txt {padding-left:0}

	.event_panel .event_con .event_txt .top_txt {font-size:18px}
	.event_panel .event_con .event_txt .event_table tbody th {padding:0}
	.event_panel .event_con .event_txt .event_table td {padding:10px}
	.event_panel .event_con .event_txt .event_table td .line { text-decoration: line-through;}
	.event_panel .event_con .event_txt .event_table td .line::after {display:none}
	.event_panel .event_con .event_txt .event_table td span {font-size:11px; padding:3px}

	.event_panel .bar_txt  {text-align:center}
	.event_panel .bar_txt .obj {display:none}
	.event_panel .bar_txt .inner {padding-left:0}
	.event_panel.clevent1 .bar_txt .arrow,
	.event_panel .bar_txt .arrow { top:-70px; width:35px; background-size:35px}

	.event_panel.event2 .event_con .event_txt .top_txt1 {padding-top:20px}
	.event_panel.event2 .event_con .event_txt .top_txt1,
	.event_panel .bar_txt .tit { font-size:20px}

	.event_panel .bar_txt .tit {    line-height: 1.5em; letter-spacing: -1.5px;}
	.event_panel .bar_txt .tit b {padding: 0 2px 1px 0;		line-height: 1.2em;	}

	.event_panel.event2 .event_con .event_txt .top_txt2 { margin:0 auto; padding-bottom:0}

	.event_panel .step_wrap {padding:60px 0}

	.event_panel .step_wrap .step li { position:relative; width:100%; display: block; text-align:left; }
	.event_panel .step_wrap .step li + li { margin-top:20px}
	.event_panel .step_wrap .step li .icon { width:35%; vertical-align: middle; padding-top:35%;  text-align:center; display:inline-block; }
	.event_panel .step_wrap .step li .icon img {max-width:75%}
	.event_panel .step_wrap .step li .desc,
	.event_panel .step_wrap .step li .desc2,
	.event_panel .step_wrap .step li .label {padding-left:20px}
	.event_panel .step_wrap .step li .descbox { display:inline-block;vertical-align: middle; width:60%  }

	.event_panel .step_wrap .step li .desc {margin-top:0}
	.event_panel .step_wrap .step li .label { color:#0feab1; font-weight: 700;}
	.event_panel.event2 .step_wrap .step li .label {color:#2ad5fa; font-weight: 700;}

	.event_panel.event_panel.clevent1 .obj_m {width:110%; margin-left:-5%; margin-right:-5%}
	.event_panel.clevent1 .event_con .event_txt .top_txt {padding-top:20px}
	.event_panel.clevent1 .label_free {width:60px; background-size:100% auto; right:15px}
	.event_panel.clevent1 .label_free span {font-size:14px; top:30%}
	.event_panel.clevent1 .event_step_list ul::after {height: 76%;}
	.event_panel.clevent1 .event_step_list ul li .icon {width:30%}
	.event_panel.clevent1 .event_step_list ul li .icon img {width:70%}
	.event_panel.clevent1 .event_step_list ul li .txtbox .step {font-size:16px}
	.event_panel.clevent1 .event_step_list ul li .txtbox .txt {font-size:14px; padding-right:20px}

	.event_panel .step2 ul li {width:auto; display:block;padding:0; background: #fff;}
	.event_panel .step2 ul li + li {border:0}
	.event_panel .step2 ul li .icon,
	.event_panel .step2 ul li .txtbox {display:inline-block; vertical-align: middle;}
	.event_panel .step2 ul li .icon {width:35%; padding-top:35%; height:0; position:relative; background: #f2f7fd;}
	.event_panel .step2 ul li .icon img {position:absolute; top:10%; width:72%; left:16%;}
	.event_panel .step2 ul li .txtbox {width: 60%;}
	.event_panel .step2 ul li .txtbox > * {padding-left:20px}
	.event_panel .step2 ul li .label b,
	.event_panel .step2 ul li .label span {display:block; }
	.event_panel .step2 ul li .label span {line-height: 1.2em;}

	.sub_panel.form_panel.basic_panel .bottom_noti { padding:20px 5% 40px; position:relative; top:auto;bottom:auto; margin-top:40px}
	.sub_panel.form_panel.basic_panel .bottom_noti ul { background:none; padding:0 0 20px 0;}
	.sub_panel.form_panel.basic_panel .bottom_noti ul + .write_button {margin-top:0; }

	.event_banner.event_banner1 .objbox {width:50%;}


	.main_panel.video_panel .btn_box ul {left:0;width:100%; display:table; table-layout: fixed;}
	.main_panel.video_panel .btn_box ul li {width:16%; display:table-cell}
	.main_panel.video_panel .btn_box ul li a{  background:#f1f7fc;width:100%; height:auto}
	.main_panel.video_panel .btn_box ul li.active a {background:#21e2ad}
	.main_panel.video_panel .btn_box ul::before {display: none;}

	.sub .event_top {padding:30px 0}
	.sub .event_top .title { font-size:28px}
	.sub .event_top .title img  {height:26px}
	.sub .event_top .desc { font-size:16px}

	.basic_panel .pc_box .icon_step_wrap ul li .step { font-size:16px}
	.basic_panel .pc_box .icon_step_wrap ul li .txt {font-size:14px}

	.basic_panel .pc_box .event_desc { margin-top:20px}

	.video_web {display:none}
	.video_mobile {display: block!important;}
	.main_panel.video_panel .videowrapper {width:100%;/*padding-bottom:129%;*/}

	.sub_panel .write_box .id_radio ul li.input {width:auto}
	.cheerup_wrappping .sub_panel.form_panel .form_wrapping .form_wrap {padding:40px 20px}


	/* 다양한 관리 제공 */
	.info_process {margin-top:20px}
	.info_process ul li { clear: both;}
	.info_process ul li .cell { display:block;float:left}
	.info_process ul li:nth-child(2n) .cell { display:block;float:right}
	.info_process ul li .cell.icon { display: none;}
	.info_process ul li .cell.label {width:25%; text-align: left;}
	.info_process ul li .cell.label span {width:auto; text-align:center; padding-left:10px; min-width:90px; padding-right:10px; display: inline-block;}
	.info_process ul li .cell.descwrap {width:75%}
	.info_process ul li .cell.descwrap .inner::before,
	.info_process ul li:nth-child(2n) .cell.descwrap .inner::before { background-position: top; right:auto; left:-12px; top:10px; transform: rotate( 0deg )}
	.info_process ul::before {left:45px; top:30px; height:calc(90% - 150px)}

	.info_process ul li .cell.descwrap .inner {margin-left:15px; margin-top:-10px;padding:15px}
	.info_process ul li .cell.descwrap .inner .p_tit { font-size:16px; margin-bottom: 0px;}
	.info_process ul li .cell.descwrap .inner .p_tit .num {padding-right:5px}

	.info_process ul li .cell.descwrap .inner .tag span,
	.info_process ul li .cell.descwrap .inner .tag a {font-size:13px}
	.info_process ul li .cell.descwrap .inner .desc_noti p,
	.info_process ul li .cell.descwrap .inner .txt { font-size:12px;margin-left: 0;}
	.info_process ul li .cell.descwrap .inner br + .txt {margin-left:0; padding-top:0; margin-top:-10px}
	.info_process ul li .cell.descwrap .inner br + .tag { margin-top:5px}
	.info_process ul li .cell.descwrap .inner .tag br + a {margin-left:0}

	.preview_panel .preview_box ul {margin:0}
	.preview_panel .preview_box ul li { width:48%; margin:5px 0}
	.preview_panel .preview_box ul li:nth-child(2n) {float:right}

	/* 미리보기 */
	.sub_panel.preview_panel .title {padding-bottom:20px}
	.preview_panel .preview_box ul li .txt { line-height: 1.2em;}

	.popup_event.popup_ex .popup_header.bg_interview .desc {font-size:16px;}
	.popup_event.popup_ex .interview_box .box {padding:80px 20px 40px}
	.popup_event.popup_ex .interview_box .profile img {width:60px;}
	.popup_event.popup_ex .interview_box .talk {margin-left:50px; margin-top:-40px; font-size:14px;}
	.popup_event.popup_ex .interview_box .photo + .right_box,
	.popup_event.popup_ex .interview_box .right_box { margin-top:60px}
	.popup_event.popup_ex .interview_box .right_box .talk {margin-left:0; margin-right:50px;}
	.popup_event.popup_ex .interview_box .right_box.no  {margin-top:10px}
	.popup_event.popup_ex .interview_box .right_box.no .talk {max-width:100%;margin-top:0; margin-right:0;}
	.popup_event.popup_ex .interview_box .photo {overflow-x: auto;}
	.popup_event.popup_ex .interview_box .photo img {width: 600px;}

	.popup_event.popup_ex.only_web .interview_box .right_box{margin-top:30px}
	.popup_event.popup_ex.only_web .interview_box .photo + .right_box{margin-top:50px}
	.popup_event.popup_ex.only_web .interview_box .box {padding:55px 20px 30px}

	#header .utilMenu .btn_login .ic.login { display: none;}

	/* 회사 소개 */
	.sub.intro .pre_panel {background-image: url(../img/intro/company_logo_bg_m.jpg); background-size:100% auto; padding-bottom: 40px;}
	.sub.intro .pre_panel .playd_box {height:auto; margin-top: 30px;}
	.sub.intro .pre_panel .playd_box p.logo_naver,
	.sub.intro .pre_panel .playd_box p.logo_kakao,
	.sub.intro .pre_panel .playd_box p.logo_google,
	.sub.intro .pre_panel .playd_box p.logo_facebook,
	.sub.intro .pre_panel .playd_box p.logo_criteo {position: relative; top:auto;right:auto;left:auto;bottom:auto;margin:5px 10px; display: inline-block; width:30%; height:0; padding-top:30%; margin:0 1% }

	.sub.intro .pre_panel .playd_box p > span {display: block; text-align: center; position: absolute; width:100%; left:0; top:50%; margin-top:-24px}
	.sub.intro .pre_panel .playd_box p.logo_google > span {margin-top:-28px}

	/* 서브 > 네이버 플레이스 */
	.sub.sub_naver .sub_step_panel .step_wrap .step_box { position: relative;}
	.sub.sub_naver .sub_step_panel .step_box .icon { margin-bottom: 40px;}
	.sub.sub_naver .sub_step_panel .step_wrap .step_box:nth-child(1):before { content: ""; display: block;width: 100vw; background:url(../img/sub/m_step_line_01.png) no-repeat; background-size:100% auto; height:22px; position:absolute; top:65%; left:-5vw; right:0; }
	.sub.sub_naver .sub_step_panel .step_wrap .step_box:nth-child(3):before { content: ""; display: block;width: 100vw; background:url(../img/sub/m_step_line_02.png) no-repeat; background-size:100% auto; height:22px; position:absolute; top:65%; left:-5vw; right:0; }
	.sub.sub_naver .sub_step_panel .step_wrap .step_box:nth-child(5):before { content: ""; display: block;width: 100vw; background:url(../img/sub/m_step_line_03.png) no-repeat; background-size:100% auto; height:22px; position:absolute; top:65%; left:-5vw; right:0; }
	.sub.sub_naver .sub_step_panel .step_wrap .step_box:nth-child(5) { width: 100%;}

}

@media only screen and (max-width: 1100px) {

	#header .utilMenu .btn_my { display: none;}

	/* new main */
	.top_newwrap .object_wrap .object_box { width:40%}
	.top_newwrap .object_wrap .object_box + .object_box { width:60%}

}


@media only screen and (max-width: 1024px) {

	#header .utilMenu .btn_form { display: none;}

	.sub_panel.form_panel .form_wrapping .inner .step_wrap,
	.sub_panel.form_panel .form_wrapping .inner .form_wrap {width:100%;display: block}
	.sub_panel.form_panel .form_wrapping .inner .form_wrap {padding-top:40px}
	.sub_panel.form_panel .form_wrapping .inner .form_wrap .write_box {padding-top:0}

	.sub_panel.about_panel .icon_wrap ul {display:block; overflow: hidden}
	.sub_panel.about_panel .icon_wrap ul li {width:50%;display:block; float:left; padding-bottom: 20px;}
	.sub_panel.about_panel .icon_wrap ul li .icon {margin:0 auto; padding:25px 0 40px}
	.sub_panel.about_panel .icon_wrap ul li .img {width:40%; margin-top:5px}
	.sub_panel.about_panel .icon_wrap ul li .tit {margin-top:0; font-size:14px}

	.sub_step_panel .step_box .desc b { font-size:14px}

	.start_banner .container {background: none;padding:55px 0}

	.popup_window.popup_noti{left:5%;margin:0;width:90%; }

	#header .utilMenu .btn_login { display: none;}
	/* #header .utilMenu .btn_my { display: none;} */
	#header .utilMenu > a + a {padding:0 10px}

	/* footer */
	#footer {padding-top:0; text-align: center;}
	#footer .container {width:auto;}
	#footer .linkMenu {  position: relative;  top:auto; right:auto; background:#f1f7fc; margin-bottom: 20px;}
	#footer .linkMenu ul { display: table; table-layout: fixed; width:100% }
	#footer .linkMenu ul li {  display: table-cell; width:25%; text-align: center; padding:10px 0}
	#footer .linkMenu ul li + li {margin:0; }
	#footer .linkMenu ul li + li a {border-left: 1px solid #d5d5d5;}
	#footer .linkMenu ul li + li::after {display: none;}
	#footer .linkMenu ul li a {margin:0 auto}
	#footer .linkMenu ul li a,
	#footer .linkMenu ul li a.btn_instagram,
	#footer .linkMenu ul li a.btn_kakaopage,
	#footer .linkMenu ul li a.btn_blog { width:100%}
	#footer .linkMenu ul li a { background-size:auto 60%}

	/* awards */
	.main .top_visual.top_slider_wrap.top_awards_wrap .awards {background-position:0px 40px; padding:70px 0 60px 370px; margin-left:-20px}
	.top_awards_wrap .top_visual_slider .swiper-button-prev,
	.top_awards_wrap .top_visual_slider .swiper-container-rtl .swiper-button-next,
	.top_awards_wrap .top_visual_slider .swiper-button-next,
	.top_awards_wrap .top_visual_slider .swiper-container-rtl .swiper-button-prev {margin-top:0}

	/* basic_panel */
	.sub_panel.form_panel.basic_panel {padding-top:5px; padding-bottom: 0;}
	.sub_panel.form_panel.basic_panel + .sub_panel {padding:40px 0}
	.sub_panel.form_panel.basic_panel .tab {padding-bottom:10px}
	.sub_panel.form_panel.basic_panel { display:block; width:100%}
	.sub_panel.form_panel.basic_panel .form_wrapping {  display:block; width:100%; border:0}
	.sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping {box-shadow:none; margin-left:-5%;margin-right:-5%;width:110%;padding-top:40px; margin-top:40px}

	/* topEvent */
	.topBanner.topEvent { background:#f2f7fd; text-align:left;     }
	.topBanner.topEvent .container {padding-left: 25px;		width: 95%; margin:0}
	.topBanner.topEvent .left_txt { display: none;}

	.topBanner.topEvent.cheerupEvent .center_txt{ padding-left:0; padding-top:0px; font-size:14px;}
	.topBanner.topEvent.date_none .center_txt,
	.topBanner.topEvent .center_txt { padding-left:0; padding-top:22px; font-size:14px;}

	.topBanner.topEvent.cheerupEvent .center_txt span,
	.topBanner.topEvent .center_txt .date  {display: none;}

	.event_banner.event_banner1 .objbox {display:none}
	.event_banner.event_banner1 .event_box .textbox .tit {padding-bottom: 0}

	/* 서브 > 키워드 광고 견적 받기 */
	.sub.keyword .sub_panel .keyword_box {padding-top:30px}
	.sub.keyword .sub_panel .keyword_box .detail_box {margin-left:-5%; margin-right:-5%}
	.sub.keyword .sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping {padding-bottom: 40px;}
	.sub.keyword .sub_panel .write_button {padding:0}

	/* 로그인 */
	.mysense .form .notibox .time,
	.mysense .form .notibox .time + .noti { float:none; display: block; text-align: left;}

	/* 회사소개 */
	.sub.intro .why_icon_box {padding-left:0}

}
@media only screen and (max-width: 900px) {
	.hide_m {display:none!important}
	.show_m {display:block!important}

	#header h1 {margin-left: 5%}
	#header { height:60px}
	#header h1 a {height:50px; line-height: 50px;}


	/* footer */
	#footer {padding:0 0 90px; text-align: left;}
	#footer .utilMenu ul {display: block;width: 90%; padding-bottom:5px; position:relative; padding-left:5%}
	#footer .utilMenu ul li {margin: 0;display: inline-block;float: none; font-size:11px;}
	#footer .utilMenu ul li + li {margin-left:10px}
	#footer .utilMenu ul li img {max-height:14px}
	#footer .btnDown {margin-left:10px;/* margin-top:5px*/ top:2px; padding: 0 5px 0 20px; background: url(../img/icon/ft_download.png) 5px 50% no-repeat;}
	#footer address {margin-top:5px; width: 90%; font-size:11px;padding-left:5%}
	#footer .copyright {font-size:11px; margin-top:10px;padding-left:5%}
	#footer .copyright span {margin:-1px 0 0; }
	#footer .copyright img {height: 11px;}
	#footer .utilMenu ul li.techhub {display:block; width:100%; position: absolute;    bottom:-5px;    left: 0;}

	.sub #footer  {background:#fff; z-index: 160; position: relative; /*padding:20px 0*/}

	.topBanner { line-height: normal}
	.topBanner p {font-size:16px; top: 22px;line-height: 1.3em; width: 80%}
	.topBanner .btn_close {top:40px}
	.topBanner img.bg {height: 80px; margin:0 auto;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}


	/* main */
	.main .top_visual { padding:55px 0; background-image:url("../img/main/top_visual_m.jpg"); background-size: 100% auto;}
	.main .top_visual .title {font-size: 26px;}
	.main .top_visual .desc { font-size:15px; margin-top:20px;}
	.main .top_visual .btn_wrap .btn_normal {min-width: 40%; padding:10px}
	/*.main .top_visual .btn_wrap .btn_normal { padding:10px 3%;min-width: 40%; display: block;    width:50%;    margin: 0 auto 5px;}*/

	.main .top_visual span + .font_g {margin-top:10px; line-height: 1.1em}
	.main .top_visual .logo {margin-top:20px}
	.main .top_visual .logo img {max-width:50%}

	/* main_mobile_slider_wrap */
	.main_mobile_slider_wrap {opacity: 1; position: relative; top:auto; right:auto}
	.main_mobile_slider_wrap .container {width:100%}

	/* main banner */
	.top_visual_slider p { text-align:center;padding:0 20px}
	.top_visual_slider .slide_tit {font-size:20px; line-height: 1.2em;}
	.top_visual_slider .slide_tit span {display:block; margin:0 auto}
	.top_visual_slider .slide_desc {font-size: 13px; min-height:60px; width:80%; margin: 5px auto 0}
	.top_visual_slider .slide_img { margin-top:10px}
	.top_visual_slider .slide_img img {width:100%}
	.top_visual_slider .swiper-pagination {bottom: 5px !important;}

	.main .top_visual.top_slider_wrap .top_visual_slider {padding-top:0px}

	.top_visual_slider .swiper-button-prev,
	.top_visual_slider .swiper-container-rtl .swiper-button-next {left:0px; right:auto; margin-top:-20px;  }
	.top_visual_slider .swiper-button-next,
	.top_visual_slider .swiper-container-rtl .swiper-button-prev { right:0; margin-top:-20px; }

	.top_awards_wrap .top_visual_slider .swiper-button-prev,
	.top_awards_wrap .top_visual_slider .swiper-container-rtl .swiper-button-next,
	.top_awards_wrap .top_visual_slider .swiper-button-next,
	.top_awards_wrap .top_visual_slider .swiper-container-rtl .swiper-button-prev {margin-top:60px}

	/*awards*/
	.main .top_visual.top_slider_wrap.top_awards_wrap .awards {padding:0; margin:0; background:none}
	.main .top_visual.top_slider_wrap.top_awards_wrap .container {width:100%}
	.main .top_visual.top_slider_wrap.top_awards_wrap .top_visual .title { font-size: 32px;}
	.top_awards_wrap .awards .top_wrap {padding:60px 0 50px 35vw; background:url(../img/main/awards_m.png) 30px -30px no-repeat; background-size: auto 140%;}
	.top_awards_wrap .awards .awards_title { text-align: center;  background: #6747f0; padding:12px 0}
	.top_awards_wrap .awards .awards_title p {font-weight: 700; font-size: 15px; color:#fff; line-height: 1.2em; letter-spacing: -1px;}
	.top_awards_wrap .awards .awards_title p b { color:#fddc3f; font-weight: 700;}
	.top_awards_wrap .awards .btn_wrap { text-align: center; padding-bottom: 40px;}

	.searchad_banner {background-image:url("../img/main/bnn_m.jpg"); padding:30px 0; text-align: center}
	.searchad_banner.type2 {background-image:url("../img/sub/bnn_type2_m.jpg");}
	.searchad_banner.type3 {background-image:url("../img/sub/bnn_type3_m.jpg");}
	.searchad_banner.type4 {background-image:url("../img/sub/bnn_type4_m.jpg");}
	.searchad_banner.type5 {background-image:url("../img/sub/bnn_type5_m.jpg");}

	.searchad_banner.type_event {background-image:url("../img/event/banner_m.jpg");}
	.searchad_banner.type_event2 {background-image:url("../img/event/banner2_m.jpg");}
	.searchad_banner .title {font-size: 24px;}
	.searchad_banner .desc { font-size:15px;}
	.searchad_banner .btn_normal {position:relative; top:auto; right:auto; margin:20px auto 0;}

	.main .searchad_banner .desc2 {font-size:13px; width:85%; background-size:100% auto}
	.main .searchad_banner .title { font-size:20px; line-height: 1.3em;}

	.start_banner .container {padding:30px 0;}
	.start_banner .title  {font-size: 24px; line-height: 1.3em}
	.start_banner .desc { font-size:15px;}

	.main_panel { padding:55px 0;}
	.main_panel .title {font-size: 26px; }
	.main_panel .desc { font-size:14px; margin-top:10px; }
	.main_panel .desc b,
	.main_panel.about_panel .icon_wrap .desc b{ font-size:16px}

	.main_panel.about_panel .icon_wrap {margin-top:10px; overflow: hidden}
	.main_panel.about_panel .icon_wrap .icon_box {width:50%; display:block; padding: 20px 0; margin:0 auto; float:left}
	.main_panel.about_panel .icon_wrap .icon_box:last-child {border:0; padding-bottom:0}
	/*.main_panel.about_panel .icon_wrap .icon_box .icon {display:table-cell; vertical-align: middle; width:30%; text-align: center}
	.main_panel.about_panel .icon_wrap .icon_box .icon img {max-width:65%}
	.main_panel.about_panel .icon_wrap .icon_box .txt {display:table-cell; vertical-align: middle}*/
	.main_panel.about_panel .icon_wrap .desc {margin:10px 0 0; padding:0 10px 0 0}
	.main_panel.about_panel .icon_wrap .desc2 {padding:0;line-height: 1.5em;}
	.main_panel.about_panel .icon_wrap .desc + .desc {line-height: 1.3em; margin-top:5px;padding:0}

	.main_panel.ai_panel {background-image:url("../img/main/ai_m.jpg"); background-size:100%;background-position: top center;}
	.main_panel.ai_panel .logo {margin:40px auto 30px}
	.main_panel.ai_panel .logo img {width:26%}

	.mobile_step  { position: relative; top:auto; margin:40px auto 0}
	.free_panel .desc2.show_m {margin:10px auto 0; width:90%; }
	.free_panel .mobile_step .step_box .desc + .desc2 {padding:0}
	.free_panel .mobile_step .step_box .icon img {width:80%; height: auto!important}
	.free_panel .mobile_step .step_box.step_02 .icon::before,
	.free_panel .mobile_step .step_box.step_03 .icon::before{ content:"..."; position:absolute; top:-5%; left:-10%; font-size:3em;color:#21e2ad; }
	.free_panel .mobile_step .step_box .txt {margin-top:10px}

	.step_slider {width:130%; margin-left:-15%}
	.step_panel .swiper-slide {height:auto; background:#fff}
	.step_panel .mobile_step {margin-bottom:40px}
	/*.step_panel .mobile_step .step_box.step_02 .txt::before,
	.step_panel .mobile_step .step_box.step_03 .txt::before{ content:""; position:absolute; top:75%; margin-top:-20px;left:-25px; width:40px; height:40px; background:url(../img/main/step_next.png) no-repeat; background-size:cover}*/

	.faq_wrap ul.faq li.f_list > .f_tit span.subject .txt {padding-left:0;padding-top:10px; padding-right:10px; display: block}
	.faq_wrap ul.faq li.f_list > .f_tit span.subject .txt::before { display:none }

	.btn_quick.last { bottom:210px}
	.btn_top.last { opacity: 0}

	.main .top_visual .naver {margin-bottom: 10px;}
	.main .top_visual .naver span {height:35px; line-height: 35px; padding:0 15px}
	.main .top_visual .naver b {font-size:14px;top:-2.7px; margin-right:7px}
	.main .top_visual .naver img.show_m { display:inline-block!important; height:12px; position: relative; top:-0.8px}

	/* new main */
	.top_newwrap {padding:70px 0 0}
	.top_newwrap .title {font-size:20px;}
	.top_newwrap .title img {height:17px;margin:1px 0 0}
	.top_newwrap .title img + span{ margin-top: 0px; margin-left: 4px;}
	.top_newwrap .object_wrap {margin-top:-30px}
	.top_newwrap .object_wrap .object_box {width:100%;margin:0 auto;padding:20px 0 0; border-radius: 10px;}
	.top_newwrap .object_wrap .object_box > span {position:relative; top:auto; left:auto;right:auto; font-size: 18px; }
	.top_newwrap .object_wrap img {width:90%; margin: 0 auto 0;}

	.top_newwrap .object_wrap .object_box + .object_box {margin:40px auto 0;width: 100vw; margin-left: -5vw; border-radius: 0; animation: none; background: #f1f7fc; padding:40px 0 }
	.top_newwrap .object_wrap .object_box + .object_box > span { font-size: 20px;}
	.top_newwrap .object_wrap .object_box .object_form { height: auto;}
	.top_newwrap .object_wrap .object_box .object_form .write_box { width: auto;}
	.top_newwrap .object_wrap .object_box .object_form .write_box .write { padding:0 5%;}
	.top_newwrap .object_wrap .object_box .object_form .write_box .write .label { position: relative; top: auto; left:auto; padding-top:0; font-size: 15px;}
	.top_newwrap .object_wrap .object_box .object_form .write_box .write + .write { margin-top: 20px;}
	.top_newwrap .object_wrap .object_box .object_form .write_box .write .input_text { padding-top:15px; padding-bottom: 15px;}

	.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right.time_on .time {width:100%; position:relative; top:auto; padding-top: 10px; font-size: 13px;}
	.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone + .write.infotxt { margin-top:10px}
	.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .right .num{width:100%!important;display:table; float:none!important}
	.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone .btn_normal span + span {margin-left: 0;}
	.top_newwrap .object_wrap .object_box .object_form .write_box .write.phone + .write { margin-top: 5px;}

	.top_newwrap .object_wrap .object_box .object_form .write_bottom { text-align: left; padding-left: calc(5% + 10px); font-size: 10px;}
	.top_newwrap .object_wrap .object_box .object_form .write_bottom > span {display: block; margin:0}
	.top_newwrap .object_wrap .object_box .object_form .write_bottom > span + span {margin:10px 0 0}

	.top_newwrap .desc span {font-size: 14px; }
	.top_newwrap .desc span::after {bottom: -8px; left: 50%; margin-left:-4px;border-top: 8px solid transparent; border-right: 12px solid #f53c40; border-left: 8px solid none; border-bottom: 8px solid transparent;transform: rotate(24deg)}

	.top_newwrap .btn_wrap { margin-top: 30px;}
	.top_newwrap .btn_wrap a {min-width: auto; width:100%; font-size: 14px; padding-left:0; padding-right: 0; /*width:47%; */}
	/* .top_newwrap .btn_wrap a + a {margin-left:5px} */
	.top_newwrap .btn_wrap a .ic { /*display: block; margin:5px auto 0*/ display: none;}
	.top_newwrap .btn_wrap { display: table; width:100%; table-layout: fixed;}
	.top_newwrap .btn_wrap p {display: table-cell;word-break: keep-all;line-height: 1.2em;width:50%}
	.top_newwrap .btn_wrap p + p { padding-left: 5px;}

	/* 서브 */
	/*.sub_panel { padding:60px 0;}*/
	.sub_panel .title {font-size: 26px; }
	.sub_panel .sub_title {font-size:18px}
	.sub_panel .desc { font-size:14px; margin-top:10px; }
	.sub_panel .desc b { font-size:16px}

	.sub .top_visual {padding:40px 0}
	.sub .top_visual .title {font-size:30px;}
	.sub .top_visual.event_visual .title  {font-size:30px;}

	.sub .step_panel .mobile_step {margin:20px auto 0}

	.sub_panel.form_panel {padding-bottom:35px}
	.sub_panel.form_panel .form_wrapping .container {width:100%!important}

	.sub_panel.form_panel .api_slider .swiper-pagination-bullet {margin: 0 10%}
	.sub_panel.form_panel .api_slider .swiper-pagination-bullet::before,
	.sub_panel.form_panel .api_slider .swiper-pagination-bullet-active::before {width:100%!important;left:-170%!important;background-size: 140% auto!important}

	.sub_panel .write_box .write .label,
	.sub_panel .write_box .write .label + .right{width:100%;display: block; padding-left:5px;}
	.sub_panel .write_box .write.phone .right.time_on .time {width:100%; position:relative; top:auto}

	.sub_panel .write_box .phone + .write.infotxt { margin-top:10px}
	.sub_panel .write_box .write.infotxt .desc {padding-left:15px}
	.sub_panel .write_box .write.infotxt .desc::before {left:3px; top:2px; font-size:11px}

	.sub_panel .write_box .write.phone .right .num{width:100%!important;display:table; float:none!important}
	/*.sub_panel .write_box .write.phone .right .time {width:100%; text-align: right}*/

	.sub_panel .write_box .write.email .right .id {width:55%}
	.sub_panel .write_box .write.email .right .mail {padding-right:0}
	.sub_panel .write_box .write.email .right .select_box {display:block}

	/*.sub_panel .write_box .write.searchid .right .radiobox {width:100%; float:none} */

	.sub_panel .noti {margin-top:30px}
	.sub_panel .noti .noti_title {font-size:15px;}
	.sub_panel .noti ul li {font-size:13px;}

	/* 광고 대행 절차 */
	.sub_step_panel .mobile_step .step_box .desc + .desc2 {padding:0}
	.sub_step_panel .mobile_step .step_box .icon img {width:65%; height: auto!important}
	.sub_step_panel .mobile_step .step_box .txt {margin-top:10px}
	/*.sub_step_panel .step_box .icon {margin:20px auto 50px}*/
	.sub_step_panel .swiper-wrapper::after { content: ""; display: block;width: 200%; background:url(../img/sub/step_line.png) no-repeat left center; background-size:cover; height:12px; position:absolute; top:60%; margin-top:-6px; left:0; right:0;}

	/* 서브 > 광고 대행 안내 */
	.setup_panel .setup_wrap .setup_top .tit img.show_m {display: inline-block!important;}

	/* 광고 대행 신청 */
	.sub2 .sub_step_panel {padding-bottom:60px;border-top:1px solid #eaeaea}
	.sub_panel.form_panel.type2 .form_wrapping {margin-top:20px}
	.sub2 .form_panel.type2 .write_box .write.setup .right {padding-top:10px}
	.sub2 .form_panel.type2 .radiobox + .radiobox {margin-left:15px}
	.sub_panel .write_agree_box {padding:20px;width:90%;}

	/* 서브 탭 */
	.sub_tab ul li a {padding:10px 0; line-height: 1.3em}
	/*.sub_tab {padding:0}
	.sub_tab ul {display:table; width:100%; table-layout: fixed}
	.sub_tab ul li {display:table-cell; width:50%; padding:0; line-height: 1.2em; border-bottom:3px solid #eaeaea}
	.sub_tab ul li a {padding:10px 0; display: block; font-size:14px; }
	.sub_tab ul li + li::before,
	.sub_tab ul li a span::after{display:none}
	.sub_tab ul li.active a span { display: inline-block}
	.sub_tab ul li.active {border-color:#333}*/

	.cheerup_wrappping .sub_panel.form_panel .form_wrapping .form_wrap{width:90%;padding:0px}
	.sub_panel.form_panel .form_wrapping .form_wrap {width:90%;padding:20px}

	/* 진단서에는 */
	.sub_panel.why_top .table_box {width:100%;display: block;margin-top:40px}
	.sub_panel.why_top .table_td,
	.sub_panel.why_top .table_td.desc_wrap {width:100%;display: block}

	.sub_panel.why_top .desc_wrap ul li {width:100%;display:table; text-align: left; table-layout:fixed;}
	.sub_panel.why_top .desc_wrap ul li span {display:table-cell; vertical-align: middle}
	.sub_panel.why_top .desc_wrap ul li span.icon {width:25%;}
	.sub_panel.why_top .desc_wrap ul li span.icon img {width:80%}

	.sub_panel.why_top .desc_wrap ul li span.desc {font-size:14px;padding:0}

	.sub .free_panel .step_wrap .step_box .txt {margin-top:0}
	.sub .free_panel .step_wrap .step_box  {width:100%;display:table; text-align: left; table-layout:fixed;}
	.sub .free_panel .step_wrap .step_box .icon,
	.sub .free_panel .step_wrap .step_box .txt {display:table-cell; vertical-align: middle}

	.sub .free_panel .step_wrap {width:85%}
	.sub .free_panel .step_wrap .step_box .icon {width:35%}
	.sub .free_panel .step_wrap .step_box .desc {margin-top:0;padding:0}
	.sub .free_panel .step_box .desc b {font-size:14px}
	.sub .free_panel .step_wrap .step_box img {max-width:80%; max-height: inherit}
	.sub .free_panel .step_wrap .step_box + .step_box .icon::before {display:none}

	.sub_panel .write_desc_wrap ul .img {padding-top:10px}
	.sub_panel .write_desc_wrap ul .img img {max-width:80%; margin:0 auto}

	.sub_panel .write_desc_wrap ul .num,
	.sub_panel .write_desc_wrap ul .desc2 { display: table-cell;padding-right:10px}

	.sub_panel.form_panel .form_wrapping .sub_title + .top_important {margin-top:10px}

	/* 에러 */
	.error_page {padding:50px 5%;}
	.error_page .title {font-size:26px; font-weight:700; line-height: 1.3em}

	/* basic_panel */
	.sub_panel .write_box .write.phone .right .num > p {display: block;}


	.sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping .write_button .btn_normal {padding:0;width:35%;min-width:auto; max-width:none; line-height:42px; height:50px; vertical-align: top;}

	.sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping .write_button .btn_normal.btn_confirm {line-height: 1.3em;}
	.sub_panel.form_panel.basic_panel .form_wrapping + .form_wrapping .write_button .btn_normal.btn_confirm span {display:block;padding-top:2px}

	.sub_panel.basic_panel .write_desc_wrap .desc_table .cell {display:block; width:100%}
	.sub_panel.basic_panel .write_desc_wrap ul .img img {width:100%;max-width: none;}

	.basic_panel .form_slide_wrap {padding:20px 0 30px}
	.basic_panel .form_slide_wrap .write_button {margin-top:0px}

	.sub_panel.form_panel.basic_panel .title {padding-bottom:10px}
	.sub_panel.form_panel.basic_panel .title,
	.sub_panel.form_panel.basic_panel .pc_box .title {font-size:26px}

	.sub_panel.form_panel.basic_panel .bottom_noti {position:relative; top:auto; bottom:auto; left:auto; right:auto;margin-top: 40px;}

	.sub_panel.form_panel.basic_panel .pc_box {display: none !important;}


	.basic_panel .mobile_box.active {position: relative;top: auto;opacity: 1;z-index: 1;	}
	.basic_panel .mobile_box .slide_tit {color:#333; font-size:18px; font-weight: 700; padding:20px 0 }
	.basic_panel .mobile_box .slide_img img {width:100%}

	.basic_panel .mobile_box .graph_box + .graph_box {margin-top:25px}

	.sub2 .sub_panel.form_panel.basic_panel .pc_box.active { display: block !important;padding-top:40px}
	.sub2 .why_img img{width:100%}
	.sub2 .why_txt .desc::before {position:relative}
	.sub2 .sub_panel.form_panel.basic_panel .pc_box + .write_button {padding-bottom:0; padding-top:20px}

	.sub_panel .write_box .write.woncell .right .txt {padding-left:0; width:auto}
	.sub_panel .write_box .write.woncell .right div + .txt {padding-left:10px}

	.sub2 .sub_panel.form_panel .radiobox  {display:block;}
	.sub2 .sub_panel.form_panel .radiobox + .radiobox {margin-left:0; margin-top:5px }
	/*.sub2 .sub_panel.form_panel .radiobox + .radiobox > span + span {display:block; padding-left:20px }*/
	.sub2 .sub_panel.form_panel .radiobox + .radiobox > span + span {display:block; margin-top:5px;margin-left:20px; padding:10px; background:#f8f8f8 }
	.sub_panel .write_agree_box.inner_box { height:100px}

	.cheerup_wrappping .sub_panel .write_box .write.searchid .right .radiobox,
	.cheerup_wrappping .sub_panel .write_box .write.searchid .right .radiobox + .radiobox + .radiobox {display:inline-block; width: auto; padding-right:10px; float:left}
	.cheerup_wrappping .sub_panel .write_box .write.searchid .right .radiobox + .radiobox{ position: relative; top:-2px;padding-right:20px;}
	.cheerup_wrappping .sub_panel .write_box .write.searchid .right .radiobox + .radiobox + .radiobox { position: relative; top:-2px; padding-right: 0;}

	.basic_panel .swiper-pagination-bullet,
	.basic_panel .swiper-pagination-bullet-active { background:#999; width:30px; height: 2px; border-radius: 0;}
	.basic_panel .swiper-pagination-bullet-active {background:#21e2ad}
	.basic_panel .swiper-pagination-fraction,
	.basic_panel .swiper-pagination-custom,
	.basic_panel .swiper-container-horizontal>.swiper-pagination-bullets {position:relative;bottom:auto; margin:10px auto 20px}

	.basic_panel .swiper-button-next,
	.basic_panel .swiper-button-prev {color: #999; font-size:12px}
	.basic_panel .swiper-button-next:after,
	.basic_panel .swiper-button-prev:after {font-size:18px}

	/* button */
	.btn_menu { position:absolute; top:0; right:0; width:60px; height:60px;}
	.btn_menu img {width:100%}

	.btn_quick, .btn_top, .btn_kakao {right:20px; bottom:20px; width:50px; height:50px;}
	.btn_quick { bottom:80px}
	.btn_kakao {bottom:140px}

	.btn_kakao span.txt {font-size:10px; letter-spacing: -0.5px;}
	.btn_quick.txt_quick span.txt {font-size:11px; letter-spacing: -0.5px;}

	/*.btn_quick, .btn_top {width:50px; height:50px; right:20px; bottom:20px}
	.btn_quick {bottom:80px}*/

	.m_btn_quick { background:#21e2ad;position:fixed;bottom:0px;left:0;right:0;z-index: 300; text-align: center; }
	.m_btn_quick span {padding:20px 28px 20px 0; display:inline-block; color:#fff; font-weight:700; position: relative}
	.m_btn_quick span::after {background:url("../img/icon/m_arrow3.png")  center no-repeat; background-size:auto 17px; position:absolute; width:20px; height:20px; top:50%; right:0; margin-top:-9px; display: block; content: ""}
	/*.sub .m_btn_quick span::after {transform:rotate( 90deg )}*/

	/* quick_form */
	.quick_form_panel { position:fixed;top:0;right:-100%;z-index:999; width:100%; height:100vh; background:#fff;overflow-y: auto; opacity: 0;}
	.quick_form_panel .sub_panel.form_panel {padding:0 0 50px 0; background:#fff}
	.quick_form_panel .sub_panel.form_panel .form_wrapping {margin-top:20px}
	.quick_form_panel .sub_panel.form_panel .form_wrapping .form_wrap {padding:0}
	.quick_form_panel .sub_panel.form_panel .form_wrapping .form_wrap .btn_normal span + span {margin:0}

	.quick_form_title { padding:20px 0 0px; position:relative;}
	.quick_form_title p { text-align:center; color:#333; font-weight: 700; font-size:26px; height:60px; line-height:60px; }
	.quick_open .quick_form_close {position:absolute; top:0px; right:0; width:60px; height:60px; background:url(../img/icon/btn_close.png) center no-repeat; opacity: 0.5; z-index: 999;}

	.quick_form .sub_panel .write_bottom.important {width:90%}
	.quick_form .sub_panel .write_bottom a.btn_more span {font-size: 0;	height: 30px;display: block;width: 30px; position:absolute;top:0px;right:5px; float:none	}

	.m_btn_quick span.show_m {display:inline-block!important}

	.quick_form .write_button {margin-top:10px}
	.quick_open {overflow:hidden;}
	.quick_open .quick_form_panel {right:0; opacity: 1;}
	.quick_open #btn_quick_form {display:none}

	/* event banner */
	.event_banner .event_box .textbox .tit { text-align:center;font-size:26px; letter-spacing: -1px;}
	.event_banner .event_box .textbox .desc { text-align:center; font-size:14px;letter-spacing: -1px; margin-top:10px}
	.event_banner .event_box .textbox .tit img.show_m {display: inline-block!important;}
	.event_banner.date_none .event_box .textbox,
	.event_banner .event_box .textbox ,
	.event_banner .event_box .objbox { display:block; width:100%; text-align:center;padding-bottom: 20px;}
	.event_banner .event_box .objbox img {width:90%; max-width:90%}
	.event_banner .event_box .textbox .datebox {margin-top:10px}

	.event_banner .event_box .textbox .datebox .label {margin-right:7px; position:relative; padding:2px 8px  }
	.event_banner .event_box .textbox .datebox .date {font-size:15px;}

	.event_banner .event_box .btnbox {text-align:center;padding-bottom:30px}

	.event_banner .event_box .objbox a {top:0; }
	.event_banner .event_box .objbox a span {line-height:1.2em; position:relative; top:26px}

	.popup_window.popup_event .popup_content {height:auto; max-height:80vh/*max-height: calc(80vh - 200px);*/}
	.popup_window.popup_event .event_mobile {z-index: 1; position:relative; top:auto; opacity: 1;}


	.newpopup.popup_event .event_mobile {z-index: 1; position:relative; top:auto; opacity: 1; width:auto}

	/* 대행사례 */
	.popup_event.popup_ex .popup_header {padding:30px 0}
	.popup_event.popup_ex .popup_header .title img {max-width: 70%;}
	.popup_event.popup_ex .popup_header .title + .desc {padding:0 30px}
	.popup_event.popup_ex .event_mobile {margin-top:40px}
	.popup_event.popup_ex .popup_content .btn_box {margin-top:0}

	.popup_event.popup_ex .popup_content .btn_box .btn_tit img {height:24px;display: inline; }
	.popup_event.popup_ex .popup_content .btn_box .btn_tit span { font-size:24px; display: inline;}
	.popup_event.popup_ex .popup_content .btn_box .btn_tit img + span {top:auto; margin-left:4px}
	.popup_event.popup_ex .popup_content .btn_box a + a {margin-left:4px}
	.popup_event.popup_ex .popup_content .btn_box .btn_normal { width:42%}

	.popup_event .swiper-button-next,
	.popup_event .swiper-button-prev {color: #999; font-size:12px}
	.popup_event .swiper-button-next:after,
	.popup_event .swiper-button-prev:after {font-size:18px}

	.popup_event .swiper-pagination-bullet,
	.popup_event .swiper-pagination-bullet-active { background:#999; width:30px; height: 2px; border-radius: 0;}
	.popup_event .swiper-pagination-bullet-active {background:#21e2ad}
	.popup_event .swiper-pagination-fraction,
	.popup_event .swiper-pagination-custom,
	.popup_event .swiper-container-horizontal>.swiper-pagination-bullets {position:relative;bottom:auto; margin:0px auto 30px}

	.popup_event .swiper-button-next,
	.popup_event .swiper-button-prev {color: #999; font-size:12px}


	.popup_event .popup_content .btn_box .btn_normal {font-size: 14px;width: 46%;padding: 10px 0; min-width: auto;}

	.main_panel.video_panel .btn_box {margin-bottom: 10px; margin-top:30px}
	.main_panel.video_panel .btn_box ul {display: block; overflow: hidden; }
	.main_panel.video_panel .btn_box ul li {display:block; width:49.5%; float:left; margin-bottom:4px}
	.main_panel.video_panel .btn_box ul li:nth-child(2n) {float:right}
	.main_panel.video_panel .btn_box ul li a span { text-align:left; padding-left:10px; font-size:13px}
	.main_panel.video_panel .btn_box ul li.active a span {color:#fff}

	/* mysense */
	.mysense .my_inner {max-width:90%; width:90%}
	.my_hd a {top:20px}
	.my_hd a img {height:20px; line-height: 60px;}
	.my_hd a.logo {top:14px}
	.my_hd a.logo img {height:20px}
	.my_hd a.mysensen { font-size:17px; top:14px}

	.mysense .my_title {font-size:28px}
	.mysense .login_page {padding-top:100px; padding-bottom: 40px;}

	.mysense .form_noti .noti {text-align: center; padding:20px 0 0; background-position:top center}
	.mysense .form_noti .noti span:first-child {display: inline-block;}
	.mysense .form_noti .box .btn_box a {min-width:auto; width:48%;}
	.mysense .form_noti .box p {font-size:16px}

	.mysense .step_page .step_top .id,
	.mysense .step_page .step_top .desc {max-width:70%}
	.mysense .step_page .step_top .id {font-size:22px}
	.mysense .step_page .step_top .id .select_id { width: calc(100% - 50px);}
	.mysense .step_page .step_top .id .select_id select { font-size: 22px; padding-top:5px; padding-bottom: 5px; }
	.mysense .step_page .step_top .id .select_id option { font-size: 16px;}
	.mysense .step_page .step_top .id .hello { display: block; margin-top: 10px;}
	.mysense .step_page .step_top .btn_modify,
	.mysense .step_page .step_top .btn_kakao {width:40px; height:40px; background-size:cover;}
	.mysense .step_page .step_top .btn_modify {right:50px}
	.mysense .step_page .ai_box .ai_tit {font-size:16px; background-size:50px auto;padding-left:60px}
	.mysense .step_page .step_box {padding:20px}
	.mysense .step_page .step_box ul li .tit {font-size:14px;padding:0 10px; line-height: 1.3em;}

	.mysense .report_page .report_list ul li .table_box .cell.label p {font-size:16px}
	.mysense .report_page .report_list ul li .table_box .cell.number { width:40%}
	.mysense .report_page .report_list ul li .table_box .cell.number p {font-size:20px}
	.mysense .report_page .report_list ul li .table_box .cell.number .desc {font-size:14px}

	.mysense .history_page .history_list ul li .subject {font-size:16px}

	.mysense .my_page .box .table_box .cell.label {font-size:16px;width:30%}
	.mysense .my_page .box .table_box .cell.txt {font-size: 16px;}
	.mysense .my_page .btn_box {position:fixed; bottom:0; left:5%; right:5%; margin-top:0}

	.sub_panel .write_box .id_radio ul {display:block; width:100%; overflow: hidden;}
	.sub_panel .write_box .id_radio ul li {display:inline-block; width:25%; vertical-align: top;}
	.sub_panel .write_box .id_radio ul li.input { width:70%; float:right}
	.sub_panel .write_box .id_radio ul li.input + li { padding-left:0}
	.sub_panel .write_box .id_radio ul li:last-child {width:100%; float:none}
	.sub_panel .write_box .id_radio ul li .radiobox {padding:10px 0 15px; position:relative; top:-3px}
	.sub_panel .write_box .id_radio ul li .input_text {padding-top:10px}
	.sub_panel .write_box .id_radio .id_noti {padding-left:0; padding-top:0; margin-top:-10px}


	/* new 로그인 */
	.login_panel {padding:0; min-height: auto; }
	.login_panel .login_table .cell.right,
	.login_panel .login_table .cell {display: block; padding:0; width:100%}

	.m_login_panel .login_slider { background: url(../img/login/m_bg.jpg) top center no-repeat; background-size: cover; padding-bottom: 40px;}

	.mysense .login_panel .my_inner {width:100%;border-radius: 0; min-height: 100vh;}
	.mysense .login_panel .my_title {padding-top:60px}
	.mysense .login_panel.m_login_panel .form_noti {margin-top:0}

	/* 서비스 소개 */
	.sub .tab_wrap {height: auto;}
	.sub .tab_wrap .container {width:100%}
	.sub .tab_wrap ul li a {height: auto; line-height: 1.3em; padding:15px 0}
	.service_top .text_box,
	.service_top .text_box .title,
	.service_top .text_box .right_box {width:auto; display: block; margin:0 auto; text-align:center;}
	.service_top .text_box {padding-top:0}
	.service_top .text_box.type2 {padding-bottom: 0;}

	.service_top .text_box.type2,
	.service_top .text_box.type2 .title,
	.service_top .text_box.type2 .right_box {width:auto; text-align: left;}
	.service_top .text_box.type2 .right_box {margin-top:30px}
	.service_top .text_box.type2 .title {padding-left: 20px;}
	.service_top .text_box .right_box ul li {padding-left: 20px;}
	.service_top .text_box .right_box ul li + li {border-top:1px solid #eee; margin-top:20px; padding-top:20px}
	.service_top .text_box .right_box ul + p{ text-align: center; margin:20px auto 0}
	.service_top .text_box .right_box img {width:85%; margin:0 auto}
	.service_top .text_box .right_box .desc {font-size:14px}
	.service_top .text_box .btn_box a {min-width: auto; width:48%; padding-left:0;padding-right:0}

	.service_top .bg_ani .bg1 {top:-150px; left: -30vw; margin:0;width:300px; height:300px; border-width: 100px;}
	.service_top .video_box {margin:20px auto 60px}

	.service_middle_box .table_box,
	.service_middle_box .table_box .cell { display: block; width:auto}
	.service_middle_box .table_box .cell + .cell {border:0; border-top: 1px solid rgba(255,255,255,0.3);margin-top:20px; padding-top:20px}
	.service_middle_box .table_box .cell .text {font-size: 18px; width:80%;}

	.service_process_panel .process_box::before { left: 10vw; height: calc(90% - 130px); }
	.service_process_panel .process_box .box,
	.service_process_panel .process_box .box:nth-child(2n),
	.service_process_panel .process_box .box:nth-child(2n-1) {width: auto!important; margin:0 0 0 0;padding:0 0 0 24vw }
	.service_process_panel .process_box .box::after {top:20px;margin-top:0; left:21vw!important}
	.service_process_panel .process_box .box:nth-child(2n)::after {transform: rotate(0);}

	.service_process_panel .process_box .box .icon,
	.service_process_panel .process_box .box:nth-child(2n) .icon {background: #f1f7fc!important; width:20vw; height:auto; margin-top:0;top:20px; right:auto; left:0; padding:5px 0}
	.service_process_panel .process_box .box .icon span {position: relative; bottom:auto; left:auto;}

	.service_process_panel .process_box .box .desc_box .desc_tit{ font-size:18px;}
	.service_process_panel .process_box .box .desc_box ul p { font-size:13px}

	.service_process_panel .process_box .box + .box {margin-top:20px}
	.service_process_panel .process_box .box:nth-child(6) ul {margin-top:10px}
	.service_process_panel .process_box .box:nth-child(6) ul li + li {margin-top:5px}
	.service_process_panel .process_box .box:nth-child(6) .desc_box ul p.label span { display: block;}
	.service_process_panel .process_box .box:nth-child(6) ul li p { vertical-align: middle;}

	/* 회사 소개 */
	.sub.intro .company_top { background-image: url(../img/intro/company_bg_m.jpg);}
	.sub.intro .company_top .title p + p span {display: block;margin:4px auto 0}
	.sub.intro .company_top .title p img {height: auto; width:35%}
	.sub.intro .company_top .title .font_g {letter-spacing: -0.5px; font-size: 18px;}
	.sub.intro .company_top .desc {padding:0 10px}
	.sub.intro .company_top .count_box ul,
	.sub.intro .company_top .count_box ul li {width:auto;display: block;}
	.sub.intro .company_top .count_box ul li {padding:0}
	.sub.intro .company_top .count_box ul li + li {margin-top:10px}
	.sub.intro .company_top .count_box ul li .inner {box-shadow: none; width:100%;padding:40px 0; display: table; table-layout: fixed;}
	.sub.intro .company_top .count_box ul li .inner p { display: table-cell; vertical-align: middle; }
	.sub.intro .company_top .count_box ul li .inner p.label {width:40%; padding-left:20px; font-size:14px}
	.sub.intro .company_top .count_box ul li .inner p.number {width:60%; text-align: right; padding-right:20px}
	.sub.intro .company_top .count_box ul li.count_box3 .inner {padding: 30px 0 50px;}
	.sub.intro .company_top .count_box ul li.count_box3 .inner p.label {padding-top:15px}
	.sub.intro .company_top .count_box ul li.count_box3 .date {bottom:30px; right:10px}

	.sub.intro .company_top .count_box ul li .inner .num {font-size:20px; letter-spacing: 0;}
	.sub.intro .company_top .count_box ul li .inner .txt + .num {margin-left:5px}

	.sub.intro .why_panel { text-align: center;}
	.sub.intro .why_icon_box ul  {text-align: left; margin:0 auto}
	.sub.intro .why_icon_box ul li {float: none; width:100%; clear: both; display: table; table-layout: fixed;}
	.sub.intro .why_icon_box ul li .icon {width:20%; display: table-cell}
	.sub.intro .why_icon_box ul li .icon img {width:100%}
	.sub.intro .why_icon_box ul li .desc_box {width:80%; display: table-cell}
	.sub.intro .why_icon_box ul li .desc_box .tit + .desc {margin-top:0}

	.client_slider .slide_img p { width:31%}

	.sub.intro .history_panel .history_box_wrap {margin-top:0px}
	.sub.intro .history_panel .history_box {padding-left:0;}

	.sub.intro .history_panel .history_box .box,
	.sub.intro .history_panel .history_box:nth-child(2n-1) .box {float:none;width:auto;display: block; position: relative;}
	.sub.intro .history_panel .history_box .box::before {content:""; display: block; width:2px; height:100%; background:#eee; position: absolute; top:0;left:16px}
	.sub.intro .history_panel .history_box .box .year {font-size:24px; padding-left:40px}
	.sub.intro .history_panel .history_box .box .year::before {top:7px; left:10px;}
	.sub.intro .history_panel .history_box .box ul {height: auto!important; min-height: auto!important; overflow:initial; padding-left:40px}
	.sub.intro .history_panel .history_box:nth-child(2) .box:first-child::before {height:75%; top:25%}
	.sub.intro .history_panel .history_box:last-child .box:last-child::before {height: 50%;}

	/* 서브 > 네이버 플레이스 */
	.sub.sub_naver .sub_panel { padding: 55px 0;}
	.sub.sub_naver .title + .desc { font-size: 15px;}

	.sub.sub_naver .sub_panel .write_box .write.place .label + .right { padding-left: 15px;}

	.sub.sub_naver .form_panel .form_wrapping .form_wrap { padding-bottom: 30px;}
	.sub.sub_naver .form_panel .write_bottom.important { max-width:none; padding-left: 5px;}
	.sub.sub_naver .form_panel .write_bottom.important span {line-height: 1.8em;}
	.sub.sub_naver .form_panel .write_bottom { text-align: left;}
	.sub.sub_naver .form_panel .write_bottom .checklist.all { display: block;}
	.sub.sub_naver .form_panel .write_bottom .checklist + .checklist { margin-left: 0;}

	.naver_search_panel .ex_area .ex_titlebox { padding: 0; margin-left:-10%; margin-right: -10%;}
	.naver_search_panel .ex_area .ex_titlebox .ex_title { padding:20px 0 12px; font-size: 20px;}
	.naver_search_panel .ex_area .ex_titlebox .ex_desc { max-width: none; width:auto; background: #f2f7fd; color:#666; padding:20px 10% 40px;}
	.naver_search_panel .ex_area .pc_box,
	.naver_search_panel .ex_area .mo_box { position: relative; top:auto; left:auto; right:auto; width:100%}
	.naver_search_panel .ex_area .pc_box .label span,
	.naver_search_panel .ex_area .mo_box .label span { display: none;}
	.naver_search_panel .ex_area .pc_box .label,
	.naver_search_panel .ex_area .mo_box .label { color:#333; font-size: 18px;}
	.naver_search_panel .ex_area .mo_box { margin-top: 30px;}
	.naver_search_panel .ex_area img { width:100%}

	.naver_search_panel .btn_area { margin-top: 20px;}
	.naver_search_panel .btn_area .btn_normal { min-width: auto; width: calc(50% - 10px); padding-left:0;  padding-right:0;}
	.naver_search_panel .btn_area a + a { margin-left: 5px;}

	.naver_start_panel .start_area ul { width: auto; margin:0; display: block;}
	.naver_start_panel .start_area ul li { width: auto; display: block;}
	.naver_start_panel .start_area ul li + li { margin-top: 10px;}
	.naver_start_panel .start_area ul li .desc_box { padding: 30px 20px}
	.naver_start_panel .start_area ul li .desc_box .desc_tit { margin-bottom: 10px; font-size: 18px;}

	.sub.sub_naver .sub_faq_panel .img_box { margin-top: 20px; margin-bottom:0; font-size: 0;}
	.sub.sub_naver .sub_faq_panel .faq_wrap ul.faq li.f_list > .f_tit { padding-left:15px; padding-right: 15px; font-size: 14px;}
	.sub.sub_naver .sub_faq_panel .faq_wrap ul.faq li.f_list > .f_tit span.subject .txt { width:calc(100% - 40px); line-height:1.3em}
	.sub.sub_naver .sub_faq_panel .faq_wrap ul.faq li.f_list:last-child > .f_tit span.subject .txt { vertical-align: top;}
	.sub.sub_naver .sub_faq_panel .f_desc { font-size: 14px; line-height: 1.4em;}

	.sub.sub_naver .m_btn_quick { background: #6772ff;}

}
@media only screen and (max-width: 720px) {
	/*awards*/
	.main .top_awards_wrap .awards .top_wrap {padding: 35px 0 25px 45vw;		background-position: -20px -10px;		background-size: auto 122%;}
	.main .top_awards_wrap .awards .top_wrap .title span { font-size: 20px;}
	.main .top_awards_wrap .awards .top_wrap .title span.font_g {font-size: 28px;margin-top: 3px;}
	.main .top_awards_wrap .awards .top_wrap .naver {margin-bottom: 5px;}
	.main .top_awards_wrap .awards .top_wrap .naver span {height: 30px; line-height: 30px;}
	.main .top_awards_wrap .awards .top_wrap .naver b { font-size:12px}
	.main .top_awards_wrap .awards .top_wrap .naver img.show_m { height:10px; top:-1px;}

	/* 서브 > 네이버 플레이스 */
	.naver_top5_panel .icon_area ul {width: auto; display: block; overflow: hidden; margin: 0;}
	.naver_top5_panel .icon_area ul li { width: calc(50% - 5px); float: left; margin-top: 10px; position: relative; padding: 0;}
	.naver_top5_panel .icon_area ul li:nth-child(2n) { float: right;}
	.naver_top5_panel .icon_area ul li .icon img { width:50%; padding: 25% 0;}
	.naver_top5_panel .icon_area ul li .num { width: 100%; position:absolute; top:20px; left:0; text-align: center;}
	.naver_top5_panel .icon_area ul li .txt { width: 100%; position: absolute; bottom:25px; left:0; text-align: center; font-size: 15px; font-weight: 700;}

}
@media only screen and (max-width: 550px) {
	/* 광고 대행 절차 */
	.sub_step_panel .swiper-wrapper::after {  top:160px; }
	.topBanner.topEvent span { font-size:12px}
}
@media only screen and (max-width: 390px) {
	/*awards*/
	.main .top_awards_wrap .awards .top_wrap {background-position: -20px -6px; background-size: auto 100%; padding-left:40vw}
	.main .top_awards_wrap .awards .top_wrap .title span.font_g { font-size:26px}

	.main_panel .title,
	.sub_panel .title{font-size:24px}
	.topBanner p {font-size:14px;width: 90%;    text-align: left;}
	.main_panel .desc,
	.main .top_visual .desc,
	.main .top_visual .btn_normal { font-size:13px;}

	#footer {font-size:12px}

	/* 광고 대행 절차 */
	.sub_step_panel .swiper-wrapper::after { display: none }

	.sub_step_panel .mobile_step .step_box.step_02 .icon::before,
	.sub_step_panel .mobile_step .step_box.step_03 .icon::before,
	.sub_step_panel .mobile_step .step_box.step_04 .icon::before{ content:"..."; position:absolute; top:-5%; left:-10%; font-size:3em;color:#21e2ad; }

	.sub_step_panel .step_box .icon {margin:5px auto 0}
	.sub2 .form_panel.type2 .write_box .write.setup .right .radiobox {display:block; }
	.sub2 .form_panel.type2 .write_box .write.setup .right .radiobox + .radiobox {margin:0}

	.sub_panel .write_desc_wrap .desc_hd {text-align:center}
	.sub_panel .write_desc_wrap .desc_hd .btn_more {position:relative; top:auto;right:auto; margin-top: 4px}

	.sub_panel.basic_panel .idnumber .write_desc_wrap ul li .cell + .cell{width:auto}
	.sub_panel.basic_panel .idnumber .write_desc_wrap .desc_hd{text-align: left;}

	.main_panel.video_panel .btn_box ul li {display:block; width:100%; float:none}
	.main_panel.video_panel .btn_box ul li:nth-child(2n) { float:none}

	.preview_panel .preview_box ul li { width:100%; float:none}
	.preview_panel .preview_box ul li br {display: none !important;}
	.preview_panel .preview_box ul li:nth-child(2n) {float:none}

}

.bg_g { background: #f2f7fd!important}
.bg_gra {background: #0feab1!important; /* Old browsers */
	background: -moz-linear-gradient(left,  #0feab1 0%, #54cffe 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0feab1 0%,#54cffe 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0feab1 0%,#54cffe 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0feab1', endColorstr='#54cffe',GradientType=0 )!important; /* IE6-9 */
}

.bg_gra2 {background: #0feab1!important; /* Old browsers */
	background: -moz-linear-gradient(top,  #0feab1 0%, #54cffe 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0feab1 0%,#54cffe 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0feab1 0%,#54cffe 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0feab1', endColorstr='#54cffe',GradientType=0 )!important; /* IE6-9 */
}

.bg_gra3 {background: #6575ff!important; /* Old browsers */
	background: -moz-linear-gradient(left,  #6575ff 0%, #2ad5fa 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #6575ff 0%,#2ad5fa 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #6575ff 0%,#2ad5fa 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6575ff', endColorstr='#2ad5fa',GradientType=0 )!important; /* IE6-9 */
}

.bg_gra4 {background: #03cb6b!important; /* Old browsers */
	background: -moz-linear-gradient(left,  #03cb6b 0%, #00b0ef 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #03cb6b 0%,#00b0ef 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #03cb6b 0%,#00b0ef 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03cb6b', endColorstr='#00b0ef',GradientType=0 )!important; /* IE6-9 */
}

.bg_gra5 {background: #1abc6c!important; /* Old browsers */
	background: -moz-linear-gradient(left,  #1abc6c 0%, #19ce60 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1abc6c 0%,#19ce60 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1abc6c 0%,#19ce60 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1abc6c', endColorstr='#19ce60',GradientType=0 )!important; /* IE6-9 */
}

.hide_scroll{overflow: hidden!important}


/* 20210526 서비스 미리보기 팝업 */
#popup_preview_slide{left:50%;top:50%;margin:0;transform:translate(-50%,-50%);width:700px;height:900px;background:#fff}
#popup_preview_slide .popup_content{position:absolute;left:0;top:60px;right:0;bottom:85px;padding:50px 0 0 0}
#popup_preview_slide .popup_bottom{position:absolute;left:0;bottom:0;right:0;height:80px}
#popup_preview_slide .preview_slide_tab_area{position:absolute;left:0;top:0;right:0;height:50px;padding:0 30px;border-bottom:1px solid #eaeaea}
#popup_preview_slide .preview_slide_tab .btn_tab{display:block;padding:0 5px;height:49px;line-height:47px;font-size:16px;color:#999999;border-bottom:2px solid transparent;white-space:nowrap}
#popup_preview_slide .preview_slide_tab .swiper-slide-thumb-active .btn_tab{color:#21e2ad;border-color:#21e2ad}
#popup_preview_slide .preview_slide_tab_area .slide_box{width:auto}
#popup_preview_slide .preview_slide_tab_area .btn_slide{display:block;position:absolute;left:5px;top:50%;width:20px;height:30px;margin-top:-15px;background:url("../img/icon/btn_slide_prev.png") no-repeat center center;background-size:20px;z-index:10;opacity:0.5}
#popup_preview_slide .preview_slide_tab_area .btn_slide.next{left:auto;right:5px;background:url("../img/icon/btn_slide_next.png") no-repeat center center;background-size:20px}
#popup_preview_slide .preview_slide_area{position:relative;height:100%}
#popup_preview_slide .preview_slide{height:100%}
#popup_preview_slide .preview_slide .slide_box{position:relative;padding:145px 70px 0 70px}
#popup_preview_slide .preview_slide .slide_text_box{position:absolute;left:0;top:0;right:0;padding:30px 10px 0 10px;text-align:center}
#popup_preview_slide .preview_slide .slide_text_box .slide_title{line-height:32px;font-size:24px;color:#333;font-weight:700;white-space:nowrap; letter-spacing: -1px;}
#popup_preview_slide .preview_slide .slide_text_box .slide_text{margin-top:8px;line-height:20px;font-size:14px;color:#666;font-weight:300}
#popup_preview_slide .preview_slide .slide_text_box .slide_text span{color:#21e2ad}
#popup_preview_slide .preview_slide .img_box{height:100%;}
#popup_preview_slide .preview_slide .img_box img{display:block;width:100%}
#popup_preview_slide #preview_slide .btn_slide{display:block;position:absolute;left:15px;top:50%;width:40px;height:50px;margin-top:47px;background:url("../img/icon/btn_slide_prev.png") no-repeat center center;z-index:10}
#popup_preview_slide #preview_slide .btn_slide.next{left:auto;right:15px;background:url("../img/icon/btn_slide_next.png") no-repeat center center}

@media only screen and (max-height:940px) {
	#popup_preview_slide{top:20px;bottom:20px;transform:translateX(-50%);height:auto}
}

@media only screen and (max-width:740px) {
	#popup_preview_slide{top:20px;bottom:20px;left:20px;right:20px;transform:none;width:auto;height:auto}
	#popup_preview_slide .preview_slide .slide_box{padding-left:50px;padding-right:50px}
	#popup_preview_slide .preview_slide .slide_text_box{padding-top:24px}
	#popup_preview_slide .preview_slide .slide_text_box .slide_title{line-height:28px;font-size:20px;white-space:normal}
	#popup_preview_slide #preview_slide .btn_slide{left:5px}
	#popup_preview_slide #preview_slide .btn_slide.next{left:auto;right:5px}
}

@media only screen and (max-width:600px) {
	#popup_preview_slide .preview_slide .slide_text_box .slide_title{line-height:24px;font-size:16px;white-space:normal}
	#popup_preview_slide .preview_slide .slide_text_box .slide_text{line-height:18px;font-size:12px}


}


@media only screen and (max-width:400px) {


	.info_process ul li .cell.descwrap .inner .p_tit { font-size:14px;}

	.info_process ul li .cell.descwrap .inner .tag span,
	.info_process ul li .cell.descwrap .inner .tag a {font-size:12px}
}



/* animation */
@keyframes zoomIn1{
	0%{transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}
	50%{transform:scale(0.5);-moz-transform:scale(0.5);-webkit-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5)}
	100%{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}
@keyframes fadeIn1{
	0%{opacity:0}
	30%{opacity:1}
	100%{opacity:1}
}
@keyframes fadeIn2{
	0%{opacity:0}
	30%{opacity:0}
	100%{opacity:1}
}
@keyframes slideUp1{
	0%{transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
	30%{transform:translate(0,-30px);-moz-transform:translate(0,-30px);-webkit-transform:translate(0,-30px);-ms-transform:translate(0,-30px);-o-transform:translate(0,-30px)}
	100%{transform:translate(0,-30px);-moz-transform:translate(0,-30px);-webkit-transform:translate(0,-30px);-ms-transform:translate(0,-30px);-o-transform:translate(0,-30px)}
}

@keyframes slideUp2{
	0%{transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
	40%{transform:translate(0,-60px);-moz-transform:translate(0,-60px);-webkit-transform:translate(0,-60px);-ms-transform:translate(0,-60px);-o-transform:translate(0,-60px)}
	100%{transform:translate(0,-60px);-moz-transform:translate(0,-60px);-webkit-transform:translate(0,-60px);-ms-transform:translate(0,-60px);-o-transform:translate(0,-60px)}
}
@keyframes slideUp3{
	0%{transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
	50%{transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
	100%{transform:translate(0,-60px);-moz-transform:translate(0,-60px);-webkit-transform:translate(0,-60px);-ms-transform:translate(0,-60px);-o-transform:translate(0,-60px)}
}

@keyframes islideUp1{
	0%{transform:translate(0,150px);-moz-transform:translate(0,150px);-webkit-transform:translate(0,150px);-ms-transform:translate(0,150px);-o-transform:translate(0,150px)}
	100%{transform:translate(0,0px);-moz-transform:translate(0,0px);-webkit-transform:translate(0,0px);-ms-transform:translate(0,0px);-o-transform:translate(0,0px)}
}
@keyframes living1{
	0%{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
	50%{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}
	100%{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
}