/* 모바일 */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700|Nanum+Myeongjo&subset=korean');


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

#header{position:absolute;top:0;left:0;width:100%;min-width:100%;z-index:100;overflow:inherit;height:auto;border-bottom:1px solid #D1D1D1;background:#fff;}
#header .header{position:relative;width:100%;margin:0 auto;min-height:100px; font-family: 'Nanum Gothic', Malgun Gothic, Dotum;}
#header .header h1{position:absolute;top:48px;left:7px;z-index:70;width:150px;}
#header .header h1 img{width:180px;}

#gnb{position:absolute;right:0;height:30px;line-height:30px;vertical-align:middle;text-align:right;}
#gnb{display:inline;}
#gnb a{font-size:13px;padding:10px 15px 0 6px;color:#d3d3d3;background:url('../images/common/bg_gdot.gif') 0 center no-repeat;}

#lnb{display:none;} /* 모바일 메뉴 활성 */
#mlnb{position:absolute;top:100px;z-index:10000;width:100%;height:auto;display:block;}
#mlnb ul{position:relative;top:0px;left:0;width:90%;padding:15px 5% 20px;background:#1a2a41;display:none;opacity:.9; filter:alpha(opacity=90);}
#mlnb ul li{border-bottom:1px solid #606e80;}
#mlnb ul li a{display:block;font-weight:400;padding:7px 0 7px 20px;color:#fff;}
#mlnb .lnb_open{display:block;position:absolute;top:-50px;right:10px;z-index:1000;border:0;width:40px;height:30px;overflow:hidden;font-size:0;line-height:0;text-indent:-1000em;background:url('../images/common/btn_menu.png') 0 0 no-repeat;cursor:pointer;}

.top_location{position:relative;background:#f6f6f6;height:32px;border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1;z-index:20}
.top_location .tlocation{width:100%;margin:0 auto;position:relative;}
.top_location .tlocation ul.top_select{position:relative;width:100%;height:32px;float:none;}
.top_location .tlocation ul li{position:relative;float:left;width:auto;height:32px;background:url('../images/common/bg_step.gif') left 0  no-repeat;}
.top_location .tlocation ul li a{display:block;min-width:90px;height:18px;padding:7px 20px 7px 25px;background:url('../images/common/btn_down.gif') right 0  no-repeat;}
.top_location .tlocation ul li a.active{background-position:right -31px;}
.top_location .tlocation ul li ul{display:none;position:absolute;top:31px;left:0px;z-index:500;min-width:90px;background:#f4f4f4;border-left:1px solid  #e5e5e5;border-right:1px solid  #e5e5e5;border-bottom:1px solid  #e5e5e5;}
.top_location .tlocation ul li ul li{float:none;background:none;padding:0;width:100%;}
.top_location .tlocation ul li:first-child ul li{display:block;}
.top_location .tlocation ul li ul li a{background:none;min-width:90px;line-height:auto;white-space:nowrap;}
.top_location .tlocation .down{display:inline-block;padding:12px;margin-right:20px;}

#wrap{position:relative;margin-top:100px;background:#efefef;}
.main_wrap #container{position:relative;background:none;}
.main_wrap #container:after{content:"";clear:both;display:block;}


#main_content{position:relative;float:none;width:100%;margin:0 auto;}
#main_content .slogun {display:none;}
#main_content .slogun  h3{font-size:1.6em;padding:20px 0;}
#main_content .slogun  p{margin:0 auto;width:95%;color:#726f6c;line-height:1em;padding:0 0 20px 0;}

#main_content .mcontent{overflow:hidden;width:100%;position:relative;}
#main_content .mcontent h3{font-size:18px;padding:0;margin:0;}
#main_content .mcontent1{width:100%;float:left;}
#main_content .msection1{position:relative;width:100%;min-height:auto;float:left;}
#main_content .msection1 img{width:100%;}

/* 자료실*/
#main_content .msection2{background:rgba(13,62,152,0.9);width:50%;float:left;position:relative;height:190px;margin-right:0;padding:14px ;box-sizing:border-box;}
#main_content .msection2 h3{color:#fff;margin:10px 0;font-size:18px;}
#main_content .msection2 ul{}
#main_content .msection2 ul li{overflow:hidden;padding:2px 0 2px 5px;background:url('../images/main/bg_dot.gif') left center no-repeat;font-size:13px;color:#fff;}
#main_content .msection2 ul li a{float:left;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;}
#main_content .msection2 ul li span{float:right;color:#a6afcb;}
#main_content .msection2 .more{position:absolute;top:22px;right:15px;}
/* 견적문의*/
#main_content .msection3{float:right;width:50%;height:190px;background:rgba(81,139,206,0.9) url('/images/main/order_img.png') 90% 80% no-repeat;box-sizing:border-box;margin-bottom:15px;}
#main_content .msection3 h3{font-size:18px;color:#fff;padding:0;}
#main_content .msection3 h3 a{color:#fff}
#main_content .msection3 div{position:relative;height:160px;padding-left:18px;}
#main_content .msection3 div p{color:#a8a8a8;line-height:16px;color:#acc8de;}
#main_content .msection3 .more{position:absolute;bottom:20px;left:20px;}

#main_content .mcontent2{width:100%;float:left;}
#main_content .mcontent2 .probox{float:left;width:50%;height:188px;padding:15px;box-sizing:border-box;margin-bottom:15px;border:1px solid #efefef;}
#main_content .mcontent2 h3{padding:0;margin:0;font-size:18px;}
#main_content .mcontent2 p{padding:10px 0;color:#999;}
#main_content .mcontent2 .prosection1{background:#fff url('/images/main/pro_bg_01.jpg') 90% 80% no-repeat;margin-right:0;}
#main_content .mcontent2 .prosection2{background:#fff url('/images/main/pro_bg_02.jpg') 90% 80% no-repeat;}
#main_content .mcontent2 .prosection3{background:#fff url('/images/main/pro_bg_03.jpg') 90% 80% no-repeat;margin-right:0;}
#main_content .mcontent2 .prosection4{background:#fff url('/images/main/pro_bg_04.jpg') 90% 80% no-repeat;}
#main_content .mcontent2 .prosection5{background:#fff url('/images/main/pro_bg_05.jpg') 90% 80% no-repeat;margin-right:0;}
#main_content .mcontent2 .prosection6{background:#fff url('/images/main/pro_bg_06.jpg') 90% 80% no-repeat;}

.sub_top{height:20px;}
.sub_top .sub_tit{position:relative;width:100%;margin:0 auto;}
.sub_top .sub_tit h2{position:absolute;font-size:36px;margin:30px 0 0;font-weight:600;color:#fff;}
.sub_top .sub_tit img{display:none;}
.sub_top{display:none;}
.sub_top .sub_img{display:none;}

.sub_wrap #container{min-width:100%;min-height:300px;background:#fff;}

.sub_contents{position:relative;width:100%;margin:0 auto;}
.sub_contents #submenu{display:none;}
.sub_contents #contents{float:none;width:94%;padding:0 3%;}

.sub_contents #contents .navi{position:relative;height:10px;padding:10px 0 0 0;background:url('../images/sub/bg_location.gif') 0 bottom no-repeat}
/*.sub_contents #contents .navi h2{color:#444444;font-size:30px;font-weight:600;}
.sub_contents #contents .navi .location{position:absolute;top:80px;right:0;}*/
.sub_contents #contents #content{padding:20px 0;}

.navi{position:absolute;left:0;top:0;width:100%;margin:0 auto;text-align:right;color:#aaaaaa;}
.navi .location{text-align:right;font-size:13px;vertical-align:bottom;line-height:13px;}


}

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

#header{position:absolute;top:0;left:0;width:100%;min-width:100%;z-index:100;overflow:inherit;height:auto;border-bottom:1px solid #D1D1D1;background:#fff;}
#header .header{position:relative;width:100%;margin:0 auto;min-height:100px; font-family: 'Nanum Gothic', Malgun Gothic, Dotum;}
#header .header h1{position:absolute;top:48px;left:7px;z-index:70;width:150px;}
#header .header h1 img{width:180px;}

#gnb{position:absolute;right:0;height:30px;line-height:30px;vertical-align:middle;text-align:right;}
#gnb{display:inline;}
#gnb a{font-size:13px;padding:10px 15px 0 6px;color:#d3d3d3;background:url('../images/common/bg_gdot.gif') 0 center no-repeat;}

#lnb{display:none;} /* 모바일 메뉴 활성 */
#mlnb{position:absolute;top:100px;z-index:10000;width:100%;height:auto;display:block;}
#mlnb ul{position:relative;top:0px;left:0;width:100%;padding:15px 0 20px;background:#1a2a41;display:none;opacity:.9; filter:alpha(opacity=90);}
#mlnb ul li{border-bottom:1px solid #606e80;}
#mlnb ul li a{display:block;font-weight:400;padding:7px 0 7px 20px;color:#fff;}
#mlnb .lnb_open{display:block;position:absolute;top:-50px;right:10px;z-index:1000;border:0;width:40px;height:30px;overflow:hidden;font-size:0;line-height:0;text-indent:-1000em;background:url('../images/common/btn_menu.png') 0 0 no-repeat;cursor:pointer;}

.top_location{position:relative;background:#f6f6f6;height:32px;border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1;z-index:20}
.top_location .tlocation{width:100%;margin:0 auto;position:relative;}
.top_location .tlocation ul.top_select{position:relative;width:100%;height:32px;float:none;}
.top_location .tlocation ul li{position:relative;float:left;width:auto;height:32px;background:url('../images/common/bg_step.gif') left 0  no-repeat;}
.top_location .tlocation ul li a{display:block;min-width:90px;height:18px;padding:7px 20px 7px 25px;background:url('../images/common/btn_down.gif') right 0  no-repeat;}
.top_location .tlocation ul li a.active{background-position:right -31px;}
.top_location .tlocation ul li ul{display:none;position:absolute;top:31px;left:0px;z-index:500;min-width:90px;background:#f4f4f4;border-left:1px solid  #e5e5e5;border-right:1px solid  #e5e5e5;border-bottom:1px solid  #e5e5e5;}
.top_location .tlocation ul li ul li{float:none;background:none;padding:0;width:100%;}
.top_location .tlocation ul li:first-child ul li{display:block;}
.top_location .tlocation ul li ul li a{background:none;min-width:90px;line-height:auto;white-space:nowrap;}
.top_location .tlocation .down{display:inline-block;padding:12px;margin-right:20px;}

#wrap{position:relative;margin-top:100px;background:#efefef;}
.main_wrap #container{position:relative;background:none;}
.main_wrap #container:after{content:"";clear:both;display:block;}

#main_content{position:relative;float:none;width:100%;margin:0 auto;}
#main_content .slogun {display:none;}
#main_content .slogun  h3{font-size:1.6em;padding:20px 0;}
#main_content .slogun  p{margin:0 auto;width:95%;color:#726f6c;line-height:1em;padding:0 0 20px 0;}

#main_content .mcontent{overflow:hidden;width:100%;position:relative;}
#main_content .mcontent h3{font-size:18px;padding:0;margin:0;}
#main_content .mcontent1{width:100%;float:left;}
#main_content .msection1{position:relative;width:100%;min-height:auto;float:left;}
#main_content .msection1 img{width:100%;}

/* 자료실*/
#main_content .msection2{background:rgba(13,62,152,0.9);width:100%;float:left;position:relative;height:190px;margin-right:10px;padding:14px ;box-sizing:border-box;}
#main_content .msection2 h3{color:#fff;margin:10px 0;font-size:18px;}
#main_content .msection2 ul{}
#main_content .msection2 ul li{overflow:hidden;padding:2px 0 2px 5px;background:url('../images/main/bg_dot.gif') left center no-repeat;font-size:13px;color:#fff;}
#main_content .msection2 ul li a{float:left;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;}
#main_content .msection2 ul li span{float:right;color:#a6afcb;}
#main_content .msection2 .more{position:absolute;top:22px;right:15px;}
/* 견적문의*/
#main_content .msection3{float:left;width:100%;height:190px;background:rgba(81,139,206,0.9) url('/images/main/order_img.png') 90% 80% no-repeat;box-sizing:border-box;margin-bottom:15px;}
#main_content .msection3 h3{font-size:18px;color:#fff;padding:0;}
#main_content .msection3 h3 a{color:#fff}
#main_content .msection3 div{position:relative;height:160px;padding-left:18px;}
#main_content .msection3 div p{color:#a8a8a8;line-height:16px;color:#acc8de;}
#main_content .msection3 .more{position:absolute;bottom:20px;left:20px;}

#main_content .mcontent2{width:100%;float:left;}
#main_content .mcontent2 .probox{float:left;width:100%;height:188px;padding:15px;box-sizing:border-box;margin-bottom:15px;border:1px solid #efefef;}
#main_content .mcontent2 h3{padding:0;margin:0;font-size:18px;}
#main_content .mcontent2 p{padding:10px 0;color:#999;}
#main_content .mcontent2 .prosection1{background:#fff url('/images/main/pro_bg_01.jpg') 90% 80% no-repeat;margin-right:0;}
#main_content .mcontent2 .prosection2{background:#fff url('/images/main/pro_bg_02.jpg') 90% 80% no-repeat;}
#main_content .mcontent2 .prosection3{background:#fff url('/images/main/pro_bg_03.jpg') 90% 80% no-repeat;margin-right:0;}
#main_content .mcontent2 .prosection4{background:#fff url('/images/main/pro_bg_04.jpg') 90% 80% no-repeat;}
#main_content .mcontent2 .prosection5{background:#fff url('/images/main/pro_bg_05.jpg') 90% 80% no-repeat;margin-right:0;}
#main_content .mcontent2 .prosection6{background:#fff url('/images/main/pro_bg_06.jpg') 90% 80% no-repeat;}

#footer{background:#363636;position:relative;top:0px;color:#777777;min-height:100px;}
#footer .cinfo{display:none;}
#footer .cinfo ul{overflow:hidden;width:100%;margin:0 auto;text-align:center;color:#949494;}
#footer .cinfo ul li{display:inline;line-height:60px;vertical-align:middle;font-size:14px;}
#footer .cinfo ul li a{color:#949494;}
#footer .cinfo ul li span{margin:0 10px;}
#footer .footer {position:relative;width:100%;margin:0 auto;}
#footer .footer h2{float:left;padding:20px 50px 10px 0;display:none;}
#footer .footer address{padding:15px 0 10px 0;font-size:12px;}
#footer .footer .copyright{font-size:12px;}


.sub_top{height:20px;}
.sub_top .sub_tit{position:relative;width:100%;margin:0 auto;}
.sub_top .sub_tit h2{position:absolute;font-size:36px;margin:30px 0 0;font-weight:600;color:#fff;}
.sub_top .sub_tit img{display:none;}
.sub_top{display:none;}
.sub_top .sub_img{display:none;}

.sub_wrap #container{min-width:100%;min-height:300px;background:#fff;}

.sub_contents{position:relative;width:100%;margin:0 auto;}
.sub_contents #submenu{display:none;}
.sub_contents #contents{float:none;width:94%;padding:0 3%;}

.sub_contents #contents .navi{position:relative;height:10px;padding:10px 0 0 0;background:url('../images/sub/bg_location.gif') 0 bottom no-repeat}
/*.sub_contents #contents .navi h2{color:#444444;font-size:30px;font-weight:600;}
.sub_contents #contents .navi .location{position:absolute;top:80px;right:0;}*/
.sub_contents #contents #content{padding:20px 0;}

.navi{position:absolute;left:0;top:0;width:100%;margin:0 auto;text-align:right;color:#aaaaaa;}
.navi .location{text-align:right;font-size:13px;vertical-align:bottom;line-height:13px;}


}