@charset "utf-8";
/* HIVELAB (http://www.hivelab.co.kr) */

/* Montserrat */
@font-face {
	font-family:'Montserrat';
	font-style:normal;
	font-weight:400;
	src:url(/share/font/Montserrat.eot);
	src:url(/share/font/Montserrat.eot?#iefix) format('embedded-opentype'),
		url(/share/font/Montserrat.woff) format('woff');
}

/* 나눔바른고딕 */
@font-face {
	font-family:'NanumBarunGothic';
	src:url(/share/font/NanumBarunGothic.eot);/* IE9 Compat Modes */
	src:url(/share/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
		url(/share/font/NanumBarunGothic.woff) format('woff'), /* Modern Browsers */
		url(/share/font/NanumBarunGothic.ttf) format('truetype');/* Safari, Android, iOS */
}

@font-face {
	font-family:'NanumBarunGothic';
	font-weight:300;
	src:url(/share/font/NanumBarunGothicLight.eot);
	src:url(/share/font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
		url(/share/font/NanumBarunGothicLight.woff) format('woff'),
		url(/share/font/NanumBarunGothicLight.ttf) format('truetype');
}

/* roboto */
@font-face {
	font-family:'Roboto';
	src:url(/share/font/Roboto-Light-webfont.eot);
	src:url(/share/font/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),
		url(/share/font/Roboto-Light-webfont.woff) format('woff'),
		url(/share/font/Roboto-Light-webfont.ttf) format('truetype');
}

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,article,aside,dialog,footer,header,section,footer,nav,figure,main{margin:0;padding:0}
article,aside,dialog,footer,header,section,footer,nav,figure,main{display:block}
html,body{height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
body,input,select,textarea,button{font-family:NanumBarunGothic,'나눔바른고딕','Nanum BarunGothic','Malgun Gothic','맑은고딕','Apple SD Gothic Neo',Dotum,'돋움',sans-serif;font-size:12px} 
fieldset,li,img{border:0;vertical-align:top}
ul,ol{list-style:none}
input,textarea,button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
.blind,caption span,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}

.sp,.logo_adlib,.header .btn_nav_open:before,.ico_new,.section_board .ico_more:before,.sel_brand_area .ico_view:before,.btn_nav_close:before,.check_wrap .checkbox+.lb:before,.ico_required,.header .btn_back:before{display:inline-block;overflow:hidden;background:url(/share/img/mobile/sp.png) no-repeat;background-size:250px auto;line-height:999px;font-size:1px}

.wrap{position:relative;min-width:320px;padding-top:50px}
.content.main_wrap{background-color:#f0f0f0}
.content.service_wrap .section_bx:nth-child(odd){background-color:#f0f0f0}

/*header*/
.header{position:fixed;top:0;left:0;width:100%;z-index:50}
.header.is_scroll_move,.term_wrap .header,.cs_wrap .header{border-bottom:1px solid #e5e5e5}
.header_inner{position:relative;height:50px;background-color:#fff;text-align:center}
.header_inner:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.header .logo{display:inline-block;position:absolute;top:50%;left:50%;margin:-10px 0 0 -36px;font-size:0}
.header .logo_adlib{width:72px;height:20px;vertical-align:middle}
.header .btn_nav_open{overflow:hidden;position:absolute;left:0;top:0;width:50px;height:50px;line-height:999px}
.header .btn_nav_open:before{position:absolute;top:19px;left:16px;width:15px;height:12px;background-position:-74px 0;content:''}
.header .btn_quick_login{display:inline-block;position:absolute;right:0;top:0;padding:0 16px;line-height:50px;font-family:'Montserrat';font-size:13px;color:#333}

.header .tit_txt{display:inline-block;vertical-align:middle;font-size:17px;font-family:'Montserrat';color:#333;font-weight:normal}
.header .btn_back{overflow:hidden;position:absolute;left:0;top:0;width:50px;height:50px;line-height:999px}
.header .btn_back:before{position:absolute;top:18px;left:16px;width:8px;height:14px;background-position:-89px -15px;content:''}

/* nav */
.nav_wrap{display:none;position:fixed;top:0;left:0;right:224px;z-index:91;width:224px;height:100%} 
.nav{display:none;position:absolute;top:0;left:0;z-index:100;width:224px;height:100%;background-color:#fff;box-sizing:border-box}
.nav .inner{position:relative;min-height:100%;padding-bottom:70px;box-sizing:border-box}
.nav .logo_area{display:inline-block;width:100%;height:51px;padding-left:24px;border-bottom:1px solid #e5e5e5;box-sizing:border-box;text-align:left}
.nav .logo_area:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.nav .logo_adlib{display:inline-block;width:72px;height:20px;vertical-align:middle}
.main_menu_lst{margin-top:14px}
.main_menu_item{height:46px;text-align:left}
.main_menu_item .main_menu_link{display:inline-block;width:100%;padding-left:24px;font-family:'Montserrat';line-height:46px;color:#333;font-size:16px;box-sizing:border-box}
.main_menu_item .main_menu_link:hover,.main_menu_item .main_menu_link:active, .main_menu_item.is_selected .main_menu_link{color:#ff1414}
.util_menu_lst{margin-top:14px;padding-top:16px;border-top:1px solid #e5e5e5}
.util_menu_lst .util_menu_item{text-align:left}
.util_menu_lst .util_menu_link{display:inline-block;width:100%;padding-left:24px;font-family:'Montserrat';font-weight:400;font-size:13px;line-height:42px;color:#777;box-sizing:border-box}
.sel_brand_area{display:inline-block;position:absolute;bottom:24px;left:22px;width:176px;height:40px;box-sizing:border-box}
.sel_brand_area .btn_brand{display:block;position:relative;z-index:102;height:40px}
.sel_brand_area .ico_view{display:inline-block;position:absolute;top:0;right:0;z-index:105;overflow:hidden;width:42px;height:39px;line-height:999px}
.sel_brand_area .ico_view:before{display:inline-block;position:absolute;top:14px;right:16px;width:11px;height:11px;background-position:-106px 0;content:''}
.sel_brand_area .lst_brand{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:40px;padding-left:16px;border:1px solid #e5e5e5;background-color:#fff;text-align:left;font-family:'Montserrat';font-weight:400;font-size:12px;line-height:40px;color:#777;box-sizing:border-box;border-radius:0}
.btn_nav_close{display:inline-block;overflow:hidden;position:absolute;top:7px;right:-44px;width:35px;height:35px;line-height:999px}
.btn_nav_close:before{display:inline-block;position:absolute;top:10px;left:10px;width:15px;height:15px;background-position:-119px 0;content:''}
.is_nav_show .nav_wrap,.is_nav_show .nav{display:block}
.wrap.is_nav_show:before{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90;background-color:#000;opacity:0.6;content:''}

/* 메인 슬라이드 */
.slide_wrap{position:relative;overflow:hidden;width:100%;height:auto}
.slide_wrap .slide_item{position:relative;float:left;width:100%}
.slide_wrap .cont_bx{position:absolute;top:50%;z-index:5;margin-top:-19%;padding-left:20px}
.slide_wrap .cont_bx .h_tit{font-family:'Montserrat';font-size:23px;line-height:29px;color:#fff;font-weight:400}
.slide_wrap .cont_bx .txt{margin-top:7px;font-size:14px;line-height:20px;color:#fff;font-weight:300}
.slide_lst .slide_item img{width:100%!important}
.slide_wrap  .bullet_lst{position:absolute;left:0;bottom:17px;width:100%;font-size:0;text-align:center}
.slide_wrap .bullet_lst .swiper-pagination-bullet{display:inline-block;position:relative;width:10px;height:22px;margin:0 0 0 3px;padding:10px 0;background-color:transparent;border-radius:0;opacity:0.3}
.slide_wrap .bullet_lst .swiper-pagination-bullet:before{display:inline-block;position:absolute;top:50%;left:0;margin-top:-1px;width:100%;height:2px;background-color:#f5f5f5;vertical-align:middle;content:''}
.slide_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}
.slide_wrap .swiper-pagination-bullet:first-child{margin-left:0}

/* 메인 컨텐츠 */
.section_cont{position:relative;z-index:10;background-color:#fff;margin:-25px 8px 0;padding:33px 24px 36px}
.section_cont .sec_h_tit{font-family:'Montserrat';font-size:16px;color:#333;font-weight:400}
.section_cont .sub_txt{margin-top:7px;font-size:13px;line-height:19px;color:#777;font-weight:300}
.section_cont .btn{display:inline-block;width:136px;height:28px;margin-top:12px;background-color:#ff1414;font-family:'Montserrat';font-size:11px;color:#fff}
.section_cont:before{display:inline-block;position:absolute;top:50%;right:24px;width:111px;height:67px;margin-top:-33px;background:url(/share/img/mobile/bg_sdks.png) no-repeat;background-size:111px auto;content:''}

/* 게시판 영역 */
.section_board{margin:7px 8px 24px;padding:22px 24px 32px;background-color:#fff}
.board_bx{position:relative;margin-top:22px}
.board_bx:first-child{margin-top:0}
.board_bx .sec_h_tit{font-family:'Montserrat';font-size:14px;line-height:33px;color:#333;font-weight:400}
.board_bx .ico_more{overflow:hidden;position:absolute;right:-5px;top:0;width:17px;height:33px;line-height:999px}
.board_bx .ico_more:before{position:absolute;top:50%;left:5px;width:7px;height:12px;margin-top:-7px;background-position:-74px -14px;content:''}

/* 게시판 리스트 기본 */
.news_list{border-top:1px solid #e5e5e5}
.news_list .news_item{display:table;table-layout:fixed;width:100%;height:40px;border-bottom:1px solid #e5e5e5}
.news_link{display:table-row;position:relative;width:100%;line-height:40px}
.news_list .date{display:table-cell;width:80px;color:#aaa;font-size:13px;line-height:40px;font-weight:300;letter-spacing:-0.01em;vertical-align:middle}
.news_list .txt_wrap{display:table-cell;position:relative}
.news_list .news_txt{display:inline-block;position:relative;overflow:hidden;max-width:100%;font-size:13px;font-weight:300;color:#555;letter-spacing:-0.01em;vertical-align:middle;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap}
.news_list .ico_new{display:none;position:absolute;right:0;top:50%;width:13px;height:13px;margin:-7px 0 0 5px;background-position:-91px 0;vertical-align:middle}
.news_list .is_new .news_txt{padding-right:18px}
.news_list .is_new .ico_new{display:inline-block}

/* Contact Us */
.section_contact{min-height:175px;padding:32px 0 0;background:url(/share/img/mobile/bg_contact.jpg) no-repeat;background-size:cover;text-align:center;box-sizing:border-box}
.section_contact .sec_h_tit{font-family:'Montserrat';font-size:17px;color:#fff;font-weight:400}
.section_contact .desc{margin-top:9px;font-size:13px;line-height:19px;font-weight:300;color:#fff;opacity:0.5}
.section_contact .btn{display:inline-block;width:148px;height:28px;margin-top:12px;background-color:#fff;font-family:'Montserrat';font-size:11px;color:#333;line-height:28px;letter-spacing:-0.01em}

/* 서브페이지 공통 */
.sub_title_area{min-height:90px;padding:55px 20px 11px;background-repeat:repeat;background-size:cover;text-align:left;box-sizing:border-box}
.service_wrap .sub_title_area{background-image:url(/share/img/mobile/bg_service_title.jpg)}
.resources_wrap .sub_title_area{background-image:url(/share/img/mobile/bg_resources_title.jpg)}
.contactus_wrap .sub_title_area{background-image:url(/share/img/mobile/bg_contactus_title.jpg)}
.sub_title_area .sub_h_tit{font-family:'Montserrat';color:#fff;font-size:23px;line-height:1;letter-spacing:-0.01em}

.section_bx{padding:45px 20px 50px;box-sizing:border-box}
.section_bx .h_tit{font-weight:normal;color:#333;font-size:20px;line-height:29px}
.section_bx .desc_txt{margin-top:6px;line-height:20px;font-size:12px;font-weight:300;letter-spacing:-0.01em;color:#333}

/* service */
.section_bx .img_wrap{width:100%;margin-top:25px}
.section_bx .img_wrap img{width:100%}

.item_detail_wrap{margin-top:24px}
.item_detail_wrap .item_detail{margin-top:8px;background-color:#fff}
.item_detail .img_bx{display:inline-block;width:40.63%;vertical-align:middle}
.item_detail .img_bx img{width:100%}
.item_detail .detail_lst{display:inline-block;padding-left:20px;vertical-align:middle;box-sizing:border-box}
.item_detail .detail_lst .tit_txt{font-size:12px;line-height:19px;color:#333}
.item_detail .detail_lst .desc_txt{margin-top:1px;font-size:11px;line-height:18px;color:#777;font-weight:300}

/* resources */
.lst_sdk_down{margin-top:24px}
.lst_sdk_down .sdk{position:relative;margin-top:8px;padding:27px 0px 28px 46.88%;background-color:#f7f7f7}
.lst_sdk_down .img_bx{display:inline-block;position:absolute;top:45px;bottom:45px;left:0;width:46.88%;height:auto;text-align:center}
.lst_sdk_down .img_bx img{display:inline-block;width:auto;height:100%;vertical-align:middle}
.lst_sdk_down .img_bx:before{display:inline-block;height:100%;vertical-align:middle}
.lst_sdk_down .sdk:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.lst_sdk_down .item_tit{font-family:'Montserrat';font-weight:normal;font-size:14px;line-height:1;color:#333}
.lst_sdk_down .item_dsc{margin-top:6px;font-size:11px;line-height:22px;color:#777}
.lst_sdk_down .btn{display:inline-block;width:116px;height:28px;margin-top:11px;background-color:#ff1414;font-family:'Montserrat';color:#fff;font-size:11px;line-height:14px}
	
/* Contact Us */
.lst_contactus{width:100%;margin-top:22px;font-size:0}
.lst_contactus .enter_info{width:100%;margin-top:12px}
.lst_contactus .enter_info:first-child{margin-top:0}
.lst_contactus .enter_question{padding-top:13px}
.lst_contactus .ico_required{width:4px;height:4px;margin-top:3px;background-position:-83px -14px;vertical-align:top}
.lst_contactus .lb{display:block;font-family:'Montserrat';font-size:12px;color:#333}
.lb .dsc_txt{display:block;margin-top:1px;font-family:NanumBarunGothic,'나눔바른고딕','Nanum BarunGothic';font-weight:300;font-size:10px;color:#777;line-height:14px}
.lst_contactus .inp_bx{display:block;width:100%;height:36px;margin-top:3px;padding:10px 11px;border:1px solid #e5e5e5;background-color:#fbfbfb;box-sizing:border-box}
.lst_contactus .inp{width:100%;height:16px;border:none;background-color:transparent;color:#333;font-size:12px;font-weight:300;line-height:16px;border-radius:0}
.lst_contactus .question_area{display:block;width:100%;height:90px;margin-top:4px;padding:10px 11px;border:1px solid #e5e5e5;background-color:#fbfbfb;font-size:12px;color:#333;line-height:19px;resize:none;box-sizing:border-box;border-radius:0}
.check_wrap{position:relative;height:20px;margin-top:17px;font-size:0}
.check_wrap:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.check_wrap .checkbox{position:absolute;top:7px;left:7px;width:1px;height:1px}
.check_wrap .lb{display:inline-block;padding-left:25px;vertical-align:middle;font-size:12px;font-weight:300;color:#555}
.check_wrap .checkbox+.lb:before{position:absolute;top:50%;left:0;z-index:5;width:20px;height:20px;margin-top:-10px;background-position:0 -22px;content:''} 
.check_wrap .checkbox:checked+.lb:before{background-position:-22px -22px} 
.check_wrap .point_txt{color:#ff1414}
.btn_wrap{width:100%;margin-top:30px;text-align:center}
.btn_wrap .btn{display:inline-block;width:165px;height:37px;background-color:#ff1414;font-family:'Montserrat';font-size:13px;color:#fff;line-height:37px;box-sizing:border-box}

/* FAQ & Notice */
.cs_wrap .wrap{padding-bottom:258px}
.cs_wrap .scroll_wrap{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:0}
.cs_wrap .scroll_wrap iframe{width:100%;border:none}
.cs_wrap .news_list .news_item{display:block;table-layout:auto;height:auto;background-color:#fff}
.cs_wrap .news_list .news_link{display:block;height:60px;padding:13px 15px 13px;line-height:normal;box-sizing:border-box}
.cs_wrap .news_list .news_txt{line-height:17px;font-weight:normal}
.cs_wrap .news_list .ico_new{margin-top:-8px}
.cs_wrap .news_list .date_txt{display:block;margin-top:5px;line-height:13px;font-size:11px;font-weight:300;color:#aaa}
.cs_wrap .news_item .desc_txt{display:none;border-top:1px solid #eee;padding:16px 16px 35px;background-color:#f7f7f7;color:#555;font-size:11px;line-height:18px}
.cs_wrap .news_item.is_open .news_txt{color:#ff1414;font-weight:normal}
.cs_wrap .news_item.is_open .desc_txt{display:block}

/* Footer */
.footer{padding:19px 20px 23px;background-color:#333}
.footer .lst_link{font-size:0}
.footer .lst_link .footer_item{display:inline-block;position:relative;padding:0 6px 0 5px}
.footer .lst_link .footer_item:before{display:inline-block;position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-6px;background-color:#fff;opacity:0.08;content:''}
.footer .lst_link .footer_item:first-child:before{display:none}
.footer .lst_link .footer_item a{display:inline-block;padding:0 10px;font-size:12px;color:#777;line-height:24px}
.footer .lst_link .footer_item:first-child,.footer .lst_link .footer_item:first-child a{padding-left:0}
.footer .address_info,.footer .address_info .mail{margin-top:9px;line-height:16px;font-size:10px;color:#555}
.footer .copyright{margin-top:22px;font-family:'Montserrat';color:#555;font-size:10px}

.cs_wrap .footer{position:absolute;bottom:0;left:0;right:0}

@media (max-height:550px) {
	.wrap.is_nav_show .nav{position:absolute;height:100%;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}
	.wrap.is_nav_show .nav .inner{min-height:auto}
}
@media (max-width:335px) {
	.section_cont:before{width:100px;background-size:100% auto}
}

/* 약관 팝업 */
.term_wrap{background-color:#f0f0f0}
.term_wrap .content{padding:19px 20px 20px;font-family:'NanumBarunGothic';font-weight:300;font-size:11px;color:#333;line-height:18px}
.term_wrap .content h2{margin-top:33px;font-size:13px;color:#333}
.term_wrap .content h2:first-child{margin-top:0}
.term_wrap .content h3{margin:14px 0 0 0;font-size:11px;font-weight:bold}
.term_wrap .content .sm_tit{margin:17px 0 0 0;font-size:11px;font-weight:bold;line-height:16px}
.term_wrap .content p{margin-top:2px;font-size:11px;line-height:17px}
.term_wrap .content .sm_tit+p{margin-top:0}
.term_wrap .content ol{margin-top:3px}
.term_wrap .content li{line-height:16px}