@media (max-width: 1800px){
	#footer .site_map .site_bt .container{    background-position: calc(100% - -158px);}
	#footer .site_map .site_bt a{right:15px;}
/*	div.quick{bottom:300px;}*/

	}
@media (max-width: 1600px){
.sub_visual .container .txt{margin-left:30px;}
/*.sub_visual .container .line3_txt{right:30px !important;}*/
	.main_wrap .con5 .con_wrap .bottom p.exp{font-size:13px;}
	.main_wrap .con5 .con_wrap .bottom{padding:16px 20px;}
	.sub_visual.CAD .container .txt{left:30px !important}
	.sub_visual.Thermalcamera .container .txt{left:60px;}
	#footer .footer-copyright{padding:40px 20px;border-top:1px solid rgba(51,51,51,.2);}
	#footer .m_info em.br{display:block}
#footer p.tit span.n_bf:before{display:none;}
#footer p.tit span.n_bf{padding-left:0;}
#footer .m_info span.br{padding-left:0;}
#footer .container .row{font-size:0}
#footer .container .row > div.w15{width:15%;vertical-align:top;padding-top:0;display:inline-block;}
#footer .container .row > div.w70{display:inline-block;width:50%;vertical-align:top;}
#footer .container .row > div.site{padding-top: 0;  width: 15%;}
}

@media (max-width: 1530px){
#header .header_ul_bg .bg_left{width:755px;}
#header .header_ul_bg .bg_right{width:calc(100% - 755px);}
}
@media (max-width: 1500px){
	
.sub_header .container > ul > li > a{padding-right:20px}
	.container{padding: 0 15px}
	.main_wrap .main_visual .container .box_wrap{max-width:768px;top:92px;right:20px}
	.main_wrap .main_visual .container .box_wrap .con_wrap a{width:250px; height:250px;}
	.main_wrap .main_visual .container .box_wrap .con_wrap .line_box{width:220px; height:220px;margin-left:-110px;margin-top:-110px;}
	.main_wrap .main_visual .container .box_wrap .con_wrap a .box_txt{bottom:20px;}
	.main_wrap .main_visual .container .box_wrap .con_wrap a .box_txt p{font-size:20px;}
	.main_wrap .main_visual .container .box_wrap .con_wrap a .box_txt span{font-size:13px;margin-top:12px;}
}
@media (max-width: 1350px){
#header .header_ul_bg .bg_right .tr_info.info2 .wrap{float:none; margin-left:0;}
#header .header_ul_bg .bg_right .tr_info.info1 .wrap{float:none; margin-left:0;}
#header .header_ul_bg .bg_right .tr_info .wrap{margin-top:10px;}
#header .header_ul_bg .bg_right .tr_info .wrap:first-child{margin-top:0;}
#header .header_ul_bg .bg_right .tr_info .wrap > img{margin-top:6px}
}
@media (max-width: 1310px){
.sub_visual .container{padding:0;}
.sub_visual .container .inner{    max-width: 100%;    width: 100%;}
.sub_visual .container .inner .wrap{width:100%;}
.sub_visual .container .inner .wrap .wrap3{width:100%}
.view_page .title p{padding:20px 20px 30px}
}
@media (max-width: 1300px){
	#header .header-nav-main nav{}
	#header .container{padding:0 15px;}
	#header .header_nav_right{right:20px;}
	.main_wrap .main_visual .container .box_wrap{max-width:618px;top:180px;margin-right: -309px; right: 50%;}
	.main_wrap .main_visual .container .box_wrap .con_wrap a{width:200px;height:200px;}
	.main_wrap .main_visual .container .box_wrap .con_wrap .line_box{width:180px; height:180px;margin-left:-90px;margin-top:-90px;}
	.main_wrap .main_visual .container .txt{left: 50%;top: 42px;margin-left: -254px;text-align: center;}
		.main_wrap .con4 .left{display:block;width:100%;margin-left:0;}
	.main_wrap .con4 .right{display:block;width:100%;margin-left:0;margin-top:90px}
	.main_wrap .con4 div.tit{float:none; width:100% ;height:auto;}
	.main_wrap .con4 .more_all{left:auto;right:0;}
	.main_wrap .con4 .ul_wrap{float:none; width:100%; margin-left:0;}
	.main_wrap .con4 .container .list_wrap{width:100%; margin-left:0;}
	.main_wrap .con4 div.tit a{display:inline-block;position:relative}
	.main_wrap .con4 .right div.tit .wrap a:first-child{padding-bottom:0; padding-right:60px;}
	.main_wrap .con4 .right div.tit .wrap a p:before{left:-28%;    width: 13px;height:13px;border-radius:13px;margin-top:-6.5px;}
	.main_wrap .con4 .right div.tit .wrap a.first p:before{left:80%;margin-top:-6.5px;}
	.main_wrap .con5 .con_wrap ul li a{font-size:15px;}
	.main_wrap .con5 .con_wrap .bottom{padding:14px;}
	.sub_visual .pathWrap > div > a > span > em{max-width:160px;}
}
@media (max-width: 1200px){
#header .header-nav-main nav > ul > li+li{padding:15px 0;}
#footer .container.Thermalcamera .ul_wrap{width:50% !important}
	.main_wrap .con5 .box_wrap{margin-top:-8%}
	.main_wrap .con5 .con_wrap{width:49%;margin-top:5%;}
	.main_wrap .con5 .con_wrap .bottom p.exp{font-size:16px;}
	.main_wrap .con5 .con_wrap .bottom{padding:24px;}
	.main_wrap .con5 .con_wrap ul li a{font-size:20px; line-height:1.3;}
	.main_wrap .con5 .con_wrap ul{margin-top:14px;}
	.main_wrap .con5 .con_wrap .title{font-size:20px}
	.main_wrap .con5 .con_wrap .img{margin-top:14px;}
	#footer .site_map .container{max-width:900px;}
	#footer .footer-copyright .container{max-width:970px;}
	#footer .site_map .container .row.site .ul_wrap{width:100%;margin-top:20px;}
	#footer .site_map .more ul.m_left{margin-left:0;width:50%;}
	#footer .site_map .more ul{width:50%}
	#footer .site_map ul.br{float:left;}
	#footer .site_map .container .row.site .ul_wrap2{width:100%;}
	#footer .site_map .container .row.site .ul_wrap4{width:100%;}
	#footer .site_map ul.br{width:50%;}
	#footer .site_map ul.br2{width:50%;margin-top:20px;}
	#footer .site_map .row .m_top{float:left;width:50%;margin-top:0;}
	#footer .site_map .row .m_top2{float:left;width:50%;}
	#footer .container .row > div.w15,#footer .container .row > div.w70{float:none;width:auto;}
	#footer .container .row > div.w70{padding-left:20px; padding-top:0px; width:64%;}
	#footer .container .row > div.w15{margin-top:0; width:250px;}
	#footer .container .row > div.site{float:none;width:auto;padding-top:30px;}
	.cnt.type1 .cnt_exp .txt_wrap{float:none;width:96%; }
	 .location .conbox .map .map_item{float:none; width:100%; }
   .location .conbox .map .map_item ul{height:auto;}
   .location .conbox .map .map_img{height:auto; width:100%; float:none; margin-top:20px;max-width:100% }
	
	/*마이크로사이트*/
	.sub_visual.sub .swiper-slide{background-size:cover;}
/*	.sub_header .container > ul > li:first-child{display:block;}
	.sub_header .container > ul > li{display:none;}*/
	.sub_header .container{padding:0 }
	.sub_header .container > ul{display:none}
	.sub_header .container > ul.mo_gnb{width:100%;position:absolute; left:0;top:54px;z-index:1000}
	.sub_header .container > ul.mo_gnb li{float:none; width:100%;}
	.sub_header .container > ul > li{border-top:1px solid #ddd;}
	.sub_header .container > ul > li > ul{position:static; border:none;width:100%;}
	.sub_header .container > ul > li:first-child > a{font-weight:400; padding-right:60px; color:#555;}
	.sub_header .container > ul > li > ul > li{border-top:1px solid #ddd;}
	.sub_header .container > ul > li > ul > li.has > a{background-image: url('/humanframe/theme/developers/assets/img/mobile_d.png');    background-size: 20px auto;    background-repeat: no-repeat;    background-position: 95% center;}
	.sub_header .container > ul > li > ul > li.over > a{background-color:#fff;background-image: url('/humanframe/theme/developers/assets/img/mobile_u.png'); background-position: 95% center; color:#333 !important}
	.sub_header .container > ul > li > ul > li > a{padding:0 0 0 32px;display:block; line-height:54px; width:100%}
	.sub_header .container > ul > li > ul > li > ul{position:static;width:100%;border:none;}
	.sub_header .container > ul > li > ul > li > ul > li{border-top:1px solid #ddd}
	.sub_header .container > ul > li > ul > li > ul > li > a{padding-left:42px;width:100%; background-color: #edf2fc;}
	.micro_mo{display:block}
	.sub_header .container{position:relative;height:54px;}
	.sub_header .container > ul.mo_gnb > li> a{background:#f7f7f7;;padding-left:20px; box-sizing:border-box; }	
	.sub_header .container > ul.mo_gnb > li.has > a{background:#f7f7f7;;padding-left:20px; box-sizing:border-box;    background-image: url('/humanframe/theme/developers/assets/img/mobile_d.png');    background-size: 20px auto;    background-repeat: no-repeat;    background-position: 95% center;}	
	 .sub_header .container > ul.mo_gnb > li> a.on{   background-image: url('/humanframe/theme/developers/assets/img/mobile_u.png'); background-size: 20px auto;    background-repeat: no-repeat;    background-position: 95% center;}
 
	/*VisionAI*/
	.sub_visual.VisionAIsol > .container{display: !important;}
	.sub_visual.dSPACE > .container{display:none !important;}
	.sub_visual.Cloudsol > .container{display:none !important;}
	.sub_visual.CAD > .container{display:none !important;}

	.sub_visual.cont1 .container{padding:0;    max-width: 100%;}
	.sub_visual .inner .left{width:100%; padding:0 20px; box-sizing:border-box;}
	.sub_visual .inner .right{position:absolute; left:calc(100% - 100px);top:-100px;}
	.sub_visual .inner .right .right_wrap{position:relative}
	.sub_visual .inner .right .right_wrap ul{position:absolute; left:0; top:75px;}
.sub_visual .inner .right ul li{    float: none;    width: 80px;}
.sub_visual .inner .right ul{margin-top:16px}
.sub_visual .inner .right ul li > div{width:100%; }
	.sub_visual .inner .right ul li > a {width:80px; height:80px;}
.sub_visual .inner .right .mobile_btn{display:block;}
.sub_visual .inner .right .mobile_btn a{    border: 1px solid rgba(255,255,255,.3);}

.sub_visual .inner .right ul{display:none;}
.sub_visual .inner .right ul li > div >a{width:80px; height:80px;padding-top:28px;}
.sub_visual .inner .right ul li > div{width:80px;height:80px}
.sub_visual .inner .right ul li{width:80px; height:80px;float:none;}
.sub_visual .inner .right ul li > a .wrap2{    padding-top: 28px;}
.sub_visual .inner .right ul{margin-top:10px}
.sub_visual .inner .right ul li a .wrap2 span{display:none;}

}
@media (max-width: 1100px){

#header .header-nav-main{display:none !important}
}
@media (max-width: 1024px){

	.all_menu.pc{display:none}
.all_menu.mobile{display:block}
	
.cont_ico2 .a_wrap{height:80px}
.cont_ico2 .a_wrap .wrap1:before{    display: block;    position: absolute;    top: 18px;    right: -18px;    content: '';    width: 0px;    height: 0px;    border-left: 7.5px solid transparent;    border-top: 7.5px solid transparent;    border-bottom: 7.5px solid transparent;    border-left: 10px solid #AE2E5C;}
	
	
	#header .header_ul_bg{display:none;}
	div.quick{display:none;}	
	div.quick_top{display:none;}
	#header .header-nav-main{background:#fff; }
	.container{max-width:970px;width:100%;}
	#header .container{max-width:970px;width:100%;}
	#header .header-column.right{width:100%;}
	.cnt .cnt_info .cnt_list .bg_g{padding-bottom:300px}
	.banner a p{word-break:keep-all;}
	.cnt .cnt_info .cnt_list ul{max-width:initial;padding:20px;}
	.cnt .cnt_info .cnt_img{    margin-right: -339px;right: 50%;bottom: -90px;}
	.ceo .conbox{width:100% !important; float:left; }
	.ceo .conbox .txt_area p{max-width:100%;}
	.ceo .con2{margin-top:30px;margin-bottom:30px;}
	#trend .bbs table tr td.list{padding:0;}
	#trend .bbs table tr td.list span{    width: 90%;    text-overflow: ellipsis;    overflow: hidden;    display: block;    white-space: nowrap;}

}
@media (max-width: 991px){
#solution .solution-2-box a:hover .box-overlay{bottom: -280px !important}
#solution .solution-2-box a:hover .sol-over-box{  width:40px !important; background-color:#ffd65a !important; border-top-color:#ffd65a !important; border-radius:30px;}
#solution .solution-2-box a:hover .sol-over-btn{ width: 18px !important}
#solution .solution-2-box a:hover .left-line { left: 8px !important; opacity:1 !important; }
#solution .solution-2-box a:hover .right-line { right: 8px !important;  opacity:1 !important; }
#solution .solution-2-box a:hover .over-txt{opacity:0 !important;}
#solution .solution-2-box a:hover .img-body img {margin-top:-15px !important;}
.cont1 .pathWrap > div > a{padding-left:20px}
.cont1 .pathWrap > div.path2{borer-left:1px solid #ddd;}
.cont1 .pathWrap > div.path3{borer-top:1px solid #ddd;}
.bbs .pathWrap > div > a{padding-left:20px}
.bbs .pathWrap > div.path2{borer-left:1px solid #ddd;}
.bbs .pathWrap > div.path3{borer-top:1px solid #ddd;}
/* 	#header .header-btn-collapse-nav:display:none; */
#header .header-nav-main nav > ul > li{    margin-left: 0; padding: 15px 10px;background:#f7f7f7}
#header .header-nav-main nav > ul > li+li{    margin-left: 0; padding: 15px 10px;background:#f7f7f7}
.sub_visual.sub .swiper-container .swiper-button-prev, .sub_visual.sub .swiper-container .swiper-button-next{height:46px;}
.submain_wrap .banner a{padding:56px 30px;}
.submain_wrap .banner a p{width:100%;font-size:28px;}
.submain_wrap .banner a p.wrap{width:100%;position:static;margin-top:24px;}
.submain_wrap .banner a p span{font-size:22px; line-height:30px;}
.submain_wrap .banner a p span.more{font-size:18px;position:static; display:inline-block;}
.submain_wrap .banner em.mbr{display:none}

.main_wrap .con1 .swiper-slide p.exp br {display:none; }
.sub_visual .container .txt span{font-size:16px;}
.sub_visual .container .txt p{font-size:28px}
.sub_visual .container .txt p em{    font-size: 20px;    right: -32px;}
.sub_visual.Cloudsol .container .txt{left:30px;}
.sub_visual.Windowiot .inner .right{display:none;}
.sub_visual.Windowiot .container .txt{margin-left:40px}
.sub_visual.Splunk  .inner .right{display:none;}
.submain_wrap.Splunk .banner_wrap{padding:0 0 60px}
.sub_visual.Splunk  .container .txt{margin-left:40px}
/* .sub_visual .container .line3_txt{right:40px !important;} */
.submain_wrap.Splunk .banner{display: table; width: 100%; height: 280px}
.submain_wrap.Splunk .banner a{display: table-cell; width: 100%; height: 100%; padding:0; vertical-align: middle}
.sub_visual.Thermalcamera .container .txt{top:110px;left:60px}
.submain_wrap.Thermalcamera .banner{display: table; width: 100%; height: 280px}
.submain_wrap.Thermalcamera .banner a{display: table-cell; width: 100%; height: 100%; padding:0; vertical-align: middle}

.viewObj_title_wrap .title_left{padding-right:0;}
.viewObj_title_wrap .title_right{position:static; margin-top:15px}
.viewObj_title_wrap .title_right > div > p:before{display:none;}
.viewObj_title_wrap .title_right div span:first-child{padding-left:0;}
}
@media (max-width: 900px){
.main_wrap .con5 .con_wrap ul li a:hover span{background:transparent;}
/*search*/
.search_result > .container{padding:20px}
.search_result .result_wrap .right{display:none}
.search_result .result_wrap .left{width:100%; float:none;}
.search_result .result_wrap .result .list_wrap .title{  ;width: 100%;    margin-top: 20px;}
.search_result .result_wrap .result .list_wrap .list ul li a.name p span{display:block; margin-left:0;margin-top:4px}
.search_result .search_wrap .left{float:none;padding:10px 20px;}
.search_result .search_wrap .right{position:static;margin-top:0;padding:10px 20px;border-top:1px solid rgba(255,255,255,.3)}
.search_result .search_wrap{width:100%}
.search_result .search_bottom{padding:0;}
.search_result .search_wrap input[type="text"]{height:50px;}
.search_result .search_wrap .input-group-btn{right:-15px; margin-top:-15px;}
.search_result .search_wrap .input-group-btn .btn{width:30px ; height:30px;padding:0;}
.search_result .search_wrap .input-group-btn .btn img{max-width:100%}
.search_result .search_top .search_wrap{padding:10px 60px 10px 20px;}
.search_result .search_top{height:100%}
.search_result .search_wrap .right .recom_list{padding-left:0}

.search_result .result_wrap .result .text{padding:20px  0 10px}
.search_result .result_wrap .result .list_wrap .list ul li .con_wrap{width:100%;}
.search_result .result_wrap .result .list_wrap{margin-top:0;}
.search_result .result_wrap .result .list_wrap .list ul li{margin-bottom:0; margin-right:0;padding:20px 0;}
.search_result .result_wrap .left .result_tab ul li a text{font-size:10px}

		.view_page .panel-body.list table td a{margin-left:12%}
.intro .conbox .company_info .info_item{width:49%; }
.intro .conbox table{display:none}
.intro .conbox .con1{display:block;}
.conbox .sub_title{padding-bottom:30px}
.sub_visual .container .txt p{font-size:30px !important;line-height:34px !important;}
.sub_visual .container .txt p em{font-size:22px;top: -6px;    right: -34px;}
	.sub_visual .container .txt span{font-size:14px !important; line-height:20px !important; }
}
@media (max-width: 768px){
.pd{padding:40px 0 !important}
.cnt.type3 .cnt_title .title p.info{font-size:28px;}
.cnt.type3 .cnt_title .title p.name{font-size:34px;}
.cnt.type3 .cnt_title .info_wrap p{font-size:15px;}
.newsletter .news_banner{margin-top:-2%}
.newsletter .news_banner .banner{width:98%; float:none;margin-top:2%}
.view_page .panel-body.list table{table-layout:fixed;}
.culture .con_wrap .conbox .mds_program .item .img{width:100%;float:none}
.culture .con_wrap .conbox .mds_program .item .txt{width:100%; margin-left:0; margin-top:10px;float:none;}
	/*모바일검색*/
	#header .header-search{display:block !important;    position: fixed;    top: -200%;    left: 0;    width: 100%;    margin-left: 0;}
	#header .header-search .form-control{ font-size:17px;   width: calc(100% - 75px);    background: #fff;    border: 1px solid #ddd;    height: 75px;    float: left;    border-radius: 0;}
	.search_close{float:left;}
	.search_close a{width:75px;height:75px; display:block;background-color:#fff;background-image: url(/humanframe/theme/developers/assets/img/close.png);    background-size: auto;    background-repeat: no-repeat;    background-position: center center;}
	 .header-search .input-group{display:block;}
	 .header-search .input-group-btn{width:0;}
	#header .header-search .btn-default{width:75px; height:75px;}
	.search_bg{background:transparent; position:fixed; left:0;top:75px; z-index:1000;width:100%;height:100%;display:none;}
	.search_bg.on{display:block}
	.sub_visual.CAD .container .txt{left:70px !important}
	.all_menu.pc{display:none}
	.all_menu.mobile{display:block}
	#header .header_ul_bg{display:none !important;}

.sub_visual .inner .left{padding:0;}
	/*.main_wrap .con1 .img{height:auto;}*/
	#footer .container .row > div.site{width:200px}
	    .cnt.type3 .custom .img_wrap .img{width: 31.333%}
.cont1 .pathWrap > div{width:50%; }
.cont1 .pathWrap > div a{height:50px; line-height:50px;}
.cont1 .pathWrap > div.path2{border-left:1px solid #ddd;}
.cont1 .pathWrap > div.path3{border-top:1px solid #ddd;width:100%}
.sub_visual.bbs .inner .wrap{height:auto; bottom:1px;}
.bbs .pathWrap > div{width:50%; }
.bbs .pathWrap > div a{height:50px; line-height:50px;}
.bbs .pathWrap > div.path2{border-left:1px solid #ddd;}
.bbs .pathWrap > div.path3{border-top:1px solid #ddd;width:100%}
.cont1 .pathWrap > div > ul li{height:45px;display:table;width:100%} 
.cont1 .pathWrap > div > ul li a {display:table-cell;width:100%;vertical-align:middle;height: 100%;line-height: 1;font-size:14px;padding-left:10px;padding-right:10px;word-break:keep-all;}
.bbs .pathWrap > div > ul li{height:45px;display:table;width:100%} 
.bbs .pathWrap > div > ul li a {display:table-cell;width:100%;vertical-align:middle;height: 100%;line-height: 1;font-size:14px;padding-left:10px;padding-right:10px;word-break:keep-all;}
.cont1 .pathWrap > div > ul{width:100%; top:50px;}
.bbs .pathWrap > div > ul{width:100%; top:50px;}
	/*공지사항 뷰페이지*/
	.sub_visual.bbs .bottom .container .left{float:none;width:100%;}
	.sub_visual.bbs .bottom .container .left .pc_ver{display:none;}
	.sub_visual.bbs .bottom .container .left .m_menu{display:block;background-image: url(/humanframe/theme/developers/assets/img/m_menu.png); background-position: right center; background-repeat: no-repeat; background-size: auto;}
	.sub_visual.bbs .bottom{height:60px;background:#000;}
	.sub_visual.bbs .bottom .bottom_wrap{position:relative;}
	.sub_visual.bbs .bottom .container .left .m_menu > a{color:#ddd; font-size:16px;display:block;width:100%;height:60px;line-height:60px;padding-left: 30px; box-sizing: border-box; background-image: url(/humanframe/theme/developers/assets/img/main_ico01.png); background-position: left center; background-repeat: no-repeat; background-size: auto;}
	.sub_visual.bbs .bottom .container .left .m_menu ul.depth2{display:none;position:absolute;top:60px;left:0;z-index:40;width:100%;}
	.sub_visual.bbs .bottom .container .left .m_menu ul li{float:none;}
	.sub_visual.bbs .bottom .container .left ul li{border-left:none;     padding: 0 30px; box-sizing: border-box;background: #000;}
	.sub_visual.bbs .bottom .container .left ul li a{}
	.sub_visual.NVIDIAAI .txt p{font-size:34px;}
	.sub_visual.CAD .container .txt{left:70px !important}
.sub_visual .pathWrap > div > a > span > em{max-width:75%;}

	#header .header_ul_bg{display:none !important;}
	.cnt.type3 .con1 .title p.info{font-size:40px;word-break:keep-all;}
.cnt.type3 .con1 .title p.name{font-size:50px; line-height:1; margin-top:20px;word-break:keep-all;}
	.main_wrap .con5 .con_wrap ul li a{font-size:18px}
	.main_wrap .main_visual .bottom .container .left{float:none;width:100%;}
	.main_wrap .main_visual .bottom .container .left .pc_ver{display:none;}
	.main_wrap .main_visual .bottom .container .left .m_menu{display:block;background-image: url('/humanframe/theme/developers/assets/img/m_menu.png'); background-position: right center; background-repeat: no-repeat; background-size: auto;}
	.main_wrap .main_visual .bottom .container .left .m_menu.on{background-image: url('/humanframe/theme/developers/assets/img/m_menu_on.png' );}
	.main_wrap .main_visual .bottom{height:60px;background:#000;}
	.main_wrap .main_visual .bottom .bottom_wrap{position:relative;}
	.main_wrap .main_visual .bottom .container .left .m_menu > a{color:#ddd; font-size:16px;display:block;width:100%;height:60px;line-height:60px;padding-left: 30px; box-sizing: border-box; background-image: url(/humanframe/theme/developers/assets/img/main_ico01.png); background-position: left center; background-repeat: no-repeat; background-size: auto;}
		
	.main_wrap .main_visual .bottom .container .left .m_menu ul.depth2{display:none;position:absolute;top:50px;left:0;z-index:40;width:100%;}
	.main_wrap .main_visual .bottom .container .left .m_menu ul li{float:none;}
	.main_wrap .main_visual .bottom .container .left ul li{border-left:none;     padding: 0 30px; box-sizing: border-box;background: #000;}
	.main_wrap .main_visual .bottom .container .left ul li a{}
.main_wrap .main_visual .bottom .container .left .m_menu{    background-size: 50px;}
.main_wrap .main_visual .bottom .container .left .m_menu > a{height:50px;line-height:50px;}

.main_wrap .main_visual .bottom .container .left ul li a{height:50px;line-height:50px;}
.main_wrap .main_visual .bottom{height:50px}
	#header .container{padding:0 20px;}
	#header .header_nav_right{right:0;}
	#header .header-column.right{width}
	#header .header-search{display:none;}
	.container{padding:0 20px;}
.main_wrap .con1 .container{padding:0 0 0 20px}
.
	#header .header-logo img{margin:15px 15px 15px 0;}
	#header .header_nav_right .all_menu{background-size:28px auto;margin-left:10px}
	#header .header_nav_right .lang_bt {margin-left:8px}
	#header .header_nav_right .lang_bt a{background-size:20px auto;width:35px;}
	.main_wrap .main_visual .container .txt{position:static;text-align:left;margin-left:0; margin-top:100px;}
	.main_wrap .main_visual .container .box_wrap {display:none;}
	.m_box_wrap{display:block;}
	.main_wrap .main_visual .container .txt p.b_txt em.br{display:block}
	.main_wrap .main_visual .bottom .container .right{display:none;}
	.main_wrap .main_visual .container .m_box_wrap{display:block;text-align:center}
	.main_wrap .main_visual .container .txt p{font-size:48px;}
	.main_wrap .main_visual .container .txt p.b_txt{font-size:28px;}

	.main_wrap .main_visual{height:688px;}
	.main_wrap .con2 .container .box_wrap{width:100%; margin-left:0; }
	.main_wrap .con2 .container .box_wrap > div{float:none; width:100%; margin-left:0;margin-top:40px;;}
	.main_wrap .con2 .container .box_wrap p.exp{font-weight:200;}
	.main_wrap .con2 .container .box_wrap .title{font-weight:500;font-size:26px;}
	.main_wrap .con3 .recom{display:none;}
	#footer .container .row > div{padding-top:30px;}
	#footer .container .row > div.w70{padding-left:0px; padding-top:20px; width:auto;}
	.cnt.type1 .cnt_info .cnt_list .bg_g{padding-bottom:160px}
	.cnt.type1 .cnt_info .cnt_img{    margin-right: 0;right: 0;bottom: -220px;}
	.cnt.type1 .cnt_exp{padding-top:180px}
	.cnt.type1 .cnt_info .cnt_list ul li{width:100%; margin-top:10px;}
/*#footer .container .row > div.w70{margin-top:20px;padding-left:0;}*/

.cnt.type3 .con1 .info2_wrap .info p{display:block;width:100%;border-bottom:1px solid #ddd;padding:14px 14px 10px 14px}
.cnt.type3 .con1 .info2_wrap .info{padding:0;border-bottom:none;}
.cnt.type3 .con2 .box_wrap .con_wrap{float:none;width:98% !important;}
.cnt.type3 .con2 .box_wrap .con_wrap.last{width:100%;}
.cnt.type3 .box_wrap .g_box{float:none; width:98%; margin-top:4%;min-height:auto !important}
.cnt.type3 .con4{height:auto;background-position:60% center}
.cnt.type3 .con4 .box_wrap .con_wrap{float:none; width:100%; margin-left:0;}
.cnt.type3 .custom .img_wrap .img{width:30.333%; margin-left:3%; margin-top:3%;}
.cnt.type3 .con1 .info2_wrap .info p:before{left:5px}
.cnt.type3 .con2 .box_wrap p.list{height:auto;}
.info_wrap .more a{width:240px; height:54px; line-height:54px;background-position:84% center; font-size:20px; text-align:center; padding-right:16px; padding-left:0;}

#header .header_nav_right .search_zoom{display:block}
.view_page .panel-body.list table td{text-align:center;}
.view_page .panel-body.list table td a{display:block; margin-top:10px;margin-left:0; width: 90%;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}
.view_page .panel-body.list table tr td a:before{display:none;}
/*마이크로사이트*/

.sub_header_img{left:142px;}
.sub_header_img > div{padding-left:16px;}

.sub_visual.VisionAIsol .swiper-slide .container .txt{left:70px;top:50%;margin-top:-41px;}
.sub_visual.VisionAIsol .swiper-slide .txt span{margin-top:24px;}
.submain_wrap .con_banner .container{padding:0;}
#footer .container.wrap{display:none}
	/*#footer .site_map{height:4px ;width:100%; background-image:url('/humanframe/theme/developers/assets/img/footer_mobile.jpg');background-size:100%; background-repeat:no-repeat;background-position:center center;}
	#footer .site_map .site_bt{display:none;}*/
	#footer .container.subf{display:none;}
	.intro .conbox .info_item2 .img_box{display:block; width:100%}
	.intro .conbox .info_item2{padding:20px}
	.intro .conbox .info_item2 .txt_box{display:block}

 .location .conbox{margin-top:50px;}
   .location .conbox h5{font-size:20px; margin-bottom:20px; }
   .location .conbox .map .map_item ul li p.nam {font-size:16px; word-break:keep-all;}
   .location .conbox .map .map_item ul li p.loc{font-size:14px; word-break:keep-all;}
   .location .conbox .map .map_item ul li p.tel{font-size:13px;}
   .location .conbox .map .map_item ul li .print_btn{position:relative; left:0; bottom:0; right:inherit; font-size:14px; height:40px; line-height:40px;}
   .location .conbox p.tip{word-break:keep-all; font-size:14px;}
   .location .conbox p.tip b{display:block; margin-right:0; margin-bottom:0;}
}

@media (max-width: 720px){
.bbsSearch .bselect{    margin-bottom: 15px;;}
.main_wrap .con2 .container .box_wrap .title{font-size:20px}

#footer .site_map ul > li > a{line-height:20px}
#footer .container .row > div.w15.site{width:200px ; padding-top:36px;}
#footer .footer-copyright .w15 select{min-width:auto;padding: 4px 4px 4px 18px;    font-size: 18px;    /* background-size: 14px auto*/;}
.main_wrap .main_visual .container .m_box_wrap .swiper-container .swiper-pagination-bullet{width:16px; height:16px}
.container{padding:0 20px;}
.main_wrap .con1 .container{padding:0 0 0 20px}
#footer .m_info em.br2{display:block}
#footer .m_info span.br2{padding-left:0}
	.main_wrap .main_visual{    background-image: url(/humanframe/theme/developers/assets/img/main_visual_m.jpg) !important;}
.main_wrap .con4 .right div.tit .wrap{font-size:0;}
.main_wrap .con4 ul li{height:70px;}
.main_wrap .con4 div.tit p{font-size:20px}
.main_wrap .con4 .right div.tit .wrap a p:before{width:10px; height:10px; margin-top:-5px}
.main_wrap .con4 .right div.tit .wrap a.first p:before{; margin-top:-5px}
.main_wrap .con4 .right div.tit .wrap a:first-child{padding-right:54px}
.main_wrap .con4 ul li a b{line-height:20px;font-size:14px;max-height:40px;max-width:380px;width:75%;}
}
@media (max-width: 680px){
		.main_wrap .con5 .con_wrap{width:100%;margin-top:5%;}
		#footer .m_info span{display:inline-block; margin-top:5px;}
		#footer .footer-copyright p{ margin-top:5px;}
		.sub_visual .container .txt span{max-width:100%;}


		.intro .conbox .company_info .info_item .blue_bic{font-size:50px}

		/*마이크로*/
		.sub_visual.sub{height:360px !important}
		.sub_visual.sub .container{width:100%; height:360px; display:table}
		.sub_visual.VisionAIsol  .container .inner{width:100%; height:360px; display:table}
		.sub_visual.Splunk  .container .inner{width:100%; height:360px; display:table}
		.sub_visual.sub .container .txt{position:static; margin-top:0 !important; padding:0 30px ;display:table-cell; width:100%; height:100%;vertical-align: middle;padding:30px;}
		.sub_visual.sub .container .line3_txt{position: absolute; top: 50%; /*right: 20px !important;*/ width: auto; height: auto; transform: translate(0,-50%); margin:0;}
		.sub_visual.sub .swiper-container .swiper-button-prev, .sub_visual.sub .swiper-container .swiper-button-next{display:none;}

}
@media (max-width: 640px){
.main_wrap .con4 ul li a b{font-size:14px !important}
.sub_visual .inner .right .right_wrap ul{top:60px}
.sub_visual .inner .right{    left: calc(100% - 70px);    top: -70px;}
.sub_visual .inner .right .mobile_btn a{width:60px; height:60px; line-height:60px;}
.sub_visual .inner .right .mobile_btn a span{width:5px;height:5px;line-height:60px;}
.sub_visual .inner .right .mobile_btn a span:before{width:5px;height:5px;line-height:60px;left:16px;    margin-top: -2.5px;}
.sub_visual .inner .right .mobile_btn a span:after{width:5px;height:5px;line-height:60px;right:16px; margin-top: -2.5px;}
.sub_visual .inner .right ul li > a{width:60px; height:60px}
.sub_visual .inner .right ul li > div{width:60px; height:60px}
.sub_visual .inner .right ul li > div >a{width:60px; height:60px;padding-top:16px}
.sub_visual .inner .right ul li{width:60px; height:60px}
.cont_ico2 .a_wrap{right:70px; top:0;}
.sub_visual .inner .right ul li > a .wrap2{padding-top:16px}
.cont_ico2 .a_wrap .wrap1{margin-top:0;}
#trend .bbs table tr td{font-size:14px;}
.social .conbox.con_top .left{    float: none;    width: 100%;}
.social .conbox.con_top .right{width:100%; float:none;}
.social .conbox.con_top .right img{width:100%; max-width:100%;}
	.main_wrap .main_visual{height:640px;}
	.main_wrap .main_visual .container .txt p{font-size:44px;}
	.main_wrap .main_visual .container .txt p.b_txt{font-size:24px;}
.main_wrap .main_visual .container .m_box_wrap a .box_txt p{font-size:36px;}
.main_wrap .main_visual .container .m_box_wrap a .box_txt span{font-size:21px;margin-top:16px;}
.main_wrap .main_visual .container .m_box_wrap a .box_txt{margin-top:-37px;left:40px;}
.main_wrap .main_visual .container .txt p em.br2{display:block}
	
	#footer .m_info span.br2{padding-left:0;}



	.cnt .cnt_exp .txt_wrap .certfication{position:static;margin-top:30px;}
	.cnt .cnt_exp .txt_wrap .certfication .img{width: 100%;height: auto;padding: 20px 30px}
	.cnt .cnt_exp .txt_wrap .certfication a{width: 100%; margin-top:20px;}
	.pagenate li a{height:26px; line-height:26px;width:26px; font-size:12px}
.cnt.type3 .con1 .info2_wrap .info p{font-size:14px !important;line-height:20px  !important}
.cnt.type3 .con1 .info2_wrap .info span{font-size:14px !important}
.cnt.type3 .con2 .box_wrap p{font-size:16px !important}
.cnt.type3 .con2 .box_wrap p.list{font-size:14px !important}
.cnt_tit > p{font-size:20px !important}
.cnt.type3 .line_box p{font-size:16px !important}
.cnt.type3 .line_box p span{font-size:14px !important}
.cnt.type3 .gbox_wrap .container .inner p{font-size:16px !important}
.cnt.type3 .con1 .info2_wrap .info p{font-size:14px !important;padding:6px 14px;}

.chk-item-list01 li ul li{font-size:14px !important}
.chk-item-list01 li .tit{font-size:16px !important}
.pnlist-wrap ul li{font-size:14px !important}
.cnt.type3 .line_box img{margin:15px 0}
.pd{padding:26px 0 !important}
.contact_inf p{font-size:14px}
.cnt.type3 .tb_wrap tbody tr td{font-size:14px;word-break:keep-all}
.environment .txt_wrap p{font-size:14px !important}
.environment .tb_wrap tr td:first-child{padding:10px 20px !important}
.environment .tb_wrap tr td{padding:10px 20px !important;font-size:14px !important}
.cnt.type3 .con1 .info2_wrap .info p.mt50{margin-top:20px !important}
.environment .tb_wrap{margin-top:20px !important}
.cnt.type3 .con1 .info2_wrap{padding:16px 0}
.summary-pic-wrap .item.ac img{height:auto !important}
.chk-item-list01>li.sz07 .pic img{height: auto;}
.chk-item-list01>li.sz08 .pic img{height: auto;}
.environment .tb_wrap thead tr th{font-size:14px;word-break:keep-all}
.cnt.type3 .con1 .info2_wrap .info.last{margin-top:0;}
.cnt.type3 .cnt_bgtit p{font-size:26px;}
.cnt.type3 .cnt_bginfo{margin-top:12px  !important; word-break:keep-all;}
.cnt.type3 .cnt_bginfo p{font-size:14px !important}
p.info_txt{font-size:14px !important; }
.chk-item-list01 li .pic img{max-width:100% !important}
.nor-item-list02 li .tit{font-size:16px !important}
.nor-item-list02 li ul li{font-size:14px !important}
.nor-item-list02 li ul{    margin: 10px auto 0 auto;}
.benefits-wrap dl dt{    font-size: 22px;    margin-top: 30px;}
.benefits-wrap dl dd ul li{font-size:14px;margin-top:10px}
.sub_tit{margin-top:20px !important}
.sub_tit p{font-size:16px !important}
.nor-bar-wrap .tit{font-size:22px !important;margin:30px auto 0 auto}
 .nor-bar-wrap .desc{font-size:16px !important;margin:20px auto 0 auto;word-break:keep-all}
.cnt.type3 .con2 .box_wrap{margin-top:30px}
.intro .tb_wrap tr th{font-size:14px !important;word-break:keep-all;}
.intro .tb_wrap tr td{padding:20px !important; }
.cnt.type3 .con2 .box_wrap .con_wrap{min-height:auto !important; padding:20px;}
.cnt.type3 .con2 .box_wrap p.list span{font-size:16px; line-height:28px;margin-bottom:0;}
.neoidm .nav_wrap ul li a{height:46px; line-height:46px;font-size:15px;}
.neoidm-body h5.sub-title{font-size:16px}
.neoidm-body .infor, .neoidm-body .cont-box .infor{font-size:14px; line-height:20px; margin-top:12px}
.neoidm-body .cont-box .columns li .txt{font-size:14px;}
.neoidm-body .cont-box .box-right li .ico-txt{font-size:14px;}
.cnt.type3 .con4 .box_wrap .con_wrap p.info{font-size:14px;margin-top:12px}
.cnt.type3 .con4 .box_wrap .con_wrap p{font-size:16px}
.cnt.type3 .con4 .box_wrap .con_wrap.last p.info span{margin-top:0;}
.environment .tb_wrap tr th{font-size:14px; word-break:keep-all;}
.environment .txt_wrap2 p{font-size:14px !important; margin-top:5px;}
.cnt.type3 .cnt_name p{font-size:20px !important}
.cnt_table .c_exp p{font-size:22px !important;;}
.cnt_table .c_exp p.wrap span{font-size:14px !important;line-height:22px !important;}
.cnt_table .tb_wrap tr th{font-size:14px !important; word-break:keep-all;}
.cnt_table .exp span{font-size:15px !important}
.desc-cont{font-size:14px !important}
.environment .tb_wrap tbody tr.big td{font-size:16px !important}
.environment .tb_wrap tbody tr.yellow td{font-size:14px !important}
.environment .tb_wrap tr td span{font-size:14px}
.bd_top.mt100{margin-top:30px !important}
.pnlist-wrap{margin:20px auto 0 auto}
.chk-item-list01{margin:20px auto 0 auto}
.info-wrap01 .tit{font-size:22px}
.info-wrap01 .desc{font-size:14px;margin:20px auto 0 auto}
.gbox_wrap .tb_wrap thead tr th{font-size:14px;}
.tbl-msg{font-size:14px;}
.cnt.type3 .box_wrap .g_box{padding:20px 25px}
.cnt.type3 .box_wrap .g_box p{font-size:16px !important; margin-top:10px !important}
.cnt.type3 .box_wrap .g_box p.info span{font-size:14px; }
.cnt.type3 .box_wrap .g_box.last p.info span{font-size:14px; margin-top:10px}
.sub_visual .pathWrap > div > a > span > em{font-size:14px}
.contact_inf{margin-top:15px}
.cnt .cnt_sp table{margin-top:20px}
.cnt.type3 .cnt_ex .txt span{font-size:14px !important}
.cnt.type3 .custom .img_wrap{margin-top:20px !important}
.article-tabs-list li a{font-size:14px;}
.cnt_custom .custom_depth ul.itemList li{font-size:14px !important}
.cnt.type3 .line_box{min-height:auto !important}
.pb80{padding-bottom:30px !important}
.cnt.type3 .cnt_navbar ul li a{font-size:14px; height:46px; line-height:46px;}
.table2 .tb_wrap tr th{font-size:15px;}
.culture .mds_item li{padding:20px !important;min-height:auto}
.culture .mds_item li p{font-size:18px !important}
.culture .mds_item li span a em{font-size:14px !important}
.intro .conbox .company_info .info_item{height:180px; padding:20px;}
.intro .conbox .company_info .info_item .blue_bic{font-size:30px}
.intro .conbox .md_tit h3{font-size:26px}
.intro .conbox .md_tit p{font-size:14px;}
.intro .conbox .info_item2 .txt_box p.bold{font-size:16px;}
.intro .conbox .info_item2 .txt_box p{font-size:14px;line-height:20px}
.intro .conbox .info_item2 .img_box img{max-width:60%}
.conbox .sub_title{font-size:20px}
.ceo .conbox .txt_area p{font-size:16px}
.con1 .info2_wrap .info p{font-size:14px !important;}
.con1 .info2_wrap .info span{font-size:14px !important;}
.history .conbox .his_con h5{font-size:20px; line-height:22px;margin-right:16px}
.history .conbox .his_con.left h5{font-size:20px; line-height:22px;margin-left:16px}
.history .conbox .his_con h5::before{top:4px !important}
.history .conbox .his_con.left ul{margin-right:16px;font-size:14px}
.history .conbox .his_con.right ul{margin-left:16px; font-size:14px}
.ceo .tit, .history .tit, .location .tit{font-size:26px; margin-bottom:40px}
.sub.intro .sub_wrap, .sub.ceo .sub_wrap, .sub.history .sub_wrap, .sub.location .sub_wrap{padding-top:40px}
.history .year{width:160px; height:160px}
.history .year h5{font-size:18px; width:55px; margin-top:32px}
.history .year h5 p{left:59px}
.history .year h5 p a{font-size:14px;}
.history .year.more::after{margin-left:-4px; left:50%;bottom:10px}
.subsidiary .conbox .g_box_wrap .g_box_3p .txt p{font-size:16px;}
.subsidiary .conbox p.info_t{font-size:18px}
.mb90{margin-bottom:30px !important}
.subsidiary .conbox .box_wrap .con_wrap .con_titfont-size:18px !important}
.subsidiary .conbox .box_wrap .con_wrap li.last{margin-top:16px}
.culture .con_wrap .conbox .tit{font-size:20px; margin-bottom:20px;}
.subsidiary .conbox p{font-size:16px;}
.sub .con_wrap .conbox h5{font-size:22px !important}
.sub .con_wrap .conbox.tit p{margin-top:20px !important; font-size:16px !important}
.t_style1 table tr th{font-size:16px;}
.social .conbox.con_top p{font-size:14px;}
.social .conbox.con_top p.purple{font-size:16px;}
.culture .con_wrap .conbox .mds_program .item .txt p.tit{font-size:16px;    margin-bottom: 8px;    line-height: 20px;}
.culture .con_wrap .conbox .mds_program .item .txt p{font-size:14px;    line-height: 18px;}
.culture .con_wrap .conbox .g_box p{    font-size: 20px;    line-height: 24px;}
.culture .con_wrap .conbox .info_img1 .item p.item_tit{padding-top:0;}
.culture .con_wrap .conbox .info_img2 .item2 p{    padding-top: 54px;font-size: 14px;    line-height: 18px;    width: 140px;    height: 140px;}
.culture .con_wrap .conbox .mds_item li span{font-size:14px;}
.culture .con_wrap .conbox .mds_item li{min-height:auto;}
.culture .con_wrap .conbox .mds_program .item .txt p{font-size:14px; line-height:20px}
.culture .con_wrap .conbox .mw_info img{max-width:70%}
}
@media (max-width: 560px){
p.nomtxt{font-size:15px;}
.t_style1 table tr th{font-size:14px;word-break:keep-all;}
.t_style1 table ul.t_con li p{font-size:14px; line-height:22px;}
.cnt .cnt_sp table tr th{font-size:14px;word-break:keep-all;padding:30px 5px;}
.cnt .cnt_sp table ul.sp_con li p{font-size:14px; line-height:22px;}
#trend .bbs table tr td.num, #trend .bbs table tr td.date, #trend .bbs table tr td.hit{font-size:13px}
.culture .con_wrap .conbox .mds_program .item .txt p{font-size:16px;}
.mobile_gnb .mobile_util > div{margin-left:8px;}
.mobile_gnb .mobile_util .close_bt a{background-size:18px auto}
.mobile_gnb .mobile_util .search_zoom a{background-size:20px auto}
.mobile_gnb .nav-pills>li>a{height:54px; line-height:54px;}
.mobile_gnb .dep2drop > li a{height:54px; line-height:54px;}
.main_wrap .con5 .con_wrap{margin-top:36px;}
	.main_wrap .main_visual .container .txt p{font-size:42px;}
	.main_wrap .main_visual .container .txt p.b_txt{font-size:18px}
	.main_wrap .main_visual .container .m_box_wrap a .box_txt p{font-size:30px}
	.main_wrap .main_visual .container .m_box_wrap a .box_txt span{font-size:18px}
	.main_wrap .con3 p{font-size:28px;}
	.bbsSearch .bselect p, .bbsSearch .bselect2 p{font-size:14px;}
	.main_wrap .main_visual{height:600px}
	.main_wrap .main_visual .container .txt{margin-top:80px}
	.sub_visual.NVIDIAAI .txt p{font-size:28px;}
	.search_result .search_wrap .right .recom_list span.mr15{display:block;margin-top:0;}
	.search_result .search_wrap .right .recom_list span{margin-top:5px}

	.intro .conbox .company_info .info_item{width:99%; }
	.submain_wrap .banner a p span{font-size:16px; line-height:22px;}
	.main_wrap .main_visual .container .m_box_wrap .swiper-container{padding-bottom:40px}
	.main_wrap .main_visual .container .m_box_wrap .swiper-container .swiper-pagination-bullet{width:13px ;height:13px}
}
@media (max-width: 520px){
.sub_visual.cont1{height:360px;background-size:cover !important}
.sub_visual.bbs{height:360px;background-size:cover !important}
.sub_visual .container .inner{height:360px}

.view_page .panel-body.list table tr td a{width:80%;}
.bbsSearch .bselect:after{clear: both;    content: '';    display: block;}
.bbsSearch form{margin-bottom:15px;}
.bbsSearch input[type='text']{width:280px}
.search_result .result_wrap .left .result_tab ul li a em{font-size:12px;}
.search_result .result_wrap .left .result_tab ul li a span{font-size:12px;}
#trend .bbs table tr td{font-size:14px}
#trend .bbs table colgroup{display:none;}
#trend .bbs table tr td:first-child{width: 5%;}
#trend .bbs table tr td.date{width:16%}
#trend .bbs table tr td:nth-child(3){width: 20%;}
#trend .bbs table tr td:nth-child(4){width: 8%;}
#trend .bbs table tr td:nth-child(5){width: 8%;}
#header .header-body{min-height:auto;}
#header .header-logo img{    margin: 12px 8px 12px 0;    height: 36px;}
#header .header_nav_right .search_zoom a{background-size:20px}
#header .header_nav_right .all_menu{margin-left:10px}
#header .header_nav_right .all_menu{background-position:right center}
#header .header_nav_right{margin-top:-34.5px;}

.sub_header_img{left:110px;margin-top: -20px;}
.sub_header_img img{width:70%;}
.sub_header .container{height:45px;}
.micro_mo a{height:45px; line-height:45px;font-size:14px; background-size:14px auto;}
.sub_header .container > ul.mo_gnb > li.has > a{background-size:14px auto;}
.sub_header .container > ul > li > ul > li.has > a{background-size:14px auto;}

.sub_header .container > ul.mo_gnb{top:45px;}

.sub_header .container > ul > li > a{height:45px; line-height:45px; font-size:14px;}
.sub_header .container > ul > li > ul > li > a{height:45px; line-height:45px; font-size:14px;}
.sub_header .container > ul > li > ul > li > ul > li > a{height:45px; line-height:45px; font-size:14px;}
.mobile_gnb .mobile_util .close_bt a{background-position:right center}
.mobile_gnb .gnb_top .mobile_logo{margin-top:-18px}
.mobile_gnb .gnb_top .mobile_logo img{height:36px}
.mobile_gnb .gnb_top{height:60px; padding:12px 20px;    box-sizing: border-box;}
.mobile_gnb .nav-pills>li>a{font-size:14px; height:45px; line-height:45px;}

.mobile_gnb .dep2drop > li a{font-size:14px; height:45px; line-height:45px;}
.mobile_gnb .dep2drop > li.dropdown-submenu > ul > li > a{font-size:14px;}

#header .header-search .form-control{width:calc(100% - 60px);height:60px;    border-top: 0;    border-right: 0;}
.search_close a{width:60px; height:60px;}
#header .header-search .btn-default{width:60px; height:60px;}


.main_wrap .main_visual{height:auto;}
.main_wrap .con1 .swiper-button-prev,.main_wrap .con1  .swiper-button-next{display:none;}
.main_wrap .main_visual .container .txt p em.br2{display:none}
.main_wrap .main_visual .container .txt{margin-top:46px}
.main_wrap .main_visual .container .txt p{font-size:26px}
.main_wrap .main_visual .container .txt p.b_txt{margin-top:14px; font-size:14px;}
.main_wrap .main_visual .container .m_box_wrap{margin-top:24px;}
.main_wrap .main_visual .container .m_box_wrap a .box_txt{    margin-top: -21px;    left: 32px;}
.main_wrap .main_visual .container .m_box_wrap a .box_txt p{font-size:20px}
.main_wrap .main_visual .container .m_box_wrap a .box_txt span{font-size:12px;margin-top:10px}
.main_wrap .main_visual .bottom{height:30px}
.main_wrap .main_visual .bottom .container .left .m_menu{background-size: 30px;}
.main_wrap .main_visual .bottom .container .left .m_menu > a{height: 30px;   line-height: 30px;    padding-left: 20px;    font-size: 12px;background-size: 13px;}
.main_wrap .main_visual .bottom .container .left .m_menu ul.depth2{    top: 30px;}
.main_wrap .main_visual .bottom .container .left ul li a{font-size:12px;    height: 30px;    line-height: 30px;    background-size: 13px;    padding-left: 20px;}
.main_wrap .main_visual .container .m_box_wrap .swiper-container{margin-bottom:30px;}
.main_wrap .main_visual .container .m_box_wrap .swiper-container .swiper-pagination{bottom:5%}
.main_wrap .main_visual .container .m_box_wrap .swiper-container .swiper-pagination-bullet{width:10px;height:10px;}
.main_wrap .con1{padding-top:36px;}
.main_wrap .con1 .slide_wrap{margin-top:32px}
.main_wrap .con1 .title{font-size:16px;}
.main_wrap .con1 .swiper-slide p.exp{font-size:14px;height:40px}
.main_wrap .con1 .more_all{font-size:12px;    margin-top: 10px;    background-size: 11px auto;    width: 80px;}
.main_wrap .con1 .img{margin-top: 10px;  }
.main_wrap .con2{padding-top:36px;}
.main_wrap .con2 .container .box_wrap{margin-top:32px}
.main_wrap .con2 .container .box_wrap > div{margin-top:16px}
.main_wrap .con2 .container .box_wrap .title{font-size:16px;}
.main_wrap .con2 .container .img{margin-top:8px}
.main_wrap .con2 .container .box_wrap p.exp{font-size:14px;}
.main_wrap .con3{margin-top:36px;height:190px}
.main_wrap .con3 .container{padding:0 30px}
.main_wrap .con3 p{font-size:20px}
.main_wrap .con4{padding:36px 0;}
.main_wrap .con4 .right{margin-top:45px;}
.main_wrap .con4 .left div.tit p{font-size:16px}
.main_wrap .con4 ul li{height:62px;}
.main_wrap .con4 ul li span.date{font-size:12px;}

.main_wrap .con4 div.tit a{ background-size: 8px auto;; background-position:90% center;}
.main_wrap .con4 .right div.tit .wrap a p{font-size:16px;}
.main_wrap .con_tit p{font-size:20px}
.main_wrap .con5{padding:36px 0; }
.main_wrap .con5 .container{padding:0 30px; }
.main_wrap .con5 .con_wrap .title{font-size:16px;}
.main_wrap .con5 .con_wrap .bottom p.exp{font-size:14px;}
.main_wrap .con5 .con_wrap ul li a span{height:auto; margin-top:-10px; top:50%;;}
.main_wrap .con5 .con_wrap ul li a.line2 span{ margin-top:-20px; }
.main_wrap .con5 .con_wrap ul li a span em{font-size:16px;}


.submain_wrap .banner a{height:auto;}
.submain_wrap .banner a p{font-size:21px;}
.submain_wrap .banner a p span{font-size:14px; line-height:18px;}
.submain_wrap .banner a p span.more{font-size:12px;}
/*서브메인*/
.sub_visual .container .txt p{font-size:24px !important;line-height:28px !important;}
.sub_visual .container .txt p em{font-size: 16px;    right: -26px;    top: -6px;}
	.sub_visual .container .txt span{font-size:14px !important; line-height:20px !important; }

#footer .site_map p a{font-size:14px;}
#footer .site_map ul > li > a{font-size:12px; line-height:14px;}
#footer .site_map .container .row.site .ul_wrap{margin-top:0; padding-top:20px;}
.t_style1 table ul.t_con li p{word-break:keep-all;}
.t_style1 table ul.t_con li{display:table; width:100%;}
.t_style1 table ul.t_con li a{display:table-cell; vertical-align:middle;padding:5px 20px; width:100%; height:100%;}
.cnt .cnt_sp table ul.sp_con li p{word-break:keep-all;}
.cnt .cnt_sp table ul.sp_con li{display:table; width:100%;}
.cnt .cnt_sp table ul.sp_con li a{display:table-cell; font-size:14px;vertical-align:middle;padding:5px 20px; width:100%; height:100%;}
}
@media (max-width: 480px){
	.cnt.type3 .cnt_title .title p.info{font-size:20px;}
.cnt.type3 .cnt_title .title p.name{font-size:28px;}
.cnt.type3 .cnt_title .info_wrap p{font-size:13px;line-height:20px;}
	#footer .m_info span{padding-left:0;}
	.main_wrap .con3 p{font-size:19px}
	.search_result .result_wrap .left .result_tab ul li a em{max-width: 60%;}
	.search_result .search_wrap .right .recom_list span a em{max-width:90%}
	.sub_visual .container .txt p{font-size:24px;}
.culture .con_wrap .conbox .info_img1 .item{height:140px !important}
}  


@media (max-width: 420px){
.search_result .search_wrap .right .recom_list span a{font-size: 12px;padding:0 10px}
#trend .bbs table tr td{font-size:13px;}

.sub_visual.cont1{height:320px}
.sub_visual.bbs{height:320px}
.sub_visual .container .inner{height:320px}
}


@media (max-width: 360px){

#header .header-logo img{height:30px}
.sub_header_img{left:100px}
}