@charset "utf-8";

@media all and (min-width:1001px){
    .__t {display:none !important;}
}

@media all and (max-width:1000px){
    .__tn {display:none !important;}

    #_wrap {padding-top:60px;}

    #_header {height:60px !important;}  
    #_header:before {top:59px;}
    #_header ._inner {height:60px !important;}
    
    #_header ._logo {left:50%;top:10px;width:120px;margin-left:-60px;}
    #_header ._logo a {display:block;}  
    #_header ._gnb {display:none !important;}   
    #_header ._gnb li ul {display:none !important;}
    #_header ._btn {display:block;}
    #_header._nav-on {height:90px;box-shadow:none;}

    #_nav {display:block;}

    #_vis .bx-pager {left:auto;margin-left:0;width:100%;bottom:30px;}
    #_vis .mouse {display:none;}
    
    .maintit {font-size:30px;}
    #_main1 {padding:50px 10px 60px;}
    .main1_list > li {padding:0 3px;box-sizing:border-box;}

    #_main2 {padding:50px 10px 120px;background-size:contain;}
    #_main2 ._rollbox {margin-top:60px;}
    #_main2 .bx-pager {bottom:45px;}
    #_main3 {padding:70px 10px;}
    .main3_list > li > a {height:250px;}
    .main3_list > li > a .img {background-position:50% 50% !important;}
    .main3_list > li .tit {font-size:25px;}
    #_main4 {padding:50px 10px 80px;}
    #_main4 .bbs_tit {font-size:26px;}

	.go_top {left:auto;margin-left:0;right:0;bottom:0;}
    
    #_svis ._inner span h3 {font-size:30px;}    

    #_snb {display:none;}

    #_msnb {display:block;}
    
    #_sub {padding:50px 10px 80px;}

    /* sub111 */
    .sub111_tit {font-size:28px;padding-bottom:15px;}
	.sales_box {padding:30px 0;}
	.sales_box1 {padding:20px 0 0;}
    .sub111_cerlist {margin:0;}
    .sub111_cerlist > li {width:33.333333%;padding:0 5px;}
    .sub111_cerlist > li:nth-child(5n+1) {clear:initial;}
    .sub111_cerlist > li:nth-child(3n+1) {clear:both;}
    /* //sub111 */

    /* sub113 */
    .dep3 {margin:-10px 0 50px;}
    .__history h3 {font-size:24px;}

    .__history .area {margin-top:30px;}
    .__history .area:before {display:none;}
    .__history .area .box {width:100%;padding:0 !important;margin-left:0 !important;margin-top:30px;text-align:left !important;}
    .__history .area .box:before,
    .__history .area .box:after {display:none !important;}
    .__history .area .box .con {margin-top:20px;}
    .__history .area .box h4 {font-size:24px;top:0;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:15px;}
    .__history .area .box dl {position:relative;font-size:16px;line-height:1.5em;margin-top:5px;}
    .__history .area .box dl dt {font-size:15px;}
    .__history .area .box dl dd {font-size:13px;}
    .__history .area .box:nth-child(odd) dl {padding-left:50px;}
    .__history .area .box:nth-child(even) dl {padding-right:0;padding-left:50px;}
    .__history .area .box:nth-child(even) dl dt {right:auto;left:0;}
    /* //sub113 */

	/* sub114 */
	#ctt_con img.organ_img {max-width:100%;}
	/* //sub114 */

    /* sub12 */
    .ceo_txt {font-size:15px;line-height:24px;}
    .ceo_txt .ceo_name {font-size:18px;}   
    /* //sub12 */

    /* sub13 */
    .partner_list {margin:0 -10px 30px;}
    /* //sub13 */

	/* sub21 */
    .net_tbox {padding:40px 10px;}
    .net_tbox img {width:100px;}
    .net_bbox {padding:100px 15px 40px;margin-top:200px;}
    .net_bbox:after {width:200px;height:200px;margin-left:-100px;top:-100px;}
    .net_tbox span {font-size:14px;}
    .net_bbox li .in .txt {font-size:13px;line-height:20px;} 
    .net_partner {margin:30px 0 40px;}
    .net_partner .tit {font-size:18px;margin-bottom:15px;}   
    /* //sub21 */

	/* sub22 */
    .secu_box {margin-bottom:80px;}
    .secu_box.box2 {background:#f9f9f9;padding:60px 10px 80px;}
    .secu_box .tit {font-size:28px;}
    /* //sub22 */

	/* sub23 */
    .smt_box .tit {font-size:25px;padding-bottom:30px;}
    .smt_box .tit.line {padding-top:30px;}
    .smt_box.box1 {margin-top:40px;}
    .smt_box.box2 {margin-top:40px;}
    /* //sub23 */

	/* sub24 */
    .mas_logo {padding:0 30px;margin:20px 0 50px;}
    .mas_logo .logo2 img {width:110px;}
    .mas_img .tit, .mas_img .stit {font-size:20px;}
    .mas_img .link > a {padding:15px 30px;}
    .mas_img {margin-bottom:60px;}
    .layout.gray {padding:60px 20px;}
    /* //sub24 */

	/* sub25 */
    .maten_tbox {overflow:hidden;height:auto;}
    .maten_tbox .box1, .maten_tbox .box2, .maten_tbox .box3 {width:100%;height:300px;}
    .maten_tbox .box .txt, .maten_tbox .box .img {width:50%;height:100%;}
    .maten_tbox .box1 > div {float:right;}
    .maten_tbox .box .txt:after {display:none;}
    .maten_tbox .box3 > div {float:left;}
    .maten_tbox .box .txt .in img {width:80px;}
    .maten_tbox .box .txt .tit {font-size:18px;padding-top:20px;}
    .maten_tbox .box .txt .desc {font-size:13px;line-height:22px;}
    .maten_line {padding:50px 0;}
    .maten_btxt .tit {font-size:20px;}
    .maten_btxt .txt {font-size:13px;padding:0;line-height:22px;}
    /* //sub25 */

   /* sub31 */
    .pro_top .bigimg {margin: 0 auto 40px;}
    .pro_list {margin-top:25px;}
    .pro_list .area {padding:30px 20px;}
    .pro_list .area .desc {width:50%;padding-left:20px;}
    .pro_list .desc .tit {font-size:20px;}
    .pro_list .area .img {width:50%;}
    .pro_list .desc .txt {margin:8px 0 10px;}
    /* //sub31 */

	/* sub41 */
    .result_top {margin-bottom:35px;}
	.result_top.type1:after {top:-10px;}
    .result_top .tit {font-size:26px;}
    .result_menu > a {width:33.3333333%;height:50px;font-size:13px;}
    .result_tbl th, .result_tbl td {padding:10px 0;}    
    .result_tbl .left {padding-left:5px;}
    /* //sub41 */

    /* paging */
    .__botarea {margin-top:20px;}
    .__botarea .cen {text-align:center;} 
    /* //paging */
        
}

@media all and (min-width:769px){
    .__m {display:none !important;}
    .__nobg {background-image:none !important;}
}


@media all and (max-width:768px){
    .__p {display:none !important;}    

    #_wrap {padding-top:60px;}  
        
    #_vis .bx-pager {bottom:5%;}

    #_main1 {padding:30px 10px;}
    .maintit {font-size:20px;}
    .mainstit {font-size:13px;padding-top:10px;}
    .main1_list {margin-top:30px;}
    .main1_list > li {width:50%;margin-bottom:25px;padding:0;}
    .main1_list > li:nth-child(2n+1) {clear:both;}
    .main1_list > li img {width:100px;}
    .main1_list > li .tit {font-size:15px;margin-top:10px;}
    .main1_list > li .txt {font-size:13px;margin-top:6px;line-height:20px;}
    .main1_list > li .more_btn {padding:8px 28px 3px;margin-top:10px;}
    #_main2 {padding:30px 10px;background-image:none;}
    #_main2 ._rollbox {padding:15px;}
    #_main2 .product > div {width:100%;}
    #_main2 .product .desc {padding-left:0;}
    #_main2 .product .desc .type {font-size:13px;padding:10px 0 2px;}
    #_main2 .product .desc .name {font-size:16px;line-height:22px;}
    #_main2 .product .desc .txt {font-size:13px;line-height:22px;margin-top:10px;height:40px;}
    #_main2 ._rollbox > a {width:50px;height:35px;line-height:37px;top:-36px;}
    #_main2 ._rollbox .btn_prev {right:51px;}
    #_main2 .bx-pager {display:none;}
    #_main3 {padding:30px 10px;}
    .main3_list {margin:20px 0 0;}
    .main3_list > li {width:100%;margin-bottom:10px;padding:0;}
    .main3_list > li > a {height:110px;}
    .main3_list > li > a .img {background-size:cover !important;}
    .main3_list > li .box {padding:20px;}
    .main3_list > li .tit {font-size:18px;}
    .main3_list > li .txt {font-size:13px;padding-bottom:18px;}
    #_main4 {padding:30px 10px;}
    #_main4 .notice {width:100%;margin-bottom:30px;}
    #_main4 .bbs_tit {font-size:16px;margin-bottom:15px;}
    #_main4 .resource {width:100%;}
    #_main4 .list > li {padding:0;}
    #_main4 .list a {font-size:13px;padding:13px 65px 8px 8px;}
    #_main4 .list a:before {width:2px;height:2px;margin-top:-1px;}
    #_main4 .list a .date {font-size:11px;top:14px;}
    
    #_footer {padding:30px 10px 40px;}
    #_footer .one {font-size:13px;line-height:20px;}
    #_footer .one .name {display:block;margin-top:20px;padding-bottom:5px;}
    #_footer .one .family_site {width:100px;height:35px;padding-left:10px;position:relative;top:auto;right:auto;}
    
    #_svis ._inner span h3{font-size:22px;}

    #_sub {padding:30px 10px 50px;}

    .subtxt {font-size:13px;line-height:22px;}

    /* sub111 */
    .sub111_tit {font-size:20px;}
    .sub111_img {margin:20px auto;}
	.sales {padding:5px 0 5px 30px;font-size:14px;}
    .sub111_cer {font-size:16px;margin:40px 0 15px;}
    .sub111_cerlist > li {width:50%;margin-bottom:20px;}
    .sub111_cerlist > li:nth-child(3n+1) {clear:initial;}
    .sub111_cerlist > li:nth-child(odd) {clear:both;}
    .sub111_cerlist > li .box strong {font-size:13px;margin-top:10px;}
    /* //sub111 */

    /* sub113 */
    .dep3 {margin:-10px 0 30px;}
    .dep3 > a {margin:0 10px 10px;font-size:13px;}
    .__history h3 {font-size:20px;}

    .__history .area {margin-top:20px;}
    .__history .area .box {margin-top:20px;}
    .__history .area .box h4 {font-size:18px;padding-bottom:10px;margin-bottom:15px;}
    .__history .area .box dl {font-size:12px;line-height:1.5em;margin-top:5px;}
    .__history .area .box dl dt {font-size:13px;top:-3px;}
    .__history .area .box dl dd {font-size:12px;}
    .__history .area .box:nth-child(odd) dl {padding-left:40px;}
    .__history .area .box:nth-child(even) dl {padding-left:40px;}
    /* //sub113 */

    /* sub12 */
   .ceo_txt {float:none;width:100%;font-size:13px;line-height:22px;}
    .ceo_txt .ceo_name {font-size:15px;}
    .ceo_img {float:none;width:100%;text-align:center;margin-top:20px;}
    /* //sub12 */

    /* sub13 */
    .partner_tit {font-size:15px;padding-left:8px;margin-bottom:15px;}
    .partner_tit:before {width:3px;height:3px;margin-top:-1.5px;}
    .partner_list {margin:0 -3px 30px;}
    .partner_list > li {width:33.33333%;padding:0 3px;margin-bottom:15px;}
    /* //sub13 */

    /* sub14 */
    .location_box .location_txt {width:100%;margin-bottom:30px;}
    .location_box table th {font-size:14px;padding:10px 0 5px;}
    .location_box table td {font-size:13px;padding:10px 5px 5px;}
    .location_box .location_map {width:100%;}
    .daummap, .root_daum_roughmap .wrap_map {height:300px !important;}
    /* //sub14 */

	/* sub21 */
    .net_tbox:before {width:242px;height:200px;margin-left:-121px;}
    .net_tbox span {font-size:13px;}
    .net_bbox {padding:85px 5px 30px;margin-top:164px;}
    .net_bbox:after {width:150px;height:150px;margin-left:-75px;top:-75px;}
    .net_bbox li {width:50%;margin-bottom:20px;}
    .net_bbox li .in {height:auto;margin-bottom:5px;}    
    .net_partner .tit {font-size:16px;}   
    .net_partner .link a {width:33.33333%;text-align:center;padding:0 5px;margin-bottom:20px;}
    /* //sub21 */

	/* sub22 */
    .secu_box {margin-bottom:30px;}
    .secu_box.fst {margin-top:30px;}
    .secu_box.lst {margin-bottom:50px;}
    .secu_box.box1, .secu_box.box2 {padding:20px 10px 30px;}
    .secu_box .tit {font-size:18px;padding-bottom:10px;}
    .secu_box img {margin-top:20px;}
    /* //sub22 */

	/* sub23 */
    .smt_box.box1 {margin-top:10px;}
    .smt_box .tit {font-size:16px;padding-bottom:20px;}
    .smt_box .tit.line:before {width:30px;margin-left:-15px;}
	.smt_box.box2 {margin-top:30px;}
	.smt_box.box2.lst {margin-bottom:50px;}
    .smt_box.box2 li {width:100%;padding:0;margin-bottom:15px;}    
    .smt_box.box2 ul {margin:0 0 30px;}
    .smt_box.box2 .in {height:auto;padding:20px 10px;}
    .smt_box.box2 .in:before {display:none;}
    .smt_box.box2 .area .stit {font-size:15px;padding-top:20px;}
    .smt_box.box2 .area .txt {font-size:13px;line-height:22px;padding-top:10px;}
    /* //sub23 */

	/* sub24 */
    .result_top.type1:after {width:30px;margin-left:-15px;}
    .mas_logo {padding:0;margin:20px 0 30px;}
	.mas_logo .logo1 {width:36%;/*text-align:right;*/}
	.mas_logo .logo2 {width:28%;text-align:center;padding:0 10px;}
	.mas_logo .logo3 {width:36%;}
	.mas_logo .logo2 img {width:60px;}
    .mas_img img {margin-bottom:15px;}
    .mas_img .tit, .mas_img .stit {font-size:16px;}
    .mas_img .link {margin-top:20px;}
    .mas_img .link > a {font-size:15px;padding:10px 15px 6px;}
    .layout.gray {padding:40px 15px;margin-bottom:40px;}
    .mas_img2 {margin-top:25px;}
    .salesbox .blank {display:block;padding:5px 0;}
    /* //sub24 */

	/* sub25 */
    .maten_tbox .box1, .maten_tbox .box2, .maten_tbox .box3 {height:auto;}
    .maten_tbox .box .txt, .maten_tbox .box .img {width:100%;height:auto;}    
    .maten_tbox .box1 .img, .maten_tbox .box2 .img, .maten_tbox .box3 .img {background:none;}
    .maten_tbox .box1 > div {float:left;}
    .maten_tbox .box .txt {padding:20px 10px;box-sizing:border-box;}
	.maten_tbox .box .txt:before {display:none;}
	.maten_tbox .box .txt .in {width:100%;}
    .maten_tbox .box .txt .in img {width:60px;}
    .maten_tbox .box .txt .tit {font-size:15px;padding-top:15px;}
    .maten_tbox .box .txt .desc {padding-top:10px;}

    .maten_line {padding:30px 0;}

    .maten_bbox {padding:20px 5%;margin-bottom:30px;}
	.maten_btxt {margin-bottom:30px;}
    .maten_btxt .tit {font-size:16px;padding-bottom:8px;}
    /* //sub25 */

   /* sub31 */
    .pro_top .bigimg {margin: 0 auto 20px;}
    .pro_top {font-size:13px;line-height:22px;padding:0 10px;}
    .pro_tit {font-size:20px;margin-top:25px;}
    .pro_list {margin-top:15px;}
    .pro_list .area {display:block;padding:20px 0;}
    .pro_list .area > div {display:block;}
    .pro_list .area .img {width:100%;margin-bottom:15px;text-align:center;}
    .pro_list .area .desc {width:100%;padding-left:0;}
    .pro_list .desc .tit {font-size:18px;}
    .pro_list .desc .stit {font-size:15px;padding-bottom:8px;}
    .pro_list .desc .tbl .w1 {width:100px;}
    .pro_list .desc .tbl th, .pro_list .desc .tbl td {font-size:13px;padding:4px 0 0;}
    .pro_list .desc .tbl td span {padding:3px 6px 0;}
    .pro_list .desc .txt {font-size:13px;line-height:22px;margin:12px 0;}
    .pro_list .desc .go_link {padding:8px 28px 3px;}
    /* //sub31 */
    
	/* sub41 */
    .result_top {margin-bottom:20px;}
	.result_top.type1 {padding-top:15px;}
    .result_top .tit {font-size:20px;}
    .result_top .txt {font-size:13px;line-height:22px;}
    .result_menu > a {font-size:12px;}
    .result_tbl th, .result_tbl td {padding:8px 0 3px;}
    .result_tbl th {font-size:13px;}
    .result_tbl td {font-size:13px;}
    .result_tbl .left {padding-left:5px;}
    /* //sub41 */

    /* paging */
    .__paging a {font-size:13px;margin:0 5px;}
    .__paging .prev {margin-right:10px;}
    .__paging .next {margin-left:10px;}
    /* //paging */

	/* 모바일 팝업 */	
	.hd_pops {left:5% !important;top:10px !important;width:90%;}
	.hd_pops_con {width:100% !important;height:auto !important;padding-bottom:10px;}
	/* //모바일 팝업 */

}