#wrap {position: relative; background: #fff;}
#header_wrap {display:none;}
#fade{width:100%; height:100%; position:fixed; left:0; top:0; background:#3b3c3c; opacity:0.7; z-index:20; display:none;}
.indent{overflow:hidden; text-align:left; text-indent:-9999em; display:block; height:100%;}
.header {position:fixed;top:0; right:0; width:410px;height:100%; background:#fff; box-sizing: border-box;z-index:9999;}
.header:after {display:block;clear: both;content:'';}
.gnb-wrap {position:relative;width:100%;padding:0px; box-sizing: border-box }
.gnb-wrap > .logo {display:block; width:182px;height:54px;margin-bottom:40px; background: url(/images/logonew.png) no-repeat; background-size:cover; overflow: hidden;text-indent: -9999px;}
.gnb-wrap{height:100%;}
.gnb-wrap a {margin:0;padding:0;}
.gnb-wrap img {margin:0;padding:0;}
.onlyPC {display:block;}
.onlyMobile {display:none;}
/* main */
.h1-sublist {display: none;}
.container {position:relative;background:#fff;margin-right:410px; height:auto;}
.navwrap {position:absolute; top:50%; left:30px; margin-top: -40px; z-index:10;}
.mainBtn {width:160px;height:40px;line-height:40px;padding-left:15px; display:block;background:rgba(0,0,0,0.3);border-radius:3px;}
.to-animate {opacity:0;}

/*quick 메뉴*/
#quick_menu {_position:fixed; width: 130px; height:100%;left: 0; top: 0; _z-index: 99999; float:right;display:inline-block;}
#quick_menu .side_produce {  width: 130px; height: 275px; background: #3f9ca2; text-align: center;}
#quick_menu .side_adver { width: 130px; height: 275px; background: #8771bc; text-align: center; }
#quick_menu .side_client a { display:block;width: 130px; font-weight:600;padding:20px 0; background: #5c5d5d;border-top:1px solid #555; text-align: center; color:#fff;}
#quick_menu .side_adver a > span { color: #fff; }
#quick_menu .side_produce a, 
#quick_menu .side_adver a { display: block; position: relative; width: 100%; height: 100%; color: #fff; font-size: 16px;font-weight:600;line-height:24px; }
#quick_menu .side_produce a span, 
#quick_menu .side_adver a span { display: inline-block; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -45px; text-align: center;  } 
#quick_menu .side_inquire { width: 130px;height:100%;padding:14px 0 16px 14px;background: #fff; border: 1px solid #bbb; border-top: 0; }
#quick_menu .side_inquire li {background:url('../images/gnb/bullet_rec.png') no-repeat 0px 4px;padding-left:14px;font-size:12px;line-height:16px;margin:0 0 13px 0;}
#quick_menu .side_inquire .sideLogo {position:absolute;left:18px;bottom:24px;}

/* GNB 메뉴*/
#gnbWrap {position:relative;width:280px;height:100%;border-left:1px solid #bbb;_margin-left:130px;background:#fff;padding:30px 0 0 30px;float:left;display:inline-block;}
#gnbWrap .gnbGuide {font-size:10px;line-height:12px;font-weight:normal;}
#gnbWrap .gnbGuide ul {margin-bottom:35px;}
#gnbWrap .gnbGuide li {display:block;float:left;padding-right:20px;}
#gnbWrap .gnbGuide li a {color:#7b7b7b;}
#gnbWrap h1 {font-size:32px;font-weight:700;line-height:36px;color:#231815;margin-bottom:32px;}
#gnbWrap .gnbInfo {width:220px;position:absolute;left:30px;bottom:120px;color:#111;font-size:12px;line-height:16px;font-weight:normal;}
#gnbWrap .gnbInfo li {background:url('../images/gnb/bullet_rec.png') no-repeat 0px 4px;padding-left:14px;padding-bottom:7px;font-size:12px;line-height:14px;margin:0 0 7px 0;border-bottom:1px solid #b4b4b4;}
#gnbWrap .gnbInfo li:last-child {border-bottom:0;}
#gnbWrap .gnbInfo .fontBold {font-weight:900;color:#111;margin-right:3px;}
#gnbWrap .gnbInfo .address {font-size:11px;color:#666;}
#gnbWrap .gnbCopy {position:absolute;left:30px;bottom:15px;color:#5f5f5f;font-size:11px;line-height:15px;font-weight:normal;}

/* SUB */
.containerSub {margin-right:410px;margin-top:200px;padding:0;}
.contopPD {padding-top:50px;}
.subtop {position:fixed;right:0;top:0;height:130px;width:100%;background:#fff;text-align:left;padding:30px 30px 0 30px;text-align:left;box-shadow:0 2px 5px 0 rgba(0,0,0,0.05);z-index:9;}
.subtop h2 {text-align:left;font-size:40px;line-height:44px;font-weight:900;background:url('../images/ico/ico_dot.png') no-repeat left 50%;display:inline;padding-left:30px;color:#222;}
.subtop h3 {text-align:left;font-size:26px;line-height:30px;font-weight:900;color:#777;}
.subtop ul {position:absolute;right:430px;top:130px;}
.subtop ul li {display:block;float:left;font-size:16px;font-weight:600;line-height:16px;margin:0 20px 10px 0;}
.dropdownTitle a {background:url('../images/ico/bullet_grey.png') no-repeat right 10px;color:#5c5d5d;padding:0 13px 3px 0;border-bottom:2px solid #5c5d5d;}
.dropdownTitle a:hover {background:url('../images/ico/bullet_red.png') no-repeat right 10px;color:#e60013;border-bottom:2px solid #e60013;}
.subContents {width:1024px;margin:0 auto;padding-bottom:80px;}
.subTitle {font-size:26px;font-weight:900;line-height:30px;color:#222;margin:0 0 15px;text-align:left;}
.subTitle2 {font-size:26px;font-weight:600;line-height:32px;color:#5c5c5d;}
.subconTitle {width:1024px;margin:0 auto;text-align:left;font-size:32px;font-weight:normal;line-height:40px;color:#3F9CA2;}
.subconTxt {width:1024px;margin:10px auto;text-align:left;font-size:22px;font-weight:normal;line-height:32px;color:#222;}
.subcarTitle {text-align:center;font-size:26px;font-weight:bold;line-height:38px;color:#222;}
.subcarUnderline {width:32px;height:7px;border-bottom:1px solid #BFBFBF;margin:0 auto 46px;}
.titleCircle {font-size:18px;font-weight:600;width:200px;height:200px;border-radius:200px;margin:50px auto 0px;padding-top:90px;background:#e5e4e3;}
.imgWid90 {text-align:center;}
.numUL {margin-left:50px;}
.numUL li {overflow:hidden;margin:0 0 7px 0;text-align:left;font-weight:normal;}
.numBG {font-size:16px;font-weight:bold;line-height:20px;width:45px;height:30px;background:url('../images/ico/ico_num_bg.png') no-repeat 0 0;background-size:45px 30px; 
color:#fff;text-align:center;float:left;padding:3px 15px 0 0 ;margin-right:5px;}
.numTxt {float:left;font-size:16px;line-height:24px;color:#333;width:78%;}

/* 풀다운 메뉴 */
.dropdown { width:100%;position: relative; display: inline-block;}
.dropdown-content {clear:all; display: none; position: absolute; top:22px;right:-20px;background-color: #fff; min-width: 120px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); padding: 12px 16px; z-index: 1;}
.dropdown-content a {clear:all; display:block;padding:5px 0;border:0;font-size:13px;line-height:16px;color:#666;}
.dropdown-content a:hover {color:#8771bc;}
.dropdown:hover .dropdown-content { display: block;}



@media all and (max-width:1440px){
	.header {display:none;}
	.wrap.active {position:fixed; width:100%; height: 100%; overflow: hidden;}
	.wrap.fixedwrap > .header{position: relative; padding-top: 0;}
    .wrap.fixedwrap > .container {margin-bottom: 0;}
	.gnb-wrap {display:none;}
    .container {margin-right:0;}
	.navwrap {display:none;}
    .wrap {min-width:320px;}
	.containerSub {width:100%;margin:180PX 0 0 0;}	
	.navwrap {display: none;}
	.subtop {position:fixed;right:0;top:60px;height:100px;width:100%;max-width:1490px;background:#fff;padding:20px 30px 0 0;text-align:right;box-shadow:0 2px 5px 0 rgba(0,0,0,0.05); }
	.subtop h2 {font-size:30px;font-weight:900;line-height:30px;;padding-left:20px;width:auto;}
	.subtop h3 {font-size:22px;font-weight:900;line-height:40px;padding-left:20px;}
	.subtop ul {position:absolute;right:3%;top:55px;border:0px solid red;}
	.hisCont .hisList {width:100%;padding:0 15px;}
	.busTable {width:100%;padding:0 15px;}
	.mainCustomer {width:100%;padding:0 15px;}
	.mcsIcon img {width:50px;}
}
@media all and (max-width:1024px){
	.subContents {width:100%;}
	.subTitle {margin:0 0 15px 10px;}
	.subconTitle {width:100%;padding-left:10px;}
	.subconTxt {width:100%;padding-left:10px;}
	.best-content {position: relative !important; height: auto; top:auto !important;}
	.best-content .thumbbox {min-width: 100%;}
	.to-animate{opacity:100;}	
	.imgWid100 img {width:100%;}
	.imgWid95 img {width:95%;}
	.imgWid90 img {width:90%;}
	.numUL {margin-left:10px;}
	.busimgWrap img {width:100%;}
	.buspontWrap .busExp {position:absolute;right:0px;top:200px;width:600px;padding:30px 30px;font-size:16px;line-height:24px;}
	.buspontWrap .busExp2 {position:absolute;left:0px;top:200px;width:600px;padding:30px 30px;font-size:16px;line-height:24px;}
	.buspontWrap .pontTxt {font-size:20px;font-weight:900;line-height:26px;}
	.martimgCenter img {width:280px;}
	.aboutCont {width:90%;margin:0 auto;}
}
@media all and (max-width:767px){
	.onlyPC {display:none;}
	.onlyMobile {display:block;}
	.contopPD {padding-top:50px;}
	.subContents {padding-bottom:30px;}
	.subconTitle {font-size:20px;font-weight:normal;line-height:26px;}
	.subconTxt {width:100%;padding:0 10px 0 10px;font-size:16px;font-weight:normal;line-height:22px;}
	.subcarTitle {font-size:20px;line-height:26px;}
	.subcarUnderline {width:26px;height:7px;margin:0 auto 26px;}
	.containerSub {width:100%;margin:150PX 0 0 0;}
	.best-content > .category {top:2px; width:85px; height: 27px;}
	.best-content > .category > h2 > a {font-size:12px;}
	.best-content .text-inbox {left:10%;top:40%;}
	.best-content .text-inbox > p {display: none;}
	.best-content .text-inbox > .title-box .stitle {font-size: 15px;}
	.best-content .text-inbox > .title-box .title {padding:7px 0 0 0; font-size:22px;}
	.subtop {height:auto;padding:15px 0 10px 0;}
	.subtop h2 {font-size:24px !important;line-height:26px !important;font-weight:600;text-align:center !important;padding:0px;background:none;display:block !important;}
	.subtop h3 {font-size:16px !important;line-height:26px !important;font-weight:600;text-align:center !important;padding:0px;background:none;}
	.subtop ul {position:absolute;left:10px;top:75px;}
	.subtop li {margin:0 5px 10px;text-align:center;}
	.subtop ul li {font-size:12px;margin:0 10px 10px 0;}
	.subTitle {font-size:20px;font-weight:600;line-height:26px;}
	.subTitle2 {font-size:16px;font-weight:600;line-height:16px;;}
	.mcsTitle {font-size:12px;font-weight:200;}

	.aboutTitle {text-align:center;font-size:26px;line-height:32px;font-weight:900;color:#3F9CA2;}
	.aboutWrap li {width:44%;padding:30px 0;margin:0 0 0.5% 0;}
	.aboutWrap li p {margin:20px 0 0;}
	.aboutTxt {font-size:11px;line-height:18px;color:#222;}
	.aboutWrap li img {height:50px;}
	.aboutbgTitle {width:100%;font-size:13px;line-height:20px;font-weight:normal;padding:115px 20px;color:#fff;background-size:100%;text-shadow : 2px 2px 3px rgba(0, 0, 0, 0.5);}

	.clidentLogo ul {float:left; width:100%; margin:20px auto 20px; text-align:center;} 
	.clidentLogo li {display:inline-block; padding:0 10px; text-align:center;margin:0 5px 5px;}
	.clidentLogo li img {height:30px;}
	.ulWrap li {width:44%;padding:30px 0;margin:0 0 0.5% 0;}
	.ulWrap li p {margin:20px 0 0;}
	.ulwTit {font-size:11px;line-height:18px;color:#222;}
	.ulWrap li img {height:50px;}

	.ul3Wrap li {width:100%;padding:30px 0;margin:0 0 0.5% 0;}
	.ul3Wrap li p {margin:10px 0 0;}
	.ul3Wrap li img {height:30px;}
	.ul3wTit {font-size:13px;line-height:18px;color:#222;}

	.ulimgWrap li {width:44%;}
	.numBG {font-size:14px;font-weight:bold;line-height:16px;width:38px;height:25px;background:url('../images/ico/ico_num_bg.png') no-repeat 0 0;background-size:38px 25px; 
	color:#fff;text-align:center;float:left;padding:3px 13px 0 0 ;margin-right:5px;}
	.numTxt {float:left;font-size:14px;line-height:20px;}
	.cautionWrap {padding:20px;width:90%;margin:0 auto;}
	.cautionWrap li {background:url('../images/ico/ico_dot2.png') no-repeat 0px 6px;padding-left:7px;background-size:3px 3px;font-size:13px;line-height:15px;margin:0 0 5px; }
	.sizeWrap {width:90%;margin:0 auto;border:1px solid #E8E8E8;padding:10px 10px;overflow:hidden;}
	.sizeTitle {font-size:22px;font-weight:600;line-height:30px;}
	.sizeLeft {width:100%;float:none;padding:10px 0 20px;}
	.sizeLeft img {height:30px;}
	.sizeRight {float:none;width:100%;border-top:1px solid #E8E8E8;}
	.sizeRight li {background:url('../images/ico/ico_dot2.png') no-repeat 0px 13px;padding:7px 7px;background-size:3px 3px;font-size:13px;line-height:15px;margin:0 0 5px; }
	.size2Wrap {width:90%;margin:0 auto;border:1px solid #E8E8E8;padding:10px 10px;overflow:hidden;}
	.size2Left {width:100%;float:none;padding:10px 0 20px;}
	.size2Left img {height:30px;}
	.size2Right {float:none;width:100%;border-top:1px solid #E8E8E8;}
	.size2Right li {background:url('../images/ico/ico_dot2.png') no-repeat 0px 13px;padding:7px 7px;background-size:3px 3px;font-size:13px;line-height:15px;margin:0 0 5px; }
	.busicoWrap li {width:40px;}
	.buspontWrap .busExp {position:absolute;right:0px;top:250px;width:100%;padding:30px 30px;font-size:14px;line-height:20px;}
	.buspontWrap .busExp2 {position:absolute;left:0px;top:250px;width:100%;padding:30px 30px;font-size:14px;line-height:20px;}
	.buspontWrap .pontTxt {font-size:16px;line-height:20px;}
	.buspontWrap {height:380px;}
	.busPoint img {height:230px;}
	
	.spetxtWrap {padding:20px 20px 20px 0px;}
	.spetxtLeft {width:20%;float:left;}
	.spetxtLeft img {height:30px;}
	.spetxtRight {width:80%;float:left;text-align:left;}
	.spetxtRight .speTitle {font-size:16px;font-weight:normal;line-height:20px;}
	.spetxtRight .speTxt {font-size:14px;font-weight:normal;line-height:18px;margin-top:10px;}

	.imgbgTitle {width:100%;font-size:14px;line-height:20px;font-weight:bold;padding:32px 20px;color:#fff;background-size:100%}

	.ulWrap2 ul {clear:both;float:left; width:100%; margin:0 auto 20px; text-align:center;} 
	.ulWrap2 li img {height:30px;}
	.ulWrap2 li {width:100%;padding:30px 0;margin-bottom:0.5%;}
	.ulwTit2 {font-size:16px;line-height:20px;margin:15px 0 7px;}
	.ulwTit3 {font-size:13px;line-height:18px;}

	.martimgCenter img {width:200px;}

	/* 서브테이블2 */
	.busTable th {width:20%;font-size:13px;line-height:18px;padding:10px 0 10px 0px;}
	.busTable li {background:url('../images/ico/bg_3depth_line3.gif') no-repeat 0 9px;padding-left:0px;margin:0 0 8px 10px;font-size:13px;line-height:18px;}

	.height120 {height:120px  !important;}
}