@charset "UTF-8";

@font-face {
	font-family:'NanumGothic';
	src: url(../font/NanumGothic.eot);
	src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
	     url(../font/NanumGothic.woff) format('woff'),
	     url(../font/NanumGothic.ttf)_format('truetype');
}

html,body{width:100%;height:100%}

/*wrapper*/
.wrapper{position:relative;font-family:'NanumGothic';word-break:keep-all}
.wrap{max-width:1200px;margin:0 auto}

/*숨기기*/
.mobile_view{display:none}

/*float*/
.fl{float:left}
.fr{float:right}
.clearfix:after{content:"";clear:both;display:block;height:0;font-size:0}
.clear{clear:both}

/*텍스트*/
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.t_blue{color:#0094de}
.t_right_blue{color:#0091ff}
.br{display:block}
.kor{display:none}
.eng{display:none}

/*텍스트 크기*/
strong,b{font-weight:500}
.sub_top_title{font-size:90px;color:#0094de;margin-bottom:26px}
.title{display:block;font-size:40px;margin-bottom:63px}
.title_m{font-size:30px}
.title_s{font-size:22px}
.txt_s{font-size:15px;line-height:18px !important}

/*너비*/
.w100p{width:100%}
.btn_area a{display:inline-block}

/*scroll_top*/
.scroll_top{position:fixed;bottom:10px;right:18px;}
.scroll_top a{display:block;width:39px;height:39px;border:1px solid #848484;background:#fff url('../images/icon_arrow_up_b.png') no-repeat center;opacity:0.7}

/*브라우저 최적화 안내*/
.browser_guide{position:relative;background-color:#ecf0f2;color:#000;overflow:hidden;display:none}
.browser_guide .txt_area{height:90px;padding-left:80px;background:url(../images/icon_ie.png) no-repeat left center;margin-left:25px}
.browser_guide .txt_area p{padding-top:21px;font-size:24px;font-weight:bold;line-height:normal;opacity:1 !important}
.browser_guide .txt_area span{font-size:15px;line-height:normal;opacity:1 !important}
.browser_guide .btn_area{position:absolute;right:65px;top:0;line-height:90px}
.browser_guide .btn_area a{border:1px solid #a1a1a1;font-size:16px;line-height:16px;padding:15px 25px 15px 65px;color:#000}
.browser_guide .btn_area a.chrome{background:url(../images/icon_chrom.png) no-repeat 25px center}
.browser_guide .btn_area a.ie{background:url(../images/icon_ie_s.png) no-repeat 25px center}
.browser_guide .btn_close{position:absolute;right:25px;top:50%;margin-top:-13px;width:26px;height:26px;border:0;background:transparent url(../images/icon_closeB.png) no-repeat center;font-size:0;cursor:pointer}

/*gnb*/
header{position:fixed;top:0;left:0;width:100%;z-index:20}
.gnb_wrap{position:relative;width:100%;height:80px;font-weight:600}
.gnb_wrap .logo_wrap{position:absolute;top:15px;left:25px}
.gnb_wrap .logo_wrap a{display:block}
.gnb_wrap .logo_wrap img{display:block}
.gnb_wrap .logo_wrap .logo_txt{display:block;color:#ccc;margin-top:3px;font-weight:400;font-size:16px}
.gnb_wrap .menu_btn_wrap{position:absolute;top:7px;left:7px;border:0px solid #fff}
.gnb_wrap .menu_btn_wrap a{display:block;width:34px;height:34px;background:url(../images/icon_menuM.png) no-repeat center}
.gnb_wrap .menu{position:absolute;top:0;right:140px}
.gnb_wrap .menu li.depth1{float:left;margin-right:60px;padding:28px 0 5px;text-align:left}
.gnb_wrap .menu li.depth1 a{display:block;padding:0 12px;font-size:20px;line-height:30px;color:#ccc}
.gnb_wrap .menu li.depth1 .depth2_menu{position:absolute;top:58px;left:0;width:137px;background-color:#0094de;padding:5px 0;display:none;}
.gnb_wrap .menu li.depth1 .depth2_menu li a{padding:5px 12px;font-size:18px;font-weight:400;color:#fff}
.gnb_wrap .menu li.hover > a, .gnb_wrap .menu li.depth1 > a.select{border-bottom:6px solid #0094de;color:#fff}
.gnb_wrap .menu li.hover .depth2_menu{display:block}
.gnb_wrap .menu li.menu_solution{position:relative}
.gnb_wrap .menu li.menu_about_us{margin-right:0}
.gnb_wrap .menu li.menu_about_us a{padding-right:32px}
.gnb_wrap .menu li.menu_about_us.hover a{background:url(../images/icon_link.png) no-repeat right center}
.gnb_wrap .lang{position:absolute;top:19.5px;right:25px;overflow:hidden;border:1px solid #bbbbbb}
.gnb_wrap .lang li{display:none;text-align:center}
.gnb_wrap .lang li a{display:block;width:90px;height:45px;line-height:45px;font-size:18px;color:#fff}
.gnb_wrap .lang li.select{display:block}
.gnb_wrap .lang li.select a{color:#ccc;cursor:pointer}
/*******************  메인  *******************/
.main{width:100%;height:100%}
.main_wrap{width:100%;height:100%;position:relative;font-weight:600;overflow:hidden}
/*main slide*/
.main_slide_wrap{width:100%;height:100%}
.main_slide{width:100%;height:100%}
.main_slide ul{width:100%;height:100%;position:absolute;top:0;left:0}
.main_slide li{position:relative;width:100%;height:100%;color:#fff;background-size:cover !important}
.main_slide li .txt_area{position:absolute;left:25px;bottom:126px;width:1000px}
.main_slide li .txt_area .txt_s{font-size:26px;line-height:30px !important;height:32px;position:absolute;bottom:134px;left:0}
.main_slide li .txt_area .key_wrod{font-size:57px;line-height:80px;height:80px;position:absolute;bottom:64px;left:0}
.main_slide li .txt_area .txt_experience{font-size:25px;line-height:32px;font-weight:400;position:absolute;bottom:0;left:0;color:#ccc}
.main_slide li .solution_type{position:absolute;left:15px;bottom:0}
.main_slide li .solution_type strong{display:inline-block;font-size:130px;line-height:130px;vertical-align:middle;color:#9f9f9f;opacity:0.6}
.main_slide li .img_area{position:absolute;bottom:-40px;left:1000px}
.main_slide li .img_area img{position:absolute;bottom:0;left:0;display:block}
.main_slide li.slide1{background:url(../images/bg_story1.jpg) no-repeat center}
.main_slide li.slide2{background:url(../images/bg_story2.jpg) no-repeat center}
.main_slide li.slide3{background:url(../images/bg_story3.jpg) no-repeat center}
.main_slide li.slide4{background:url(../images/bg_story4.jpg) no-repeat center}
.main_slide li.slide5{background:url(../images/bg_story5.jpg) no-repeat center}
.main_slide li.slide6{background:url(../images/bg_story6.jpg) no-repeat center}
.main_slide li.slide7{background:url(../images/bg_story7.jpg) no-repeat center}
.main_slide li.clone .txt_area .txt_s,.main_slide li.clone .txt_area .key_wrod,.main_slide li.clone .txt_area .txt_experience,.main_slide li.clone .txt_area .btn_area,.main_slide li.clone .img_area img{opacity:1 !important}
.main_slide li.clone .img_area img{left:0 !important}
/*main pager*/
.main_pager{position:absolute;top:50%;right:25px;margin-top:-236px;width:36px}
.main_pager li{width:36px;text-align:center}
.main_pager li a{display:block}
.main_pager .control{margin-bottom:20px}
.main_pager .control a{display:block;height:20px;background:url(../images/icon_stop_play.png) no-repeat}
.main_pager .control a.stop{background-position:11px 0px}
.main_pager .control a.play{background-position:-15px 0px}
.main_pager .pager li{position:relative;}
.main_pager .pager li a{position:relative;height:36px;margin:0 auto;border:4px solid transparent;border-radius:50%;box-sizing:border-box}
.main_pager .pager li a.hover, .main_pager li.select a{border:4px solid #0094de}
.main_pager .pager li a.hover ~ .label, .main_pager li.select .label{display:block !important}
.main_pager .pager li a .dot{position:absolute;left:9.5px;top:9.5px;display:block;width:9px;height:9px;border-radius:50%;background-color:#fff}
.main_pager .pager li .label{display:none;position:absolute;top:5px;right:40px;width:165px;font-size:20px;color:#fff;text-align:right;letter-spacing:-0.5px}
.main_pager .pager li .line{width:50%;height:20px;border-right:2px solid #8b8b8b;margin:5px 0;margin-left:-1px}
/*******************  서브  *******************/
.subpage{font-size:18px;text-align:center}
/*서브페이지 타이틀*/
.subpage .sub_top{position:absolute;top:0;left:0;width:100%}
.subpage .sub_top article{height:502px}
.subpage .sub_top .txt_area{position:absolute;left:0;top:50%;margin-top:-75px;width:100%}
.subpage .sub_top .txt_area p{color:#fff;width:95%;margin:0 auto}
.subpage .sub_top.fixed{position:fixed;height:80px;overflow:hidden;z-index:2}
.subpage .sub_top.fixed .txt_area{display:none}
.subpage .sub_top .payment{background:url(../images/bg_solution_payment.jpg) no-repeat center / cover}
.subpage .sub_top .security{background:url(../images/bg_solution_security.jpg) no-repeat center / cover}
.subpage .sub_top .mobility{background:url(../images/bg_solution_mobility.jpg) no-repeat center / cover}
.subpage .sub_top .retail{background:url(../images/bg_solution_retail.jpg) no-repeat center / cover}
.subpage .sub_top .aiiot{background:url(../images/bg_solution_aiiot.jpg) no-repeat center / cover}
.subpage .sub_top .whyheta{background:url(../images/bg_whyheta.jpg) no-repeat center / cover}
.subpage .sub_top .experience{background:url(../images/bg_experience.jpg) no-repeat center / cover}
/*서브페이지*/
.subpage .content_wrap{position:absolute;top:502px;left:0;width:100%;padding-top:63px;background-color:#fff}
.subpage .content_wrap p{line-height:24px}
.subpage .content_wrap .area_box{position:absolute;top:50px;left:0;width:100%;opacity:0}

 
/*use case*/
.challenges_benefits{position:relative;overflow:hidden;margin-bottom:182px}
.challenges_benefits .txt_area{float:left;width:750px;margin-bottom:60px;margin-left:-50px;opacity:0}
.challenges_benefits .blue_box{width:428px;position:absolute;top:0;right:-50px;background-color:#d4eff7;z-index:1;opacity:0}
.challenges_benefits .blue_box .challenges{padding:30px 20px 40px}
.challenges_benefits .blue_box .benefits{padding:40px 20px 30px;background:url(../images/bg_list.png) no-repeat center top}
.challenges_benefits .blue_box ol{margin-top:15px}
.challenges_benefits .blue_box li{background:url(../images/icon_list.png) no-repeat 4px 8px;padding-left:19px}
.challenges_benefits .img_area{margin-left:-50px;opacity:0}
.txt_box{width:100%;padding:45px 47px;border:4px solid #ecead0;background-color:#f5f4e7;box-sizing:border-box}
.cm_voice{padding-top:182px !important;background:url(../images/bg_line.png) no-repeat center top / 90%}
.cm_voice .voice{position:relative}
.cm_voice .voice .txt_box{position:absolute;top:50px;left:0;opacity:0}
.cm_voice > div:first-child{margin-bottom:47px}
.cm_voice .tooltip{width:85%;margin-bottom:50px}
.cm_voice .tooltip p{position:relative;padding:0 40px}
.cm_voice .tooltip p::before{content:"";display:block;background:url(../images/icon_quotation_mark_1.png) no-repeat left top;width:24px;height:25px;position:absolute;top:0;left:0}
.cm_voice .tooltip p::after{content:"";display:block;background:url(../images/icon_quotation_mark_2.png) no-repeat right bottom;width:24px;height:25px;position:absolute;bottom:0;right:0}
.cm_voice .time{clear:both;margin-bottom:18px;color:#666}
/*솔루션*/
/*솔루션 서브탭*/
.sub_tab{position:absolute;left:0;top:-60px;width:100%;z-index:10}
.sub_tab .bg{position:absolute;left:0;top:0;background-color:#000;opacity:0.2;width:100%;height:100%}
.sub_tab ul{position:relative;z-index:1}
.sub_tab ul li{float:left;width:20%;text-align:center}
.sub_tab ul li a{display:block;height:60px;line-height:60px;color:#fff;font-size:24px}
.sub_tab ul li a.select , .content_wrap .snb ul li a:hover{background-color:#0094de}
.sub_tab.fixed{position:fixed;}
.sub_tab.fixed .bg{opacity:1}
/*솔루션 공통*/
.solution_info{text-align:left}
.solution_info .info_img{float:left;width:39.21875%;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.solution_info .info_txt{position:relative;float:right;width:60.78125%;height:386px;padding-left:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.solution_info .info_txt dt{margin-bottom:26px}
.solution_info .btn_area{position:absolute;bottom:0;left:30px;line-height:52px}
.solution_info .btn_area a{display:inline-block;width:220px;border:1px solid #ccc;text-align:center;margin-right:5px;font-size:17px;font-weight:600;color:#287adc}
.solution_info .txt_etc{margin-top:10px}
.solution_detail{padding-top:72px;margin-top:60px}
.solution_detail .txt_area{margin-bottom:45px}
.solution_detail ul.solution_flow{font-size:0;margin-bottom:65px}
.solution_detail ul.solution_flow li{display:inline-block;width:25%;vertical-align:top;opacity:0}
.solution_detail ul.solution_flow .img_area{position:relative;background-color:#dfe2ec;border-radius:50%;width:184px;height:184px;margin:0 auto 12px}
.solution_detail ul.solution_flow .img_area div:after{display:block;position:absolute;top:6%;left:6%;font-size:20px;font-weight:600;color:#fff;line-height:36px;background-color:#0091ff;border-radius:50%;width:36px;height:36px}
.solution_detail ul.solution_flow .flow1 .icon:after{content:"1"}
.solution_detail ul.solution_flow .flow2 .icon:after{content:"2"}
.solution_detail ul.solution_flow .flow3 .icon:after{content:"3"}
.solution_detail ul.solution_flow .flow4 .icon:after{content:"4"}
.solution_detail ul.solution_flow .flow5 .icon:after{content:"5"}
.solution_detail ul.solution_flow .flow6 .icon:after{content:"6"}
.solution_detail ul.solution_flow .flow7 .icon:after{content:"7"}
.solution_detail ul.solution_flow .flow8 .icon:after{content:"8"}

.solution_detail ul.solution_flow .img_area0{position:relative;background-color:#dfe2ec;border-radius:50%;width:300px;height:300px;margin:0 auto 12px}
.solution_detail ul.solution_flow .img_area0 div:after{display:block;position:absolute;top:6%;left:6%;font-size:20px;font-weight:600;color:#fff;line-height:36px;background-color:#0091ff;border-radius:50%;width:36px;height:36px}

.solution_detail ul.solution_flow .img_area1{position:relative;background-color:#dfe2ec;border-radius:50%;width:250px;height:250px;margin:0 auto 12px}
.solution_detail ul.solution_flow .img_area1 div:after{display:block;position:absolute;top:6%;left:6%;font-size:20px;font-weight:600;color:#fff;line-height:36px;background-color:#0091ff;border-radius:50%;width:36px;height:36px}
.solution_detail ul.solution_flow .img_area2{position:relative;background-color:red;border-radius:50%;width:250px;height:250px;margin:0 auto 12px}
.solution_detail ul.solution_flow .img_area2 div:after{display:block;position:absolute;top:6%;left:6%;font-size:20px;font-weight:600;color:#fff;line-height:36px;background-color:#0091ff;border-radius:50%;width:36px;height:36px}
.solution_detail ul.solution_flow .flowO .icon:after{content:"O"}
.solution_detail ul.solution_flow .flowX .icon:after{content:"X"}



.solution_detail .case{position:relative;}
.solution_detail .case ul{font-size:0;margin-top:40px}
.solution_detail .case li{display:inline-block;width:23.5%;margin-left:2%;vertical-align:top;font-size:18px}
.solution_detail .case li:first-child{margin-left:0}
.solution_detail .case li .img_area{border:1px solid #c1c1c1;margin-bottom:12px}
.solution_detail .spec{padding:20px 0 20px 80px;border:1px solid #cdd4dd;box-sizing:border-box}
.solution_detail .spec dl{float:left;padding:30px 0;width:33.33333333333333%;text-align:left;box-sizing:border-box}
.solution_detail .spec dl dt{color:#999;margin-bottom:5px}
.solution_detail .spec dl dd{font-weight:600}
.solution_detail .demo_video{width:880px;height:500px;margin:0 auto}
/*whyheta*/
.whyheta_detail{position:relative;margin-bottom:182px}
.whyheta_detail .assist_area{margin-top:65px}
.whyheta_detail .assist_area .logo_txt{margin-top:10px}
.subpage .whyheta .specs .v1 {float:left;width:50%}
.subpage .whyheta .specs .v2 {float:right;width:50%}
.subpage .whyheta .specs .tit {clear:both;margin:20px auto} 
.subpage .whyheta .specs dl {display:inline-block;position:relative;width:200px;height:200px;border-radius:50%;margin:30px 30px;font-weight:600;color:#fff;font-size:25px;}
.subpage .whyheta .specs .v1  dl {background-color:#32adb5}
.subpage .whyheta .specs .v2  dl {background-color:#0094de}
.subpage .whyheta .specs dl dt {position:absolute;top:13%;width:100%}
.subpage .whyheta .specs dl dd {position:absolute;top:32%;width:100%}
.subpage .whyheta .specs dl dd span {display:inline-block;font-weight:600;color:#fff;font-size:60px;text-align:center;width:100%;padding-bottom:5px}
/*증명서 공통*/
.img_crape{margin-top:95px}
.img_crape li{float:left;width:16.66666666666667%}
.img_crape li .img_area{width:90%;margin:0 auto 5px}
/*서브 문의하기*/
.contact_us{background-color:#f0f3f5;margin-top:132px;padding:75px 0 60px}
.contact_text{margin-bottom:45px}
.contact_text p{margin-bottom:5px}
.contact_info{text-align:center}
.contact_info li{line-height:28px}
.contact_info .tel,.contact_info .email{display:inline-block;width:230px;text-align:left}
.contact_info i{display:inline-block;width:27px;height:20px;vertical-align:middle;background:url(../images/icon_contact_info.png) no-repeat top left}
.contact_info .tel i{background-position-y:0}
.contact_info .email i{background-position-y:-27px;width:29px}
.contact_info .email a{color:#000}
.contact_info .address i{background-position-y:-53px}
/*footer*/
footer p{height:63px;line-height:63px !important;text-align:center;font-size:16px}

/*******************  모바일  *******************/
@media screen and (max-width:420px){
	.wrapper{min-width:320px}
	
	/*숨기기*/
	.mobile_view{display:block}

	/*텍스트 크기*/
	.sub_top_title{font-size:34px;margin-bottom:10px}
	.title{font-size:20px;margin-bottom:20px}
	.title_m{font-size:18px}
	.title_s{font-size:15px}
	.txt_s{font-size:12px;line-height:15px !important}	
	
	/*scroll_top*/
	.scroll_top a{width:30px;height:30px;background-size:50%}
	
	/*브라우저 최적화 안내*/
	.browser_guide{padding:7px}
	.browser_guide .txt_area{height:auto;padding-left:0;background-size:30px;background-position-y:top;margin-left:0}
	.browser_guide .txt_area p{padding-top:0;padding-left:40px;font-size:19px;line-height:30px}
	.browser_guide .txt_area span{font-size:13px}
	.browser_guide .btn_area{position:static;line-height:normal;margin-top:10px}
	.browser_guide .btn_area a{display:block;float:left;font-size:11px;line-height:30px;padding:0 10px 0 28px;background-position-x:5px !important;background-size:16px !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.browser_guide .btn_area a.ie{margin-left:10px}
	.browser_guide .btn_close{right:13px;top:13px;margin-top:0;width:15px;height:15px}
	/*gnb*/
	.gnb_wrap{min-width:320px;height:50px}
	.gnb_wrap .logo_wrap{top:13.406px;left:50%;margin-left:-88.5px;width:177px}
	.gnb_wrap .logo_wrap img{width:70%;margin:0 auto}
	.gnb_wrap .logo_wrap .logo_txt{font-size:10px}
	.gnb_wrap .menu{position:fixed;top:50px;right:0;width:100%;height:calc(100% - 50px);overflow:auto;display:none}
	.gnb_wrap .active_menu{display:block;background-color:#000;opacity:0.8}
	.gnb_wrap .menu li.depth1{width:100%;margin-right:0;padding:0}
	.gnb_wrap .menu li.depth1 a{padding:0 8px;font-size:15px;line-height:46px;border-bottom:1px solid #565656}
	.gnb_wrap .menu li.depth1 .depth2_menu{position:static;background-color:#00273a;padding:0;width:100%}
	.gnb_wrap .menu li.depth1 .depth2_menu li a{padding:0 44px;font-size:15px;font-weight:600;border-bottom:0}
	.gnb_wrap .menu li.hover > a, .gnb_wrap .menu li.depth1 > a.select{border-bottom:1px solid #565656}
	.gnb_wrap .menu li.open .depth2_menu{display:block}
	.gnb_wrap .menu li.menu_solution{width:100%}
	.gnb_wrap .menu li.menu_solution > a{background:url(../images/icon_arrow_down.png) no-repeat 97% center}
	.gnb_wrap .menu li.menu_solution.open > a{background:url(../images/icon_arrow_up.png) no-repeat 97% center}
	.gnb_wrap .menu li.menu_about_us a{padding-right:8px;background:url(../images/icon_link.png) no-repeat 80px center / 13px}
	.gnb_wrap .lang{top:7px;right:7px;border:0px}
	.gnb_wrap .lang li a{width:34px;height:34px;line-height:34px;font-size:12px}
	
	/*******************  메인  *******************/
	/*main slide*/
	.main_slide li .txt_area .br{display:block}
	.main_slide li .txt_area{width:97%;left:7px;bottom:55px}
	.main_slide li .txt_area .txt_s{font-size:3.8vw;line-height:3.8vw !important;height:4.5vw}
	.main_slide li .txt_area .key_wrod{font-size:5.5vw;line-height:6.3vw;height:6.3vw}
	.main_slide li .txt_area .txt_experience{font-size:3.2vw;line-height:4.2vw}
	/**영문 20190516 추가**/
	.main_slide li .solution_type{left:2px}
	.main_slide li .solution_type strong{font-size:55px;line-height:55px}
	.main_slide li .img_area{bottom:24%;left:35%;width:160px;margin-left:-80px}
	.main_slide li .img_area img{width:100%}
	.main_slide li.slide1{background-image:url(../images/bg_Mstory1.jpg)}
	.main_slide li.slide2{background-image:url(../images/bg_Mstory2.jpg)}
	.main_slide li.slide3{background-image:url(../images/bg_Mstory3.jpg)}
	.main_slide li.slide4{background-image:url(../images/bg_Mstory4.jpg)}
	.main_slide li.slide5{background-image:url(../images/bg_Mstory5.jpg)}
	.main_slide li.slide6{background-image:url(../images/bg_Mstory6.jpg)}
	.main_slide li.slide7{background-image:url(../images/bg_Mstory7.jpg)}
	.main_slide .br{display:inline}
	/*main pager*/
	.main_pager{top:15%;right:15px;margin-top:0;width:20px}
	.main_pager li{width:20px}
	.main_pager .control{margin-bottom:10px}
	.main_pager .control a{height:12px;background-size:25px}
	.main_pager .control a.stop{background-position:6px 0px}
	.main_pager .control a.play{background-position:-9px 0px}
	.main_pager .pager li a{height:20px;border:2px solid transparent}
	.main_pager .pager li a:hover, .main_pager li.select a{border:2px solid #0094de}
	.main_pager .pager li a .dot{left:5px;top:5px;width:6px;height:6px}
	.main_pager .pager li .label{top:2px;right:25px;width:85px;font-size:12px}
	.main_pager .pager li .line{height:8px}
	/*******************  서브  *******************/
	.subpage{font-size:12px}
	.subpage .br{display:inline}
	/*서브페이지 타이틀*/
	.subpage .sub_top article{height:200px}
	.subpage .sub_top .txt_area{margin-top:0;top:66px}
	.subpage .sub_top.fixed{height:50px}
	.subpage .sub_top .payment{background:url(../images/bg_solution_paymentM.jpg) no-repeat center / cover}
	.subpage .sub_top .security{background:url(../images/bg_solution_securityM.jpg) no-repeat center / cover}
	.subpage .sub_top .mobility{background:url(../images/bg_solution_mobilityM.jpg) no-repeat center / cover}
	.subpage .sub_top .retail{background:url(../images/bg_solution_retailM.jpg) no-repeat center / cover}
	.subpage .sub_top .aiiot{background:url(../images/bg_solution_aiiotM.jpg) no-repeat center / cover}
	.subpage .sub_top .whyheta{background:url(../images/bg_whyhetaM.jpg) no-repeat center / cover}
	.subpage .sub_top .experience{background:url(../images/bg_experienceM.jpg) no-repeat center / cover}



	/*서브페이지*/
	.subpage .content_wrap{top:200px;padding-top:40px}
	.subpage .content_wrap p{line-height:20px}
	.subpage .content{padding:0 7px}
	/*서브 본문*/
	/*use case*/
	.challenges_benefits{margin-bottom:60px}
	.challenges_benefits .txt_area{float:none;width:100%;margin-bottom:20px;margin-left:0}
	.challenges_benefits .blue_box{width:100%;height:auto;position:static;top:0;right:0;margin-bottom:20px}
	.challenges_benefits .blue_box .challenges{padding:20px}
	.challenges_benefits .blue_box .benefits{padding:20px;background-size:90%}
	.challenges_benefits .blue_box ol{margin-top:10px}
	.challenges_benefits .blue_box li{padding-left:19px}
	.challenges_benefits .img_area{margin-left:0}
	.challenges_benefits .img_area img{width:100%}
	.txt_box{padding:20px}
	.cm_voice{padding-top:60px !important}
	.cm_voice .icon{float:none;width:78px}
	.cm_voice > div:first-child{margin-bottom:15px}
	.cm_voice .tooltip{width:100%;margin:20px 0 30px}
	.cm_voice .tooltip p{position:relative;padding:0}
	.cm_voice .tooltip p::before{background-size:contain;width:10px;left:-12px}
	.cm_voice .tooltip p::after{background-size:contain;width:10px;right:-12px}
	.cm_voice .time{clear:both;margin-bottom:0;color:#666}
	/*솔루션*/
	/*솔루션 서브탭*/
	.sub_tab{top:-40px}
	.sub_tab ul li a{height:40px;line-height:40px;font-size:3.75vw}
	/*솔루션 공통*/
	.solution_info,.solution_detail{padding:0 7px}
	.solution_info .info_img{display:none}
	.solution_info .info_txt{width:100%;height:auto;padding-left:0;text-align:center}
	.solution_info .info_txt dt{margin-bottom:20px}
	.solution_info .btn_area{position:static;margin-top:30px;line-height:normal}
	.solution_info .btn_area a{width:100%;margin-right:0;margin-bottom:5px;font-size:12px;padding:10px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.solution_info .txt_etc{margin-top:0}
	.solution_detail{padding-top:20px;margin-top:40px}
	.solution_detail .txt_area{margin-bottom:0}
	.solution_detail ul.solution_flow{margin-bottom:40px}
	.solution_detail ul.solution_flow li{width:50%;margin-top:25px}
	.solution_detail ul.solution_flow .img_area{width:100px;height:100px;margin:0 auto 8px}
	.solution_detail ul.solution_flow .img_area div:after{font-size:13px;line-height:22px;width:22px;height:22px}
	.solution_detail ul.solution_flow .txt_s{width:95%;margin:0 auto}


	.solution_detail ul.solution_flow .img_area0{width:90%;height:90%;margin:0 auto 8px}
	.solution_detail ul.solution_flow .img_area0 div:after{font-size:13px;line-height:22px;width:22px;height:22px}

	.solution_detail ul.solution_flow .img_area1{width:90%;height:90%;margin:0 auto 8px}
	.solution_detail ul.solution_flow .img_area1 div:after{font-size:13px;line-height:22px;width:22px;height:22px}

	.solution_detail ul.solution_flow .img_area2{width:90%;height:90%;margin:0 auto 8px}
	.solution_detail ul.solution_flow .img_area2 div:after{font-size:13px;line-height:22px;width:22px;height:22px}

	.solution_detail .case ul{margin-top:0}
	.solution_detail .case li{width:49%;margin-left:1%;font-size:12px;vertical-align:top;line-height:20px;margin-top:30px}
	.solution_detail .case li .img_area{margin-bottom:5px}
	.solution_detail .spec{padding:10px}
	.solution_detail .spec dl{padding:5px 0;width:50%}
	.solution_detail .demo_video{width:100%;height:56.25vw}
	/*whyheta*/
	.whyheta_detail{margin-bottom:60px}
	.whyheta_detail .assist_area{margin-top:20px}
	.whyheta_detail .assist_area img{width:80%}
	.whyheta_detail .assist_area .logo_img{width:220px}
	.whyheta_detail .assist_area .logo_txt{margin-top:5px}
	.subpage .whyheta .specs .v1 {clear:both;width:100%;margin:20px 0}
	.subpage .whyheta .specs .v2 {clear:both;width:100%;margin:20px 0}
	.subpage .whyheta .specs img {width:auto}
	.subpage .whyheta .specs dl {display:inline-block;position:relative;width:120px;height:120px;border-radius:50%;margin:0px 10px;font-weight:600;color:#fff;font-size:15px;}
	.subpage .whyheta .specs dl dd span {display:inline-block;font-weight:600;color:#fff;font-size:35px;text-align:center;width:100%;padding-bottom:5px}
	/*증명서 공통*/
	.img_crape{margin-top:0}
	.img_crape li{width:33.33333333333333%;height:51vw;margin-top:15px}
	/*서브 문의하기*/
	.contact_us{padding:45px 7px;margin-top:60px}
	.contact_text{margin-bottom:20px}
	.contact_text p{margin-bottom:3px;line-height:15.73px !important;text-align:left}
	.contact_info {width:100%;margin:0;text-align:left}
	.contact_info li{line-height:16px}
	.contact_info i{width:17px;height:10px;background-size:12px}
	.contact_info .tel, .contact_info .email{width:49%;max-width:150px}
	.contact_info .email i{background-position-y:-16px;width:21px}
	.contact_info .address{letter-spacing:-0.2px}
	.contact_info .address i{background-position-y:-32px}
	/*footer*/
	footer p{font-size:13px}
	
}

@media screen and (min-width:421px) and (max-width:480px){
	
	/*숨기기*/
	.mobile_view{display:block}

	/*텍스트 크기*/
	.sub_top_title{font-size:42px;margin-bottom:20px}
	.title{font-size:24px;margin-bottom:20px}
	.title_m{font-size:20px}
	.title_s{font-size:16px}
	.txt_s{font-size:13px;line-height:16px !important}	

	/*브라우저 최적화 안내*/
	.browser_guide{padding:7px}
	.browser_guide .txt_area{height:auto;padding-left:0;background-size:30px;background-position-y:top;margin-left:0}
	.browser_guide .txt_area p{padding-top:0;padding-left:40px;font-size:19px;line-height:30px}
	.browser_guide .txt_area span{font-size:13px}
	.browser_guide .btn_area{position:static;line-height:normal;margin-top:10px}
	.browser_guide .btn_area a{display:block;float:left;font-size:11px;line-height:30px;padding:0 10px 0 28px;background-position-x:5px !important;background-size:16px !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.browser_guide .btn_area a.ie{margin-left:10px}
	.browser_guide .btn_close{right:13px;top:13px;margin-top:0;width:15px;height:15px}
	/*gnb*/
	.gnb_wrap{height:50px}
	.gnb_wrap .logo_wrap{top:13.406px;left:50%;margin-left:-88.5px;width:177px}
	.gnb_wrap .logo_wrap img{width:70%;margin:0 auto}
	.gnb_wrap .logo_wrap .logo_txt{font-size:10px}
	.gnb_wrap .menu{position:fixed;top:50px;right:0;width:100%;height:calc(100% - 50px);overflow:auto;display:none}
	.gnb_wrap .active_menu{display:block;background-color:#000;opacity:0.8}
	.gnb_wrap .menu li.depth1{width:100%;margin-right:0;padding:0}
	.gnb_wrap .menu li.depth1 a{padding:0 8px;font-size:15px;line-height:46px;border-bottom:1px solid #565656}
	.gnb_wrap .menu li.depth1 .depth2_menu{position:static;background-color:#00273a;padding:0;width:100%}
	.gnb_wrap .menu li.depth1 .depth2_menu li a{padding:0 44px;font-size:15px;font-weight:600;border-bottom:0}
	.gnb_wrap .menu li.hover > a, .gnb_wrap .menu li.depth1 > a.select{border-bottom:1px solid #565656}
	.gnb_wrap .menu li.open .depth2_menu{display:block}
	.gnb_wrap .menu li.menu_solution{width:100%}
	.gnb_wrap .menu li.menu_solution > a{background:url(../images/icon_arrow_down.png) no-repeat 97% center}
	.gnb_wrap .menu li.menu_solution.open > a{background:url(../images/icon_arrow_up.png) no-repeat 97% center}
	.gnb_wrap .menu li.menu_about_us a{padding-right:8px;background:url(../images/icon_link.png) no-repeat 80px center / 13px}
	.gnb_wrap .lang{top:7px;right:7px;border:0px}
	.gnb_wrap .lang li a{width:34px;height:34px;line-height:34px;font-size:12px}
	
	/*******************  메인  *******************/
	/*main slide*/
	.main_slide li .txt_area{width:97%;left:7px;bottom:57px}
	.main_slide li .txt_area .txt_s{font-size:4vw;line-height:4.5vw !important;height:5.5vw}
	.main_slide li .txt_area .key_wrod{font-size:5.6vw;line-height:6vw;height:6.5vw}
	.main_slide li .txt_area .txt_experience{font-size:3.2vw;line-height:4.2vw}
	/**영문 20190516 추가**/	
	.main_slide li .txt_area .btn_area a{height:40px;line-height:40px;padding-left:15px;padding-right:20px;font-size:14px;border:1px solid #b8b8b8;vertical-align:top;letter-spacing:-0.5px}
	.main_slide li .txt_area .btn_area a i{width:18px;background-size:200% !important}
	.main_slide li .txt_area .btn_area a.google i{background:url(../images/icon_app.png) no-repeat left center;margin-right:12px}
	.main_slide li .txt_area .btn_area a.apple i{background:url(../images/icon_app.png) no-repeat right center;margin-right:12px}
	.main_slide li .txt_area .btn_area a.btn_question{padding-right:20px;font-size:15px}
	.main_slide li .txt_area .btn_area a.btn_question i{width:16px;background-size:100% !important;margin-right:12px}
	.main_slide li .solution_type{left:2px}
	.main_slide li .solution_type strong{font-size:58px;line-height:58px}	
	.main_slide li .img_area{bottom:24%;left:35%;width:170px;margin-left:-85px}
	.main_slide li .img_area img{width:100%}
	.main_slide li.slide1{background-image:url(../images/bg_Mstory1.jpg)}
	.main_slide li.slide2{background-image:url(../images/bg_Mstory2.jpg)}
	.main_slide li.slide3{background-image:url(../images/bg_Mstory3.jpg)}
	.main_slide li.slide4{background-image:url(../images/bg_Mstory4.jpg)}
	.main_slide li.slide5{background-image:url(../images/bg_Mstory5.jpg)}
	.main_slide li.slide6{background-image:url(../images/bg_Mstory6.jpg)}
	.main_slide li.slide7{background-image:url(../images/bg_Mstory7.jpg)}		
	/*main pager*/
	.main_pager{top:15%;right:15px;margin-top:0;width:20px}
	.main_pager li{width:20px}
	.main_pager .control{margin-bottom:10px}
	.main_pager .control a{height:12px;background-size:25px}
	.main_pager .control a.stop{background-position:6px 0px}
	.main_pager .control a.play{background-position:-9px 0px}
	.main_pager .pager li a{height:20px;border:2px solid transparent}
	.main_pager .pager li a:hover, .main_pager li.select a{border:2px solid #0094de}
	.main_pager .pager li a .dot{left:5px;top:5px;width:6px;height:6px}
	.main_pager .pager li .label{top:2px;right:25px;width:100px;font-size:13px}
	.main_pager .pager li .line{height:10px}
	
	/*******************  서브  *******************/
	.subpage{font-size:13px}
	.subpage .br{display:inline}
	/*서브페이지 타이틀*/
	.subpage .sub_top article{height:230px}
	.subpage .sub_top .txt_area{margin-top:0;top:30%}
	.subpage .sub_top.fixed{height:50px}
	.subpage .sub_top .payment{background:url(../images/bg_solution_paymentM.jpg) no-repeat center / cover}
	.subpage .sub_top .security{background:url(../images/bg_solution_securityM.jpg) no-repeat center / cover}
	.subpage .sub_top .mobility{background:url(../images/bg_solution_mobilityM.jpg) no-repeat center / cover}
	.subpage .sub_top .retail{background:url(../images/bg_solution_retailM.jpg) no-repeat center / cover}
	.subpage .sub_top .aiiot{background:url(../images/bg_solution_aiiotM.jpg) no-repeat center / cover}
	.subpage .sub_top .whyheta{background:url(../images/bg_whyhetaM.jpg) no-repeat center / cover}
	.subpage .sub_top .experience{background:url(../images/bg_experienceM.jpg) no-repeat center / cover}



	/*서브페이지*/
	.subpage .content_wrap{top:230px;padding-top:50px}
	.subpage .content_wrap p{line-height:22px}
	.subpage .content{padding:0 7px}
	/*서브 본문*/
	/*use case*/
	.challenges_benefits{margin-bottom:60px}
	.challenges_benefits .txt_area{float:none;width:100%;margin-bottom:20px;margin-left:0}
	.challenges_benefits .blue_box{width:100%;height:auto;position:static;top:0;right:0;margin-bottom:20px}
	.challenges_benefits .blue_box .challenges{padding:20px}
	.challenges_benefits .blue_box .benefits{padding:20px;background-size:90%}
	.challenges_benefits .blue_box ol{margin-top:10px}
	.challenges_benefits .blue_box li{padding-left:19px}
	.challenges_benefits .img_area{margin-left:0}
	.challenges_benefits .img_area img{width:100%}
	.txt_box{padding:20px}
	.cm_voice{padding-top:60px !important}
	.cm_voice .icon{float:none;width:78px}
	.cm_voice > div:first-child{margin-bottom:15px}
	.cm_voice .tooltip{width:100%;margin:20px 0 30px}
	.cm_voice .tooltip p{position:relative;padding:0 10px}
	.cm_voice .tooltip p::before{background-size:contain;width:13px;left:-10px}
	.cm_voice .tooltip p::after{background-size:contain;width:13px;right:-10px}
	.cm_voice .time{clear:both;margin-bottom:0;color:#666}
	/*솔루션*/
	/*솔루션 서브탭*/
	.sub_tab{top:-50px}
	.sub_tab ul li a{height:50px;line-height:50px;font-size:15px}	
	/*솔루션 공통*/
	.solution_info,.solution_detail{padding:0 7px}
	.solution_info .info_img{display:none}
	.solution_info .info_txt{width:100%;height:auto;padding-left:0;text-align:center}
	.solution_info .info_txt dt{margin-bottom:20px}
	.solution_info .btn_area{position:static;margin-top:30px;line-height:normal}
	.solution_info .btn_area a{width:100%;margin-right:0;margin-bottom:5px;font-size:13px;padding:10px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.solution_info .txt_etc{margin-top:0}
	.solution_detail{padding-top:20px;margin-top:50px}
	.solution_detail .txt_area{margin-bottom:0}
	.solution_detail ul.solution_flow{margin-bottom:40px}
	.solution_detail ul.solution_flow li{width:50%;margin-top:30px}
	.solution_detail ul.solution_flow .img_area{width:130px;height:130px;margin:0 auto 8px}
	.solution_detail ul.solution_flow .img_area div:after{font-size:14px;line-height:26px;width:26px;height:26px}

	.solution_detail ul.solution_flow .img_area0{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area0 div:after{font-size:14px;line-height:26px;width:26px;height:26px}
	.solution_detail ul.solution_flow .img_area1{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area1 div:after{font-size:14px;line-height:26px;width:26px;height:26px}
	.solution_detail ul.solution_flow .img_area2{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area2 div:after{font-size:14px;line-height:26px;width:26px;height:26px}

	.solution_detail ul.solution_flow .txt_s{width:95%;margin:0 auto}

	.solution_detail .case ul{margin-top:0}
	.solution_detail .case li{width:49%;margin-left:1%;font-size:15px;vertical-align:top;line-height:22px;margin-top:30px}
	.solution_detail .case li .img_area{margin-bottom:5px}
	.solution_detail .spec{padding:10px}
	.solution_detail .spec dl{padding:5px 0;width:50%}
	.solution_detail .demo_video{width:100%;height:56.25vw}
	/*whyheta*/
	.whyheta_detail{margin-bottom:60px}
	.whyheta_detail .assist_area{margin-top:20px}
	.whyheta_detail .assist_area img{width:80%}
	.whyheta_detail .assist_area .logo_img{width:245px}
	.whyheta_detail .assist_area .logo_txt{margin-top:5px}
	.subpage .whyheta .specs .v1 {clear:both;width:100%;margin:20px 0}
	.subpage .whyheta .specs .v2 {clear:both;width:100%;margin:20px 0}
	.subpage .whyheta .specs img {width:auto}
	.subpage .whyheta .specs dl {display:inline-block;position:relative;width:150px;height:150px;border-radius:50%;margin:10px 10px;font-weight:600;color:#fff;font-size:20px;}
	.subpage .whyheta .specs dl dd span {display:inline-block;font-weight:600;color:#fff;font-size:45px;text-align:center;width:100%;padding-bottom:5px}
	/*증명서 공통*/
	.img_crape{margin-top:0}
	.img_crape li{width:33.33333333333333%;height:48vw;margin-top:15px}
	.img_crape li .img_area{width:75%}
	.img_crape p{width:98%;margin:0 auto}
	/*서브 문의하기*/
	.contact_us{padding:45px 7px;margin-top:60px;font-size:12px}
	.contact_text{margin-bottom:20px}
	.contact_text p{line-height:17px !important}
	.contact_info {width:100%}
	.contact_info li{line-height:16px}
	.contact_info i{width:15px;height:10px;background-size:12px}
	.contact_info .tel, .contact_info .email{width:152px}	
	.contact_info .email i{background-position-y:-16px;width:18px}
	.contact_info .address .eng{letter-spacing:-0.5px}
	.contact_info .address i{background-position-y:-32px}
	/*footer*/
	footer p{font-size:14px}	
}
@media screen and (min-width:481px) and (max-width:720px){
	/*숨기기*/
	.mobile_view{display:block}

	/*텍스트 크기*/
	.sub_top_title{font-size:46px;margin-bottom:26px}
	.title{font-size:28px;margin-bottom:20px}
	.title_m{font-size:22px}
	.txt_s{font-size:14px;line-height:17px !important}
		
	/*scroll_top*/
	.scroll_top{position:fixed;bottom:10px;right:18px;}
	.scroll_top a{display:block;width:39px;height:39px;border:1px solid #848484;background:#fff url('../images/icon_arrow_up_b.png') no-repeat center;opacity:0.7}
	
	/*브라우저 최적화 안내*/
	.browser_guide{padding:7px}
	.browser_guide .txt_area{height:auto;padding-left:0;background-size:30px;background-position-y:top;margin-left:0}
	.browser_guide .txt_area p{padding-top:0;padding-left:40px;font-size:19px;line-height:30px}
	.browser_guide .txt_area span{font-size:13px}
	.browser_guide .btn_area{position:static;line-height:normal;margin-top:10px}
	.browser_guide .btn_area a{display:block;float:left;font-size:11px;line-height:30px;padding:0 10px 0 28px;background-position-x:5px !important;background-size:16px !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.browser_guide .btn_area a.ie{margin-left:10px}
	.browser_guide .btn_close{right:13px;top:13px;margin-top:0;width:15px;height:15px}
	
	/*gnb*/
	.gnb_wrap{height:60px}
	.gnb_wrap .logo_wrap{top:13.406px;left:50%;margin-left:-88.5px;width:177px}
	.gnb_wrap .logo_wrap img{width:80%;margin:0 auto}
	.gnb_wrap .logo_wrap .logo_txt{font-size:10px}
	.gnb_wrap .menu{position:fixed;top:60px;right:0;width:100%;height:calc(100% - 60px);overflow:auto;display:none}
	.gnb_wrap .menu_btn_wrap{top:10px;left:10px}
	.gnb_wrap .menu_btn_wrap a{width:40px;height:40px}
	.gnb_wrap .active_menu{display:block;background-color:#000;opacity:0.8}
	.gnb_wrap .menu li.depth1{width:100%;margin-right:0;padding:0}
	.gnb_wrap .menu li.depth1 a{padding:0 10px;font-size:18px;line-height:48px;border-bottom:1px solid #565656}
	.gnb_wrap .menu li.depth1 .depth2_menu{position:static;background-color:#00273a;padding:0;width:100%}
	.gnb_wrap .menu li.depth1 .depth2_menu li a{padding:0 48px;font-size:17px;font-weight:600;border-bottom:0}
	.gnb_wrap .menu li.hover > a, .gnb_wrap .menu li.depth1 > a.select{border-bottom:1px solid #565656}
	.gnb_wrap .menu li.open .depth2_menu{display:block}
	.gnb_wrap .menu li.menu_solution{width:100%}
	.gnb_wrap .menu li.menu_solution > a{background:url(../images/icon_arrow_down.png) no-repeat 97% center}
	.gnb_wrap .menu li.menu_solution.open > a{background:url(../images/icon_arrow_up.png) no-repeat 97% center}
	.gnb_wrap .menu li.menu_about_us a{padding-right:8px;background:url(../images/icon_link.png) no-repeat 95px center / 17px}
	.gnb_wrap .lang{top:10px;right:10px;border:0px}
	.gnb_wrap .lang li a{width:38px;height:38px;line-height:38px;font-size:14px}
	
	/*******************  메인  *******************/
	/*main slide*/
	.main_slide li .txt_area{width:97%;left:10px;bottom:60px}
	.main_slide li .txt_area .txt_s{font-size:20px;line-height:23px !important;height:23px}
	.main_slide li .txt_area .key_wrod{font-size:27px;line-height:35px;height:35px}
	.main_slide li .txt_area .txt_experience{font-size:15.5px;line-height:17px}
	/**영문 20190516 추가**/	
	.main_slide li .txt_area .btn_area a{height:40px;line-height:40px;padding-left:15px;padding-right:20px;font-size:14px;border:1px solid #b8b8b8;vertical-align:top;letter-spacing:-0.5px}
	.main_slide li .txt_area .btn_area a i{width:18px;background-size:200% !important}
	.main_slide li .txt_area .btn_area a.google i{background:url(../images/icon_app.png) no-repeat left center;margin-right:12px}
	.main_slide li .txt_area .btn_area a.apple i{background:url(../images/icon_app.png) no-repeat right center;margin-right:12px}
	.main_slide li .txt_area .btn_area a.btn_question{padding-right:20px;font-size:15px}
	.main_slide li .txt_area .btn_area a.btn_question i{width:16px;background-size:100% !important;margin-right:12px}
	.main_slide li .solution_type{left:5px}
	.main_slide li .solution_type strong{font-size:60px;line-height:60px}
    .main_slide li .img_area{bottom:24%;left:40%;width:180px;margin-left:-90px}
	.main_slide li .img_area img{width:100%}
	.main_slide li.slide1{background-image:url(../images/bg_Mstory1.jpg)}
	.main_slide li.slide2{background-image:url(../images/bg_Mstory2.jpg)}
	.main_slide li.slide3{background-image:url(../images/bg_Mstory3.jpg)}
	.main_slide li.slide4{background-image:url(../images/bg_Mstory4.jpg)}
	.main_slide li.slide5{background-image:url(../images/bg_Mstory5.jpg)}
	.main_slide li.slide6{background-image:url(../images/bg_Mstory6.jpg)}
	.main_slide li.slide7{background-image:url(../images/bg_Mstory7.jpg)}
	/*main pager*/
	.main_pager{top:17%;right:20px;margin-top:0;width:20px}
	.main_pager li{width:20px}
	.main_pager .control{margin-bottom:10px}
	.main_pager .control a{height:12px;background-size:25px}
	.main_pager .control a.stop{background-position:6px 0px}
	.main_pager .control a.play{background-position:-9px 0px}
	.main_pager .pager li a{height:20px;border:2px solid transparent}
	.main_pager .pager li a:hover, .main_pager li.select a{border:2px solid #0094de}
	.main_pager .pager li a .dot{left:5px;top:5px;width:6px;height:6px}
	.main_pager .pager li .label{top:2px;right:25px;width:110px;font-size:14px}
	.main_pager .pager li .line{height:10px}
	/*******************  서브  *******************/
	.subpage{font-size:16px}
	.subpage .br{display:inline}
	/*서브페이지 타이틀*/
	.subpage .sub_top article{height:280px}
	.subpage .sub_top .txt_area{margin-top:-50px;}
	.subpage .sub_top.fixed{height:60px}
	.subpage .sub_top .payment{background:url(../images/bg_solution_paymentM.jpg) no-repeat center / cover}
	.subpage .sub_top .security{background:url(../images/bg_solution_securityM.jpg) no-repeat center / cover}
	.subpage .sub_top .mobility{background:url(../images/bg_solution_mobilityM.jpg) no-repeat center / cover}
	.subpage .sub_top .retail{background:url(../images/bg_solution_retailM.jpg) no-repeat center / cover}
	.subpage .sub_top .aiiot{background:url(../images/bg_solution_aiiotM.jpg) no-repeat center / cover}
	.subpage .sub_top .whyheta{background:url(../images/bg_whyhetaM.jpg) no-repeat center / cover}
	.subpage .sub_top .experience{background:url(../images/bg_experienceM.jpg) no-repeat center / cover}
	/*서브페이지*/
	.subpage .content_wrap{top:280px;padding-top:60px}
	.subpage .content{padding:0 10px}
	/*서브 본문*/
	/*use case*/
	.challenges_benefits{margin-bottom:60px}
	.challenges_benefits .txt_area{float:none;width:100%;margin-bottom:20px;margin-left:0}
	.challenges_benefits .blue_box{width:100%;height:auto;position:static;top:0;right:0;margin-bottom:20px}
	.challenges_benefits .blue_box .challenges{padding:20px}
	.challenges_benefits .blue_box .benefits{padding:20px;background-size:90%}
	.challenges_benefits .blue_box ol{margin-top:10px}
	.challenges_benefits .blue_box li{padding-left:19px}
	.challenges_benefits .img_area{margin-left:0}
	.challenges_benefits .img_area img{width:100%}
	.txt_box{padding:20px}
	.cm_voice{padding-top:60px !important}
	.cm_voice .icon{float:none}
	.cm_voice > div:first-child{margin-bottom:15px}
	.cm_voice .tooltip{width:100%;margin:20px 0 30px}
	.cm_voice .tooltip p{position:relative;padding:0 20px}
	.cm_voice .tooltip p::before{background-size:contain;width:15px}
	.cm_voice .tooltip p::after{background-size:contain;width:15px}
	.cm_voice .time{clear:both;margin-bottom:0;color:#666}
	/*솔루션*/
	/*솔루션 서브탭*/
	.sub_tab{top:-60px}
	.sub_tab ul li a{height:60px;line-height:60px;font-size:18px}
	/*솔루션 공통*/
	.solution_info,.solution_detail{padding:0 10px}
	.solution_info .info_img{display:none}
	.solution_info .info_txt{width:100%;height:auto;padding-left:0;text-align:center}
	.solution_info .info_txt dt{margin-bottom:20px}
	.solution_info .btn_area{position:static;margin-top:20px;line-height:35px}
	.solution_info .btn_area a{width:100%;margin-right:0;margin-bottom:5px;font-size:15px;padding:10px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.solution_info .txt_etc{margin-top:5px;overflow:hidden}
	.solution_info .txt_etc .txt_s{float:left;font-size:13px;margin-right:20px}
	.solution_info .txt_etc .txt_s:last-child{margin-right:0}
	.solution_detail{padding-top:20px;margin-top:60px}
	.solution_detail .txt_area{margin-bottom:0}
	.solution_detail ul.solution_flow{max-width:480px;margin:0 auto 50px}
	.solution_detail ul.solution_flow li{width:50%;margin-top:30px}
	.solution_detail ul.solution_flow .img_area{width:150px;height:150px;margin:0 auto 8px}
	.solution_detail ul.solution_flow .img_area div:after{font-size:16px;line-height:28px;width:28px;height:28px}

	.solution_detail ul.solution_flow .img_area0{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area0 div:after{font-size:16px;line-height:28px;width:28px;height:28px}
	.solution_detail ul.solution_flow .img_area1{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area1 div:after{font-size:16px;line-height:28px;width:28px;height:28px}
	.solution_detail ul.solution_flow .img_area2{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area2 div:after{font-size:16px;line-height:28px;width:28px;height:28px}

	.solution_detail ul.solution_flow .txt_s{width:95%;margin:0 auto}


	.solution_detail .case ul{max-width:480px;margin:0 auto}
	.solution_detail .case li{width:49%;margin-left:1%;font-size:14px;vertical-align:top;line-height:24px;margin-top:30px}
	.solution_detail .case li .img_area{margin-bottom:5px}
	.solution_detail .spec{padding:10px 20px}
	.solution_detail .spec dl{padding:10px 0;width:50%}
	.solution_detail .demo_video{width:100%;height:56.25vw}	
	/*whyheta*/
	.whyheta_detail{margin-bottom:60px}
	.whyheta_detail .assist_area{margin-top:20px}
	.whyheta_detail .assist_area img{width:80%;max-width:420px}
	.whyheta_detail .assist_area .logo_img{width:295px}
	.whyheta_detail .assist_area .logo_txt{margin-top:5px}
	.subpage .whyheta .specs .v1 {clear:both;width:100%;margin:20px 0}
	.subpage .whyheta .specs .v2 {clear:both;width:100%;margin:20px 0}
	.subpage .whyheta .specs img{width:auto}
	.subpage .whyheta .specs dl {display:inline-block;position:relative;width:170px;height:170px;border-radius:50%;margin:20px 20px;font-weight:600;color:#fff;font-size:20px;}
	.subpage .whyheta .specs dl dd span {display:inline-block;font-weight:600;color:#fff;font-size:50px;text-align:center;width:100%;padding-bottom:5px}
	/*증명서 공통*/
	.img_crape{max-width:525px;margin:0 auto}
	.img_crape li{width:33.33333333333333%;height:48vw;max-height:250px;margin-top:15px}
	.img_crape li .img_area{width:75%}
	.img_crape p{width:98%;margin:0 auto}
	/*서브 문의하기*/
	.contact_us{padding:55px 10px;margin-top:60px;font-size:13px}
	.contact_text{margin-bottom:20px;}
	.contact_text p{line-height:17px !important}
	.contact_info {width:100%}
	.contact_info li{line-height:20px}
	.contact_info .tel, .contact_info .email{width:166px}
	.contact_info i{width:17px;height:10px;background-size:12px}
	.contact_info .email i{background-position-y:-16px;width:21px}
	.contact_info .address .eng{letter-spacing:-0.3px}
	.contact_info .address i{background-position-y:-32px}
}
@media screen and (min-width:721px) and (max-width:960px){
	/*숨기기*/
	.mobile_view{display:block}

	/*텍스트 크기*/
	.sub_top_title{font-size:65px;margin-bottom:26px}
	.title{font-size:35px}
	
	/*브라우저 최적화 안내*/
	.browser_guide .txt_area{height:70px;padding-left:50px;background-size:40px;margin-left:10px}
	.browser_guide .txt_area p{padding-top:8px;font-size:19px;line-height:30px}
	.browser_guide .txt_area span{font-size:13px}
	.browser_guide .btn_area{line-height:70px;right:40px}
	.browser_guide .btn_area a{font-size:13px;padding:10px 10px 10px 30px;background-position-x:7px !important;background-size:18px !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.browser_guide .btn_close{right:10px;margin-top:-7.5px;width:15px;height:15px}
	
	/*gnb*/
	.gnb_wrap{height:60px}
	.gnb_wrap .logo_wrap{top:14px;left:50%;margin-left:-88.5px;width:177px}
	.gnb_wrap .logo_wrap img{width:80%;margin:0 auto}
	.gnb_wrap .logo_wrap .logo_txt{font-size:10px}
	.gnb_wrap .menu{position:fixed;top:60px;right:0;width:100%;height:calc(100% - 60px);overflow:auto;display:none}
	.gnb_wrap .menu_btn_wrap{top:10px;left:10px}
	.gnb_wrap .menu_btn_wrap a{width:40px;height:40px}
	.gnb_wrap .active_menu{display:block;background-color:#000;opacity:0.8}
	.gnb_wrap .menu li.depth1{width:100%;margin-right:0;padding:0}
	.gnb_wrap .menu li.depth1 a{padding:0 10px;font-size:18px;line-height:48px;border-bottom:1px solid #565656}
	.gnb_wrap .menu li.depth1 .depth2_menu{position:static;background-color:#00273a;padding:0;width:100%}
	.gnb_wrap .menu li.depth1 .depth2_menu li a{padding:0 48px;font-size:17px;font-weight:600;border-bottom:0}
	.gnb_wrap .menu li.hover > a, .gnb_wrap .menu li.depth1 > a.select{border-bottom:1px solid #565656}
	.gnb_wrap .menu li.open .depth2_menu{display:block}
	.gnb_wrap .menu li.menu_solution{width:100%}
	.gnb_wrap .menu li.menu_solution > a{background:url(../images/icon_arrow_down.png) no-repeat 97% center}
	.gnb_wrap .menu li.menu_solution.open > a{background:url(../images/icon_arrow_up.png) no-repeat 97% center}
	.gnb_wrap .menu li.menu_about_us a{padding-right:8px;background:url(../images/icon_link.png) no-repeat 95px center / 17px}
	.gnb_wrap .lang{top:10px;right:10px;border:0px}
	.gnb_wrap .lang li a{width:38px;height:38px;line-height:38px;font-size:14px}
	
	/*******************  메인  *******************/
	/*main slide*/
	.main_slide li{background-position-y:bottom !important}
	.main_slide li .txt_area{width:97%;left:10px;bottom:80px}
	.main_slide li .txt_area .txt_s{font-size:24px;line-height:24px !important;height:27px}
	.main_slide li .txt_area .key_wrod{font-size:41px;line-height:52px;height:52px}
	.main_slide li .txt_area .txt_experience{font-size:19px;line-height:22px}
	/**영문 20190516 추가**/
	.main_slide li .txt_area .btn_area a{height:40px;line-height:40px;padding-left:15px;padding-right:20px;font-size:14px;vertical-align:top;letter-spacing:-0.5px}
	.main_slide li .txt_area .btn_area a i{width:18px;background-size:200% !important}
	.main_slide li .txt_area .btn_area a.google i{background:url(../images/icon_app.png) no-repeat left center;margin-right:12px}
	.main_slide li .txt_area .btn_area a.apple i{background:url(../images/icon_app.png) no-repeat right center;margin-right:12px}
	.main_slide li .txt_area .btn_area a.btn_question{padding-right:35px;font-size:15px}
	.main_slide li .txt_area .btn_area a.btn_question i{width:16px;background-size:100% !important;margin-right:12px}
	.main_slide li .solution_type{left:3px}
	.main_slide li .solution_type strong{font-size:80px;line-height:80px}
    .main_slide li .img_area{bottom:30%;left:40%;width:190px;margin-left:-95px}
	.main_slide li .img_area img{width:100%}
	.main_slide li.slide1{background-position-x:right}
	.main_slide li.slide4{background-position-x:right}		
	/*main pager*/
	.main_pager{top:17%;right:20px;margin-top:0;width:20px}
	.main_pager li{width:20px}
	.main_pager .control{margin-bottom:10px}
	.main_pager .control a{height:12px;background-size:25px}
	.main_pager .control a.stop{background-position:6px 0px}
	.main_pager .control a.play{background-position:-9px 0px}
	.main_pager .pager li a{height:20px;border:2px solid transparent}
	.main_pager .pager li a:hover, .main_pager li.select a{border:2px solid #0094de}
	.main_pager .pager li a .dot{left:5px;top:5px;width:6px;height:6px}
	.main_pager .pager li .label{top:2px;right:25px;width:110px;font-size:14px}
	.main_pager .pager li .line{height:10px}
	/*******************  서브  *******************/
	.subpage .br{display:inline}
	/*서브페이지 타이틀*/
	.subpage .sub_top article{height:430px}
	.subpage .sub_top .txt_area{margin-top:-61px;}
	.subpage .sub_top.fixed{height:60px}
	.subpage .sub_top .payment{background:url(../images/bg_solution_paymentM.jpg) no-repeat center / cover}
	.subpage .sub_top .security{background:url(../images/bg_solution_securityM.jpg) no-repeat center / cover}
	.subpage .sub_top .mobility{background:url(../images/bg_solution_mobilityM.jpg) no-repeat center / cover}
	.subpage .sub_top .retail{background:url(../images/bg_solution_retailM.jpg) no-repeat center / cover}
	.subpage .sub_top .aiiot{background:url(../images/bg_solution_aiiotM.jpg) no-repeat center / cover}
	.subpage .sub_top .whyheta{background:url(../images/bg_whyhetaM.jpg) no-repeat center / cover}
	.subpage .sub_top .experience{background:url(../images/bg_experienceM.jpg) no-repeat center / cover}
	/*서브페이지*/
	.subpage .content_wrap{top:430px}
	.subpage .content{padding:0 10px}
	/*서브 본문*/
	/*use case*/
	.challenges_benefits{margin-bottom:130px}
	.challenges_benefits .txt_area{float:none;width:100%;margin-bottom:30px;margin-left:0}
	.challenges_benefits .blue_box{width:100%;height:auto;position:static;top:0;right:0;margin-bottom:30px}
	.challenges_benefits .blue_box .benefits{background-size:95%}
	.challenges_benefits .blue_box li{padding-left:19px}
	.challenges_benefits .img_area{margin-left:0}
	.challenges_benefits .img_area img{width:100%}
	.txt_box{padding:20px}
	.cm_voice{padding-top:130px !important}
	.cm_voice .icon{float:none}
	.cm_voice > div:first-child{margin-bottom:15px}
	.cm_voice .tooltip{width:100%;margin:20px 0 30px}
	.cm_voice .tooltip p{position:relative;padding:0 20px}
	.cm_voice .tooltip p::before{background-size:contain;width:15px}
	.cm_voice .tooltip p::after{background-size:contain;width:15px}
	.cm_voice .time{clear:both;margin-bottom:0;color:#666}
	/*솔루션*/	
	/*솔루션 공통*/
	.solution_info,.solution_detail{padding:0 10px}
	.solution_info .info_img{display:none}
	.solution_info .info_txt{width:100%;height:auto;padding-left:0;text-align:center}
	.solution_info .info_txt dt{margin-bottom:20px}
	.solution_info .btn_area{position:static;margin-top:40px}
	.solution_info .txt_etc{margin-top:10px;overflow:hidden}
	.solution_info .txt_etc .txt_s{float:left;margin-right:20px}
	.solution_detail{padding-top:70px;margin-top:60px}
	.solution_detail ul.solution_flow{margin:0 auto 65px}
	.solution_detail ul.solution_flow .img_area{width:150px;height:150px}
	.solution_detail ul.solution_flow .img_area div:after{line-height:30px;width:30px;height:30px}

	.solution_detail ul.solution_flow .img_area0{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area0 div:after{line-height:30px;width:30px;height:30px}
	.solution_detail ul.solution_flow .img_area1{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area1 div:after{line-height:30px;width:30px;height:30px}
	.solution_detail ul.solution_flow .img_area2{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area2 div:after{line-height:30px;width:30px;height:30px}

	.solution_detail ul.solution_flow .txt_s{width:95%;margin:0 auto}
	.solution_detail .case ul{margin:40px auto 0}
	.solution_detail .spec{padding:10px 10px 10px 20px}
	/*whyheta*/
	.whyheta_detail{margin-bottom:130px}
	.subpage .whyheta .specs dl {display:inline-block;position:relative;width:150px;height:150px;border-radius:50%;margin:10px 5px;font-weight:600;color:#fff;font-size:18px;}
	.subpage .whyheta .specs dl dd span {display:inline-block;font-weight:600;color:#fff;font-size:40px;text-align:center;width:100%;padding-bottom:5px}
	/*증명서 공통*/
	.img_crape{width:620px;margin:70px auto 0}
	.img_crape li{width:33.33333333333333%;margin-top:30px}
	.img_crape li .img_area{width:75%}
}
@media screen and (min-width:961px) and (max-width:1200px){
	/*scroll_top*/
	.scroll_top{position:fixed;bottom:10px;right:18px;}
	.scroll_top a{display:block;width:39px;height:39px;border:1px solid #848484;background:#fff url('../images/icon_arrow_up_b.png') no-repeat center;opacity:0.7}
	
	/*브라우저 최적화 안내*/
	.browser_guide .txt_area{height:70px;padding-left:50px;background-size:40px;margin-left:10px}
	.browser_guide .txt_area p{padding-top:8px;font-size:19px;line-height:30px}
	.browser_guide .txt_area span{font-size:13px}
	.browser_guide .btn_area{line-height:70px;right:40px}
	.browser_guide .btn_area a{font-size:13px;padding:10px 10px 10px 30px;background-position-x:7px !important;background-size:18px !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.browser_guide .btn_close{right:10px;margin-top:-7.5px;width:15px;height:15px}
	
	/*gnb*/
	.gnb_wrap .logo_wrap{left:10px}
	.gnb_wrap .menu{right:98px}
	.gnb_wrap .menu li.depth1{margin-right:15px}
	.gnb_wrap .menu li.menu_solution{width:115px}
	.gnb_wrap .menu li.depth1 a{font-size:19px}
	.gnb_wrap .menu li.depth1 .depth2_menu li a{font-size:18px}
	.gnb_wrap .menu li.hover > a, .gnb_wrap .menu li.depth1 > a.select{border-bottom:4px solid #0094de}
	.gnb_wrap .menu li.menu_about_us{margin-right:0}
	.gnb_wrap .menu li.menu_about_us a{padding-right:25px;background-size:17px !important}
	.gnb_wrap .lang{right:10px}
	.gnb_wrap .lang li a{width:68px;font-size:17px}
	
	/*******************  메인  *******************/
	/*main slide*/
	.main_slide li{background-position-y:bottom !important}
	.main_slide li .txt_area{width:96%;left:10px}
	.main_slide li .txt_area .key_wrod{font-size:53px;line-height:66px;height:66px}
	/**영문 20190516 추가**/
	.main_slide li .solution_type{left:-1px}
	.main_slide li .img_area{bottom:35%;left:50%;width:220px;margin-left:-110px}
	.main_slide li .img_area img{width:100%}
	.main_slide li.slide1{background-position-x:right}
	.main_slide li.slide4{background-position-x:right}
	/*main pager*/
	.main_pager{top:17%;right:20px;margin-top:0;width:25px}
	.main_pager li{width:25px}
	.main_pager .control{margin-bottom:10px}
	.main_pager .control a{height:15px;background-size:33px}
	.main_pager .control a.stop{background-position:7px 0px}
	.main_pager .control a.play{background-position:-13.5px 0px}
	.main_pager .pager li a{height:25px;border:2px solid transparent}
	.main_pager .pager li a:hover, .main_pager li.select a{border:2px solid #0094de}
	.main_pager .pager li a .dot{left:7px;top:7px;width:7px;height:7px}
	.main_pager .pager li .label{top:1px;right:30px;width:120px;font-size:16px}
	.main_pager .pager li .line{height:10px}
	/*******************  서브  *******************/
	/*서브페이지*/
	.subpage .content{padding:0 15px}
	/*서브 본문*/
	/*use case*/
	.challenges_benefits{margin-bottom:132px}
	.challenges_benefits .txt_area{float:none;width:100%;margin-bottom:30px;margin-left:0}
	.challenges_benefits .blue_box{width:100%;height:auto;position:static;top:0;right:0;margin-bottom:30px;overflow:hidden}
	.challenges_benefits .blue_box .challenges{float:left;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.challenges_benefits .blue_box .benefits{float:right;background:none;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.challenges_benefits .img_area{margin-left:0}
	.challenges_benefits .img_area img{width:100%}	


	/*솔루션*/	
	/*솔루션 공통*/
	.solution_info,.solution_detail{padding:0 15px}
	.solution_info .info_img{width:350px}
	.solution_info .info_txt{width:calc(100% - 350px);height:287px;padding-left:10px}
	.solution_info .info_txt dt{margin-bottom:10px}
	.solution_info .btn_area{left:10px;width:calc(100% - 10px)}
	.solution_info .btn_area a{width:32%;margin-right:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.solution_info .eng .btn_area a{font-size:15px}
	.solution_detail{padding-top:72px}
	.solution_detail ul.solution_flow{max-width:941px;margin:0 auto 65px}
	.solution_detail ul.solution_flow .img_area{width:150px;height:150px}
	.solution_detail ul.solution_flow .img_area0{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area1{width:90%;height:90%}
	.solution_detail ul.solution_flow .img_area2{width:90%;height:90%}
 

	.subpage .detail_content .case{max-width:941px;margin:0 auto}
	/*whyheta*/
	.subpage .whyheta .specs dl {display:inline-block;position:relative;width:160px;height:160px;border-radius:50%;margin:20px 20px;font-weight:600;color:#fff;font-size:20px;}
	.subpage .whyheta .specs dl dd span {display:inline-block;font-weight:600;color:#fff;font-size:50px;text-align:center;width:100%;padding-bottom:5px}

}
@media screen and (min-width:1201px) and (max-width:1550px){
	.main_slide li .txt_area{width:800px;bottom:100px}
	.main_slide li .txt_area .key_wrod{font-size:44px;line-height:54px;height:54px}
	.main_slide li .txt_area .txt_experience{font-size:24px;line-height:30px}
	/**영문 20190517 추가**/
	.main_slide li .img_area{width:212px;left:788px;bottom:-40px}
	.main_slide li .img_area img{width:100%}
	.main_slide li .solution_type strong{font-size:100px;line-height:100px}
}