@import url(common.css);
@import url(history_style_new.css);
@media print { .noPrint { display:none; } } 

.wrapperBg{display:none; position: absolute; top: 0; left:0; width:100%; background:url('../images/wrapper_bg.png') repeat 0 0; z-index:2000}
.goBody{position: absolute; top: 0; left:0; width: 100%; height: 60px; line-height: 60px; text-align: center; background:#ffe42f; color: #544939; font-size: 20px; font-weight: bold; z-index: 20000;}
#wrapper {width:100%; overflow:hidden; margin:0 auto; min-width:1260px;}
#header {position:relative; width:100%; padding:30px 0 0; background:url('../images/header_bg.gif') repeat-x 0 0;}
.headDiv{position:relative; width:100%; margin:0 auto; padding-top:29px;}/* 2018-10-30 수정 */
.main .headDiv{background:#fff}
.sub .headDiv{border-bottom:1px solid #f0f0f0}/* 2018-12-07 추가 */
.headDiv h1{position:absolute; left:80px; top:0}/* 2018-10-30 수정 */
.headDiv h1 a{position:relative; float:left; margin:21px 0 0 0; width:169px; height:40px; background:url('../images/h_logo.png') no-repeat 0 0; text-indent:-99999px; z-index:1000}
.headDiv h1 .subLogo {display:inline-block; margin:21px 0 0 10px; padding:0 0 0 10px; background:url('../images/sublogo_bar.png') no-repeat 0 18px;}
.headDiv h1 .subLogo a {margin:0; background-position:0 2px;}
.introH .headDiv h1 .subLogo a{width:96px; background-image:url('../images/introh_logo.png');}
.serviceH .headDiv h1 .subLogo a{width:102px; background-image:url('../images/serviceh_logo.png');}
.mediaH .headDiv h1 .subLogo a{width:102px; background-image:url('../images/mediah_logo.png');}
.societyH .headDiv h1 .subLogo a {width:102px; background-image:url('../images/societyh_logo.png');}
.hrH .headDiv h1 .subLogo a {width:60px; background-image:url('../images/hrh_logo.png');}
.cyberH .headDiv h1 .subLogo a{width:114px; background-image:url('../images/cyberh_logo.png');}

/* 2018-11-27 추가 */
#header.serviceH2{position:relative; width:100%; height:80px; background:#fff; padding:0;}
#header.serviceH2 .headDiv h1 a{width:230px; height:39px; display:block; background:url('../images/serviceh_logo2.png') no-repeat 0 0;}
/* // 2018-11-27 추가 */

/* 2018-10-30 수정 */
#gnb{display:block; width:890px; margin:0 auto;  position:relative}
#gnb ul{margin:0 50px}
#gnb li {float:left; padding:0; height:100%;}
#gnb li .oneD {display:block; padding:0 20px; font-size:20px; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; color:#333}
#gnb li:first-child .oneD {padding:0 30px 0 0;}
#gnb li .oneD span{display:block; padding:0 0 15px;}
#gnb li .oneD span{display:block; padding:0 10px 29px}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.headDiv{padding-top:30px}
	#gnb{margin:0 auto;}
	#gnb li .oneD span{display:block; padding:0 10px 29px;}
}
 @-moz-document url-prefix(){ 
	.headDiv{padding-top:29px}
	#gnb{margin:0 auto;}
	#gnb li .oneD span{display:block; padding:0 10px 29px;}
}

#gnb ul:after{content:''; display:block; clear:both}
#gnb li .oneD.on span,
#gnb li .oneD.active span{background:url('../images/goned_bu.gif') repeat-x 0 bottom;}
#gnb li .gTwoW {position:absolute; top:40px; left:-100px; width:1200px; height:0; padding:0; overflow:hidden; z-index:1200;}
#gnb li .gTwoW p {float:left; padding:45px 0 0; width:234px; color:#fff; font-size:35px; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif;}
#gnb li .gTwoW .gTwoD {float:left; margin:0 0 0 88px; padding:45px 0 0;}
#gnb li .gTwoW .gTwoD:nth-child(2) {margin:0 !important;}
#gnb li:nth-child(4) .gTwoW .gTwoD {margin:0 0 0 65px;}
#gnb li:nth-child(4) .gTwoW .gTwoD:nth-child(4) {max-width:143px;}
#gnb li .gTwoW .gTwoD .twoD{display:block; margin:0 0 12px; font-size:18px; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; color:#fff}
#gnb li .gTwoW .gTwoD .thrD a{display:block; margin:9px 0 0; color:rgba(255, 255, 255, 0.8)}
#gnb li .gTwoW .gTwoD .fouD a{display:block; margin:2px 0 0;}
#gnb li .gTwoW .gTwoD:nth-child(7n+1){clear:both; margin-left:234px}/* 2018-11-22 추가 */
#gnb li:nth-child(2) .gTwoW .gTwoD:nth-child(6n+1){clear:both; margin-left:234px}
#gnb li:nth-child(2) .gTwoW .gTwoD:nth-child(7n+1){clear:none; margin-left:88px}
.hStyleB #gnb li {position:relative;}
.hStyleB #gnb li:first-child .oneD{padding-left:30px;}
.hStyleB #gnb li:last-child .oneD {padding-right:0;}
.hStyleB #gnb li .oneD span{padding-bottom:23px;}
.hStyleB #gnb li .oneD:hover span,
.hStyleB #gnb li .oneD.on span,
.hStyleB #gnb li .oneD.active span{color:#0450a2; background:url('../images/hstyleb_oned_bu.gif') repeat-x 0 bottom;}
.hStyleB #gnb li .gTwoW{top:46px; left:-20px; width:auto; padding:0 10px; text-align:center; background:#353535;}
.hStyleB #gnb li:last-child .gTwoW{left:-7px;}
.hStyleB #gnb li .gTwoW .gTwoD {float:none; margin:0; padding:25px 0 15px; letter-spacing:-1px;}
.hStyleB #gnb li .gTwoW .gTwoD .twoD {color:#fff; text-align:center; font-size:14px; font-weight:bold; font-family:"맑은고딕", 'dotum',"돋움",sans-serif;}
.hStyleB #gnb li .gTwoW .gTwoD .twoD:hover {text-decoration:underline}
.hStyleB #gnb{width:1000px; margin:0 auto; padding-top:36px; min-height:47px; display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.hStyleB #gnb{margin:0 auto; padding-top:36px}
	.hStyleB #gnb li .gTwoW{top:46px;}
}
 @-moz-document url-prefix(){ 
	.hStyleB #gnb li .gTwoW{top:47px;}
}
#wrapper.cyber{width:840px; overflow:hidden; min-width:auto; margin:0;}
#wrapper.cyber .hStyleC{padding:0 50px; min-height:90px; background:#f4f4f4; box-sizing:border-box}
.hStyleC .headDiv{width:auto;}
.hStyleC .headDiv h1 a{margin:28px 0 0 0;}
.hStyleC .headDiv h1 .subLogo{margin-top:28px; background-position:0 18px;}
.hStyleC .headDiv h1 .subLogo a{margin:0;}
.hStyleC #gnb{margin:43px 0 0; width:auto;}
.hStyleC #gnb li .oneD{font-size:18px; padding:0 24px 0 24px;}
.hStyleC #gnb li .oneD.on span{background:none; color:#003f82}
.hStyleC #gnb li .oneD span{padding:0 0 26px;}
.hStyleC #gnb li:first-child .oneD{padding-left:24px;}
.hStyleC #gnb li:last-child .oneD{padding-right:0;}
.cyberH #gnb{margin:46px 0 0 28px;}
/* //2018-10-30 수정 */

/* 2018-10-30 추가 및 수정 */
.gnbBgD{position:absolute; top:114px; left:0; display:none; width:100%; overflow:hidden; height:430px;  z-index:1000; background:rgba(26, 27, 29, 0.9)}
.mGnbBtn{display:none}
.sub.wrapperBg{top:0px}
.utillW {position:absolute; top:-31px; right:0;}
.utillD {position:relative; width:1200px; margin:0 auto} 
.utillW .mHeader{height:65px; position:relative; background:#fff; display:none}
.utillW .xBt{display:none}
/* .sub #header{border-bottom:1px solid #efefef} */
.utillD > ul {float:right; height:30px; /* background:url('../images/toputill_bg.gif') no-repeat -1px 0; */} 
.utillD > ul > li{display:inline-block;border-left:1px solid #fff; position:relative}
.utillD > ul > li:first-child{border-left:0;}
.utillD > ul > li > a{display:block; /* padding:10px 52px 10px 30px; */height:30px;  padding:0 52px 0 25px; line-height:30px}
#uSiteSlider2 ul li dl dd a:hover{text-decoration:underline}
.utillD > ul > li.utl1 a.bt{padding:0 25px}
.utillD > ul > li.utl1 a.bt.on{background:#fff}
.utillD > ul > li.utl2 a.bt{padding:0 25px; background:url("../images/utill_new_img.png") 108px 6px no-repeat }
.utillD > ul > li.utl2 a.bt.on{background:url("../images/utill_new_img.png") 108px 6px no-repeat #fff}
.utillD > ul > li.utl3 a.bt{background:url("../images/utill_lang_more.png") 90px 12px no-repeat; }
.utillD > ul > li.utl3 a.bt.on{background:url("../images/utill_lang_more.png") 90px 12px no-repeat #fff }
.utillD > ul > li.utl4 a.bt{background:url("../images/utill_search.png") 86px 8px no-repeat; }
.utillD > ul > li.utl4 a.bt.on{background:url("../images/utill_search.png") 86px 8px no-repeat #fff}
.utillD > ul > li.utl5 a.bt{background:url("../images/utill_menu.png") 25px 8px no-repeat; background-size:15px auto; text-indent:-9999px; width:75px; box-sizing:border-box; margin-right:55px  }
.utillD > ul > li.utl1 .closeBt{top:45px; right:15px}
.utillD > ul > li.utl2 .closeBt{top:45px; right:15px}
.utillD > ul > li.utl3 .closeBt{top:45px; right:15px}
.utillD > ul > li.utl4 .closeBt{top:34px}
.utillD > ul > li .closeBt{position:absolute; top:76px; right:80px; z-index:3000}
.utillD > ul > li .closeBt img{width:20px}
.utillD > ul > li .closeBt:focus {border:1px dotted #7f7f7f}
.utillD > ul > li .utillA{position:absolute; top:0; right:0}
.utillD > ul > li.utl1 .uSnsA {position:absolute; top:30px; right:0; width:288px; border:1px solid #dbdbdb; border-top:0; background:#fff;}
.utillD > ul > li.utl1 .uSnsA .titA {padding:0 20px; height:48px; line-height:48px; font-size:22px; color:#333; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; border:1px solid #dbdbdb; }
.utillD > ul > li.utl1 .uSnsD {padding:20px 0; width:288px; overflow:hidden;  border:1px solid #dbdbdb; border-top:0; box-sizing:border-box}
.utillD > ul > li.utl1 .uSnsD .centerA{width:100%; }
.utillD > ul > li.utl1 .uSnsD .centerA li{width:100%; box-sizing:border-box; padding:0 20px}
.utillD > ul > li.utl1 .uSnsD .leftA {float:left; width:168px; padding:0 0 0 20px;}
.utillD > ul > li.utl1 .uSnsD .rightA {float:left; width:167px; padding:0 0 0 20px; border-left:1px solid #ebebeb;}
.utillD > ul > li.utl1 .uSnsD a,.utillD > ul > li.utl1 .uSnsD span {display:block;}
.utillD > ul > li.utl1 .uSnsD a {width:100%; height:100%; overflow:hidden;}
.utillD > ul > li.utl1 .uSnsD a:focus {border:1px dotted #7f7f7f}
.utillD > ul > li.utl1 .uSnsD li {width:100%; overflow:hidden; margin:23px 0 0;}
.utillD > ul > li.utl1 .uSnsD ul li:first-child{margin:0;}
.utillD > ul > li.utl1 .uSnsD .imgA {width:30px; float:left; margin:5px 10px 0 0;} 
.utillD > ul > li.utl1 .uSnsD .infoA {/* width:100px;  */float:left; font-size:15px; color:#555; } 
.utillD > ul > li.utl1 .uSnsD .infoA .cateA {font-weight:bold;}
.utillD > ul > li.utl2 .uNewsB {position:absolute; top:30px; right:0; width:336px; background:#fff;}
.utillD > ul > li.utl2 .uNewsB > .titA {padding:0 20px; height:48px; line-height:48px; font-size:22px; color:#333; letter-spacing:-1px; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; border:1px solid #dbdbdb; }
.utillD > ul > li.utl2 .uNewsB ul {border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.utillD > ul > li.utl2 .uNewsB ul li {border-bottom:1px solid #dbdbdb;}
.utillD > ul > li.utl2 .uNewsB ul li.twoL {background:#f2f2f2;}
.utillD > ul > li.utl2 .uNewsB ul li a {display:block; padding:30px 19px; width:296px; overflow:hidden;}
.utillD > ul > li.utl2 .uNewsB ul li a .imgA {display:block; float:left; width:120px; margin:0 20px 0 0;}
.utillD > ul > li.utl2 .uNewsB ul li a .imgA img{width:100%}/* 2018-11-28 추가 */
.utillD > ul > li.utl2 .uNewsB ul li a .infoA {display:block; float:left; width:155px; font-size:13px; color:#333;}
.utillD > ul > li.utl2 .uNewsB ul li a .cateA {display:block; margin:20px 0 0; color:#666;}
.utillD > ul > li.utl3 .uLangB {position:absolute; top:30px; right:0; width:159px; background:#fff;}
.utillD > ul > li.utl3 .uLangB .titA {padding:0 20px; height:48px; line-height:48px; font-size:22px; color:#333; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; border:1px solid #dbdbdb; }
.utillD > ul > li.utl3 .uLangB ul {padding:11px 30px 6px; border:1px solid #dbdbdb; border-top:0;}
.utillD > ul > li.utl3 .uLangB ul li {margin:0 0 10px; font-size:15px;}
/* 2018-10-30 삭제
.utillD > ul > li.utl3 .uLangB ul li.kor{background:url('../images/lang_kor.jpg') no-repeat left center}
.utillD > ul > li.utl3 .uLangB ul li.eng{background:url('../images/lang_eng.jpg') no-repeat left center}
.utillD > ul > li.utl3 .uLangB ul li.chn{background:url('../images/lang_chn.jpg') no-repeat left center} */
.utillD > ul > li.utl3 .uLangB ul li a{font-family:'Montserrat-Regular'; font-size:15px; color:#555; line-height:20px}
.utillD > ul > li.utl3 .uLangB ul li.on a{display:inline-block; padding:0 30px 0 0; font-family:'Montserrat-Medium'; color:#000; background:url('../images/lang_on.jpg') no-repeat right 1px top 50%;}
.utillD > ul > li.utl4 .inputA {position:absolute; top:30px; right:0; padding:80px 0 0 0; height:236px; border:1px solid #dbdbdb; background:#fff; box-sizing:border-box}
.utillD > ul > li.utl4 .inputA .inputDiv{width:800px; margin:0 auto; position:relative}
.utillD > ul > li.utl4 .inputA .inputDiv input{border:5px solid #d5d5d5; height:65px; width:800px; padding:0 0 0 14px; box-sizing:border-box; font-size:20px; color:#222; line-height:1; background:url('../images/inputsrch_bu.gif') no-repeat 0 6px;}
.utillD > ul > li.utl4 .inputA .searchBt {position:absolute; top:18px; right:24px} 
.utillD > ul > li.utl4 .inputA .searchBt:focus {border:1px dotted #7f7f7f}
.utillD > ul > li.utl5 .utillA{width:100%} 
.utillD > ul > li.utl5 .uSiteB {position:absolute; top:0; right:0; background:#fff; z-index:3000}
.uSiteL {width:1200px; position:relative;/*  border:1px solid #dbdbdb; */ margin:0 auto}
.mobileBg{display:none}
#uSiteSlider2 {width:1200px; /* height:2000px; */ margin:0 auto; position:relative; overflow:hidden;} 
#uSiteSlider2 ul {width:100%;/*  height:370px;  */overflow:hidden;box-sizing:border-box}
#uSiteSlider2 ul li {width:100%;  /* height:335px;   */background:#fff; font-size:14px; color:#333; box-sizing:border-box; padding:80px 0; border-bottom:1px solid #e4e4e4;}
#uSiteSlider2 ul li.clear2:after{content:''; display:block; clear:both}
#uSiteSlider2 ul li:last-child{border-bottom:0}
#uSiteSlider2 ul li .titA a{display:block; /* height:77px; */line-height:45px; font-size:35px; color:#333; /* text-align:center;  */letter-spacing:-1px; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif;/*  border-bottom:1px solid #909090; */}
#uSiteSlider2 ul li .uSiteD {/* padding:27px 20px 0; */ overflow:hidden; width:calc(100% - 200px); width:-webkit-calc(100% - 200px); float:left;}/* 2018-11-22 수정 */
#uSiteSlider2 ul li p.titA{width:158px; margin-right:42px; float:left;}
#uSiteSlider2 ul li dl {float:left;/*  margin:0 0 0 70px; */ width:200px; box-sizing:border-box; padding-right:50px}
#uSiteSlider2 ul li .webList dl:nth-child(5n){padding-right:0}
#uSiteSlider2 ul li .webList dl:nth-child(5n+1){clear:both}
#uSiteSlider2 ul li .webList dl:nth-child(n+6){margin-top:50px}
#uSiteSlider2 ul li.si1 dl {float:left;/*  margin:0 0 0 110px */}
/* #uSiteSlider2 ul li.si2 .uSiteD{padding:27px 20px 0;} 
#uSiteSlider2 ul li.si2 dl{margin:0 0 0 53px;} 
#uSiteSlider2 ul li.si3 .uSiteD{padding:27px 120px 0;} 
#uSiteSlider2 ul li.si4 .uSiteD{padding:27px 35px 0;}
#uSiteSlider2 ul li.si4 dl {max-width:167px;  margin:0 0 0 34px; }
#uSiteSlider2 ul li.si5 .uSiteD {padding:27px 30px 0} 
#uSiteSlider2 ul li.si5 .uSiteD p {float:left}
#uSiteSlider2 ul li.si5 .uSiteD p:first-child{margin:0 10px 0 0;}
#uSiteSlider2 ul li.si5 dl {float:left;margin:0 0 0 34px;} 
#uSiteSlider2 ul li.si6 .uSiteD > p{display:inline-block;} 
#uSiteSlider2 ul li.si6 dl {margin:0 0 0 115px;}
#uSiteSlider2 ul li.si7 .uSiteD {padding:27px 60px 0}
#uSiteSlider2 ul li.si7 dl {margin:0 0 0 42px;} 
#uSiteSlider2 ul li.si8 .uSiteD {padding:27px 52px 0}
#uSiteSlider2 ul li.si8 dl {margin:0 0 0 40px;} */
#uSiteSlider2 ul li dl:first-child {margin:0}
#uSiteSlider2 ul li dl dt a{margin:5px 0 15px; display:block; font-size:18px; color:#333; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif}
/* #uSiteSlider2 ul li dl dd:first-child{margin:8px 0 0;} */ 
#uSiteSlider2 ul li dl dd:after{content:'-'; display:block; position:absolute; top:0; left:0}
#uSiteSlider2 ul li dl dd{margin:7px 0 0; position:relative; padding-left:10px}
#uSiteSlider2 ul li dl dd.fouD{margin:2px 0 0;}
#uSiteSlider2 ul li dl dd a{word-break:keep-all}
/* //2018-10-30 추가 및 수정 */


.uSiteL .btn_area .btn_prev{position:absolute; top:158px; left:35px; z-index:10000}
.uSiteL .btn_area .btn_next{position:absolute; top:158px; right:35px; z-index:10000}
#uSiteSlider_paging {width:100%; overflow:hidden; height:50px;}
#uSiteSlider_paging button{width:158.6px; line-height:50px; font-size:18px; color:#333; /* border-left:1px solid #fff;  */background:#f2f2f2;}/* 2018-11-29 수정 */
#uSiteSlider_paging button:first-child{border-left:0;}
#uSiteSlider_paging button.on {background:#003f82; color:#fff}
.mCateW {position:absolute; top:-30px; left:0; z-index:1000}
.mCateW li {float:left; font-size:13px; height:29px; width:100px; padding:2px 1px 0 0; text-align:center; background:url('../images/mcatel_bar.png') no-repeat left 7px;}
.mCateW li:first-child{background:none;}
.mCateW li.on {background:#fff; color:#333;}

/* 2018-10-30 추가 및 수정 */
#container.main .visualW{min-height:800px}
.visualW {position:relative; width:100%; margin:0 auto; overflow:hidden; height:950px}
.visualW .visS{position:absolute; top:0; left:0; width:100%; overflow:hidden; height:100%; background:url('../images/mvisaul_img6.jpg') no-repeat center 0; background-size:cover !important}
.visualW .visS a {display:block; width:100%; height:100%;}
.visualW .visS a:focus {border:1px dotted #7f7f7f}
.visualW .visS span {display:block;}
.visualW .visS .videoD{width:100%; height:100%; background:#000; position:relative}
.visualW .visS .videoD video{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.visualW .visS .visA {position:relative; width:1200px; margin:0 auto; }
.visualW .visS .visA .titA {position:absolute; top:390px; left:0; width:100%; text-align:center; font-size:70px; color:#fff; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; }
.visualW .visS .visA .txtA {position:absolute; top:490px; left:0; width:100%; text-align:center; font-size:18px; color:#fff; line-height:30px; font-family:'NanumSquareR','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; }
.visualW .visS .visA .btnA {position:absolute; top:326px	; left:88px; }
.visualW .visS .visA .btnA a {display:block; width:118px; height:34px; line-height:34px; border:1px solid #fff; text-align:center; color:#fff}
/* 2018-11-28 수정 */
#contaniner.main .visualW .visBtD{position:absolute; top:50%; transform:translateY(-50%)}
.visualW .visBtD {position:relative; width:100%; margin:0 auto; z-index:100}
.visualW .visBtD button:focus {border:1px dotted #7f7f7f}
.visualW .visBtD .btPrev {position:absolute; top:-20px; right:35px;}
.visualW .visBtD .btNext {position:absolute; top:20px; right:0;}
/*
.visualW .visBtD{position:absolute; top:50%; right:0; transform:translate(0, -50%);}
.visualW .visBtD .btPrev{display:block; position:relative; left:-35px;}
.visualW .visBtD .btNext{display:block; margin-top:40px;}*/
/*//2018-11-28 수정 */
.visualW .visInfoD {position:absolute; bottom:30px; left:0; width:1200px; text-align:center; color:#fff; z-index:100; }
.visualW .visIndi{position:absolute; text-align:center; width:100%; bottom:95px}/* 2018-12-05 수정 */
.visualW .visIndi a{display:inline-block; width:16px; height:16px; box-sizing:border-box; border:1px solid rgba(255, 255, 255, 0.9); border-radius:100%}
.visualW .visIndi a.on{background:#fff; border:1px solid #fff}
.visualW .visS .videoD .controlBt{position:absolute; left:80px; top:50%; transform:translateY(-50%); width:60px; height:60px}
.visualW .visS .videoD .controlBt img{width:100%; z-index:1}
/* 2018-12-05 추가 */
.visualW .scrollDown{position:absolute; bottom:30px; left:0; width:100%; text-align:center}
.visualW .scrollDown a{display:inline-block; font-size:13px; color:#fff; letter-spacing:3px; padding-bottom:25px; background:url('../images/scrolldown.png') no-repeat center bottom}
/* //2018-12-05 추가 */
.mVisualM{display:none;}
.vPlayBt {position:relative; top:-1px; display:inline-block; width:20px; height:18px; background:url('../images/visualplay_bt.png') no-repeat 0 0; text-indent:-99999px;} 
.vPlayBt:focus {border:1px dotted #7f7f7f} 
.vPlayBt.on {background-image:url('../images/visualplay_bt_on.png')}
.mConDiv{}
.mConDiv .title{margin-top:150px; font-family:'Microsoft Yahei'; font-size:50px; color:#222; text-align:center; position:relative; opacity:0; top:40px}
.mConDiv .mConD1{width:1200px; margin:0 auto 120px}
.mConDiv .mConD1 ul{margin:80px auto 0}
.mConDiv .mConD1 ul li{width:380px; position:relative; top:30px; opacity:0; box-shadow:0 13px 35px 0 rgba(2,2,2,.2); opacity:0; top:40px}
.mConDiv .mConD1 ul li.long{width:790px; margin-right:0 !important}
.mConDiv .mConD1 ul li{margin-right:30px}
.mConDiv .mConD1 ul li:nth-child(3){margin-right:0 !important}
.mConDiv .mConD1 ul li > a:hover:after{opacity:1}
.mConDiv .mConD1 li{float:left; background:#fff; width:380px; position:relative; }
.mConDiv .mConD1 ul:after{content:''; display:block; clear:both}
.mConDiv .mConD1 li .txtA{padding:22px 27px 25px; background:#fff; min-height:150px; box-sizing:border-box}
.mConDiv .mConD1 li .txtB{display:table; position:absolute; bottom:0; left:0; width:100%; height:104px; background:url('../images/txtb_bg.png') 0 0 repeat-x; color:#fff; padding:40px 30px 25px; box-sizing:border-box; font-size:18px; line-height:30px; z-index:10; vertical-align:bottom}
.mConDiv .mConD1 li .txtB span{overflow: hidden;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; position:absolute; width:calc(100% - 60px)}
.mConDiv .mConD1 li .txtB strong{font-size:24px; font-weight:normal; }
.mConDiv .mConD1 .mdCmoreBtn{text-align:center; margin-top:50px;}
.mConDiv .mConD1 .mdCmoreBtn a{display:inline-block;  border:1px solid #c6c6c6; border-radius:30px; background:url('../images/media_more_btn.png') 98px 26px no-repeat; padding:20px 64px 20px 40px; line-height:1; font-size:17px; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:100px}
.mConDiv .mConD1 .txtType{display:block; padding:0 20px; height:35px; line-height:35px; color:#fff; background:#06478c; font-size:14px; font-weight:bold; position:absolute; top:0; left:0; z-index:10}
.mConDiv .mConD1 ul li:first-child{margin-left:0;}
.mConDiv .mConD1 ul li > a{display:block;}
.mConDiv .mConD1 ul li > a > span{display:block;}
.mConDiv .mConD1 ul li .imgA{width:380px; height:304px; overflow:hidden}/* 2018-11-28 수정 */
.mConDiv .mConD1 ul li .imgA img {width:100%;}
.mConDiv .mConD1 .banner{margin-top:30px; position:relative; width:585px; float:left; height:230px; box-sizing:border-box; padding:40px; box-shadow:0 13px 35px 0 rgba(2,2,2,.2); opacity:0; top:40px}
/* 2018-11-05 수정, 추가 */
.mConDiv .mConD1 .banner.left{position:relative;margin-right:30px; background:url('../images/mcond1_banner_left_bg2.jpg') no-repeat left center; background-size:cover}
.mConDiv .mConD1 .banner.left .bt{background:url('../images/mcond1_banner_left_play.png') center no-repeat; width:40px; height:40px; position:absolute;  bottom:40px; left:40px; text-indent:-9999px; overflow:hidden}
/* // 2018-11-05 수정, 추가 */
.mConDiv .mConD1 .banner.right{background:url('../images/mcond1_banner_right_bg.jpg') no-repeat left center; background-size:cover}
.mConDiv .mConD1 .banner .tit{font-size:26px; color:#fff}
.mConDiv .mConD1 .banner .txt{font-size:16px; line-height:26px; color:#fff; margin-top:15px}
.mConDiv .mConD1 .btnA{width:230px; height:58px; line-height:56px; text-align:center; display:block; margin:50px auto 0; font-size:17px; font-weight:bold; background:#fff; border-radius:50px; border:1px solid #c6c6c6; position:relative; top:40px; opacity:0; color:#333}
.mConDiv .mConD2{position:relative; width:1200px; margin:0 auto}
.mConDiv .mConD2 .pdTabs{position:relative; margin:80px auto 0; top:40px; opacity:0;display: flex;}
.mConDiv .mConD2 .pdTabs:after{content:''; display:block; clear:both}
.mConDiv .mConD2 .pdTabs a{display:block;margin-right:1px; height:65px; line-height:65px; font-size:17px; font-weight:bold; text-align:center; color:#333; background:#efefef;flex:1}
.mConDiv .mConD2 .pdTabs a:last-child{margin-right:0; width:150px}
.mConDiv .mConD2 .pdTabs a.on{color:#fff; background:#06478c; box-shadow:0 13px 35px 0 rgba(2,2,2,.2)}
.mConDiv .mConD2 .tabCont{margin:50px auto 0; width:100%; height:675px; position:relative; top:40px; opacity:0; overflow:hidden}
.mConDiv .mConD2 .tabCont .pdTabCont{position:absolute; width:100%; height:675px; top:0; left:100%}
.mConDiv .mConD2 .tabCont .pdTabCont:first-child{left:0}
.mConDiv .mConD2 .tabCont .pdTabCont .img{width:100%; position:relative}
.mConDiv .mConD2 .tabCont .pdTabCont .img img{width:100%}
.mConDiv .mConD2 .tabCont .pdTabCont .txtArea{position:absolute; bottom:0; right:0; z-index:1; background:rgba(6, 71, 140, 0.9); width:600px; height:294px; padding:40px 60px 70px; box-sizing:border-box; color:#fff}
.mConDiv .mConD2 .tabCont .pdTabCont .txtArea .tit{font-size:38px; line-height:1}
.mConDiv .mConD2 .tabCont .pdTabCont .txtArea .txt{font-size:16px; line-height:26px; margin-top:25px}
.mConDiv .mConD2 .tabCont .pdTabCont .txtArea .bt{position:absolute; left:60px; bottom:40px}
.mConDiv .mConD2 .swiper-container{display:none}
.mConDiv .mConD2 .pdViewD{position:relative; margin:50px auto 0; width:1200px; height:675px; top:40px; opacity:0}
.mConDiv .mConD2 .pdViewD .pdTabCont{width:100%; height:675px}
.mConDiv .mConD2 .pdViewD .pdTabCont .img{width:100%; position:relative}
.mConDiv .mConD2 .pdViewD .pdTabCont .img img{width:100%}
.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea{position:absolute; bottom:0; right:0; z-index:1; background:rgba(6, 71, 140, 0.9); width:600px; height:294px; padding:40px 60px 70px; box-sizing:border-box; color:#fff}
.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .tit{font-size:38px; line-height:1}
.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .txt{font-size:16px; line-height:26px; margin-top:25px}
.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .bt{position:absolute; left:60px; bottom:40px}
.mConDiv .mConD2 .swiper-pagination{position:absolute; top:80px; bottom:auto; overflow:hidden}
.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet{float:left; width:149px; margin:0 1px 0 0; height:65px; opacity:0}
.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet:last-child{width:150px; margin:0}
.mConDiv .mConD3{position:relative; width:1200px; margin:0 auto 120px}
.mConDiv .mConD3 .crmDiv{position:relative; margin:80px auto 0; width:100%l;padding-bottom: 60px;}
.mConDiv .mConD3 .crmDiv:after{content:''; display:block; clear:both}
.mConDiv .mConD3 .crmDiv .list{display:block; width:285px; height:516px; float:left; margin-right:20px; position:relative; box-sizing:border-box; padding:305px 40px 0; color:#fff; opacity:0}/*2018-11-28 display:block 추가*/
.mConDiv .mConD3 .crmDiv .list:nth-child(1){background:url('../images/mcond3_thumb1.jpg') no-repeat center center; background-size:cover; top:60px}
.mConDiv .mConD3 .crmDiv .list:nth-child(2){background:url('../images/mcond3_thumb2.jpg') no-repeat center center; background-size:cover; top:120px}
.mConDiv .mConD3 .crmDiv .list:nth-child(3){background:url('../images/mcond3_thumb3.jpg') no-repeat center center; background-size:cover; top:60px}
.mConDiv .mConD3 .crmDiv .list:nth-child(4){background:url('../images/mcond3_thumb4.jpg') no-repeat center center; background-size:cover; top:0px}
.mConDiv .mConD3 .crmDiv .list .tit{font-size:26px;}
.mConDiv .mConD3 .crmDiv .list .txt{font-size:16px; line-height:24px; margin-top:35px}
.mConDiv .mConD3 .crmDiv .list:last-child{margin-right:0}
.accoPopD .bConA .infoA .txtA p{line-height:24px }
.wisB.wht{color:#fff} 
#wrapper.sub .visualW{width:100%} 
/* //2018-10-30 추가 및 수정 */

#contaniner.main .mCon1{width:100%; height:480px; background:url('../images/intmaincon1_bg.gif') repeat-x 0 bottom;}
#contaniner.main .mCon1 .mConD {position:relative; height:480px;width:1200px; margin:0 auto; overflow:hidden;}
.mCon1{position:relative; width:1200px; margin:50px auto 0; overflow:hidden}
.mCon1 .mLeftA {float:left; width:600px; overflow:hidden;}
.mMediaD {position:relative; float:left; width:599px; height:479px; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; overflow:hidden; top:30px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mMediaD .mTitA {position:absolute; bottom:168px; right:168px; padding:0 0 20px; font-size:20px; color:#fff; background:url('../images/downbar40x1_bu.gif') no-repeat 0 bottom;z-index:100}
.mMediaD .mMediaS {position:absolute; top:0; left:0; width:599px; height:479px; }
.mMediaD .mMediaS .imgRollA img{width:599px; height:479px;}
.mMediaD .mMediaS .imgRollA .imgA {position:absolute; top:0; left:0;}
.mMediaD .mMediaS .mBoxA {position:absolute; bottom:0; right:0; width:300px; height:240px; overflow:hidden; background:url('../images/mpressboxa_bg.png') repeat 0 0;}
.mMediaD .mMediaS .mBoxA a {position:absolute; top:0; left:0; display:block; width:220px; padding:72px 40px 0; height:168px;}
.mMediaD .mMediaS .mBoxA .titA{display:block; margin: 30px 0 0; font-size:18px; line-height:24px; letter-spacing:-0.5px; color:#fff;}
.mMediaD .mMediaS .mBoxA .txtA {display:block; margin:15px 0 13px; line-height:20px; color:#9fa5a8;}
.mMediaD .mMediaS .mBoxA .dateA{position:absolute; top:194px; left:40px; color:#9fa5a8;}
.mMediaD .btnA {position:absolute; bottom:184px; right:40px;}
.mMediaD .btnA button {width:34px; height:34px; background:url('../images/mpressl_bt.png') no-repeat 0 0; text-indent:-999999px;}
.mMediaD .btnA .btR {background-image:url('../images/mpressr_bt.png')}
.mVideoD{position:relative; float:left; width:600px; height:240px; overflow:hidden; top:30px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mVideoD .imgA .vedioImgA{position:absolute; top:0; left:0; width:600px; height:240px;}
.mVideoD .imgA img {width:600px; height:240px;}
.mVideoD a{position:absolute; top:0; left:0; display:block; width:600px;  height:240px; font-size:25px; color:#fff; z-index:100;}
.mVideoD a .mViLinkA {position:absolute; top:0;  padding:0 40px; width:520px;} 
.mVideoD a span {display:block;}
.mVideoD a span.titA{margin:0 0 20px;}
.mVideoD .playBgA {position:absolute; top:0; left:0;  width:600px; height:240px; background:url('../images/mvideoplay_bg.png') repeat 0 0;}
.mSnsD{position:relative; float:left;width:600px; height:240px; overflow:hidden;  top:30px; background:#fff; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mSnsD .imgA {float:left; width:298px; height:239px; border:1px solid #dbdbdb; border-top:0;}
.mSnsD .imgA img{width:299px; height:239px;}
.mSnsD .infoA {float:left; width:299px; height:239px; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb}
.mSnsD .infoA a {position:relative; display:block; padding:30px 40px 0; height:240px; }
.mSnsD .infoA .mTitA{display:block; font-size:20px; color:#000; }
.mSnsD .infoA .titA{display:block; margin:18px 0 0; font-size:18px; line-height:24px; letter-spacing:-0.5px; color:#000;}
.mSnsD .infoA .txtA {display:block; margin:12px 0 10px; letter-spacing:-1px;}
.mSnsD .infoA .dateA{position:absolute; top:194px; left:40px; color:#91989b;}
.mNoticeD{position:relative; float:left;width:600px; height:240px; overflow:hidden; top:30px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mNoticeD .imgA {position:relative; float:left; width:298px; height:239px;  overflow:hidden; border:1px solid #dbdbdb; border-bottom:0;}
.mNoticeD .imgA p.rollImgA{position:absolute; top:0; left:0;}
.mNoticeD .imgA img{width:298px; height:239px;}
.mNoticeD .infoA {position:relative; float:left; width:299px; height:239px; overflow:hidden; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb }
.mNoticeD .infoA .mTitA{position:absolute; top:28px; left:42px; font-size:20px; color:#000;  padding:0 0 20px; background:url('../images/downbarb40x1_bu.gif') no-repeat 0 bottom;}
.mNoticeD .infoA a {position:absolute; top:0; left:0;display:block; padding:74px 40px 0; height:166px; width:220px; }
.mNoticeD .infoA .titA{display:block; margin:30px 0 0; font-size:18px; line-height:24px;  letter-spacing:-0.5px; color:#000;}
.mNoticeD .infoA .txtA {display:block; margin:12px 0 10px; line-height:20px; letter-spacing:-1px;}
.mNoticeD .infoA .dateA{position:absolute; bottom:30px; left:40px; color:#91989b;}
.mNoticeD .btnA {position:absolute; top:23px; right:40px;}
.mNoticeD .btnA button {width:34px; height:34px; background:url('../images/mnoticel_bt.png') no-repeat 0 0; text-indent:-999999px;}
.mNoticeD .btnA .btR {background-image:url('../images/mnoticer_bt.png')}
.mBlockD {position:relative; float:left; width:300px; height:240px; top:30px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */} 
.mBlockD a {position:relative; display:block; padding:30px 40px 0; height:210px;}
.mBlockD .webA {position:absolute; z-index:1000}
.mBlockD .wisB {position:absolute; top:0; left:0;}
.mBlockD .mTitA{display:block; font-size:20px; color:#000;}
.mBlockD .txtA {display:block; margin:22px 0 10px; line-height:20px; letter-spacing:-1px;}
.mBlockD .imgA {display:none;}
.mCon2 {width:100%; overflow:hidden; background:#efefef; padding:130px 0;}
#contaniner.main .mCon2 {height:545px; padding:99px 0 120px}
.mManaD {position:relative;  width:1200px; margin:0 auto;}
.mManaD > .mTitA.barBu{padding:20px 0 0; background:url('../images/topbarb50x1_bu.gif') no-repeat center 0;}
.mManaD .newL {width:100%; overflow:hidden;}
.mManaD .newL li {position:absolute; top:200px; width:288px; height:450px; overflow:hidden; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mManaD .newL li:first-child{margin:0;}
.mManaD .newL li a,.mManaD .newL li span{display:block;}
.mManaD .newL li a {position:relative; }
.mManaD .newL li a .imgA {width:288px; height:370px; overflow:hidden;}
.mManaD .newL li .titA {padding:28px 0;text-align:center; font-size:20px; background:#fff;}
.mManaD .newL li.twoR .titA{padding:16px 0}
.mManaD .newL li .infoA {position:absolute; bottom:-30px; left:0; width:288px; padding:25px 0 0; height:230px; background:#004a8d; text-align:center; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mManaD .newL li .mTitA{font-size:20px; color:#fff;}
.mManaD .newL li .txtA{margin:17px 0 24px; height:105px; line-height:22px; color:#fff;}
.mManaD .newL li.twoR .txtA{height:80px;}
.mManaD .newL li .rowA{position:relative; top:30px; left:0; height:38px; background:url('../images/mmanagenewl_bu.png') no-repeat center 0; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mManaD > .mTitA {position:absolute; top:30px; width:100%;  font-size:40px; color:#000; text-align:center;  opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mManaD .mTxtA {position:absolute; top:98px; width:100%; font-size:15px; text-align:center; line-height:22px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mManaD .listA {width:100%; overflow:hidden;}
.mManaD .listA li {position:absolute; top:200px; width:288px; height:168px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mManaD .listA li:first-child{margin:0;}
.mManaD .listA li a,.mManaD .listA li span{display:block;}
.mManaD .listA li a {position:relative; }
.mManaD .listA li .infoA {width:288px; padding:27px 0 0; height:189px; background:#fff; text-align:center;}
.mManaD .listA li .mTitA{font-size:20px; color:#004a8d; }
.mManaD .listA li .txtA{margin:7px 0 27px; line-height:22px;}
.mManaD .listA li .rowA{height:36px; background:url('../images/mmanagel_bu.png') no-repeat center 0;}
.mManaD .listA li a:hover .infoA {background:#004a8d;}
.mManaD .listA li a:hover .mTitA {color:#fff; }
.mManaD .listA li a:hover .txtA {color:#fff; }
.mManaD .listA li a:hover .rowA {background-image:url('../images/mmanagel_bu_on.png')}
.mCon3 {position:relative; width:1200px; margin:70px auto 80px; overflow:hidden;}
#contaniner.main .mCon3{position:relative; width:100%; height:400px;margin:0 auto; overflow:hidden; background:url('../images/mlinkd_bg.jpg') no-repeat center 0;}
.mLinkD {position:relative; width:1200px; overflow:hidden; margin:0 auto}
.mLinkD .mTitA {position:absolute; top:88px; left:0; font-size:35px; text-align:center; font-weight:bold; width:100%; color:#000;  opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mLinkD .mTitA span{font-weight:normal}
.mLinkD .mLinkA {position:relative; margin:150px auto 0; width:1125px; overflow:hidden;}

.mLinkD .mLinkL {position:relative; height:180px;}
.mLinkD .mLinkL.list2{width:742px; margin:0 auto;}
.mLinkD .mLinkL li {position:absolute; top:30px; left:0; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mLinkD .mLinkL li a, .mLinkD .mLinkL li a span{display:block;}
.mLinkD .mLinkL li a {width:162px; height:132px; padding:30px 0 0; text-align:center; border:1px solid #d9dbdc; border-radius:100px; background:#f3f4f5; }
.mLinkD .mLinkL li.on a{background:#000; border:0;}
.mLinkD .mLinkL li a .txtA {margin:10px 0 0; font-size:15px; color:#2c343c}
.mLinkD .mLinkL li.on a .txtA {color:#fff}

.mQuickD {position:relative; width:1200px; overflow:hidden; height:230px; }
.mQuickD ul li{position:absolute; top:40px; width:288px; height:230px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mQuickD ul li:first-child{margin:0 !important;}
.mQuickD ul li a, .mQuickD ul li a span{display:block; }
.mQuickD ul li a {position:relative;}
.mQuickD ul li .mTitA {position:absolute; bottom:10px; left:10px; width:228px; padding:0 20px; height:47px; line-height:47px; color:#000; font-size:16px !important;background:#fff;} 
.mQuickD ul li a .frameA{position:absolute; top:0; left:0; display:none;}
.mQuickD ul li a:hover .frameA {display:block; width:288px; height:230px; background:url('../images/mquickframe_bg.png') repeat 0 0;}
.mQuickD ul li a:hover .mTitA {color:#fff; background:#004a8d;}
.mQuickD ul li a:hover .mTitA span{background:url('../images/mquick_bu.png') no-repeat right 50%;}
.mQuickD.count3 {height:280px}
.mQuickD.count3 ul li{width:390px; height:280px}
.mQuickD.count3 ul li .mTitA {width:330px;}
.mQuickD.count3 ul li a:hover .frameA {width:390px; height:280px;}
.mCon4 {width:100%; margin:0 auto; padding:45px 0 80px; overflow:hidden; background:#e6e6e6;}
/*.mNotiD {position:relative; width:1200px; overflow:hidden; margin:0 auto; height:50px; }
.mNotiD .mTitA {padding:13px 0 13px 32px; float:left;  width:68px; font-size:18px; color:#323232; font-family:'Microsoft Yahei' ,sans-serif; background:url('../images/mnoti_bu.png') no-repeat 0 50%;}
.mNotiD .mNotiA{float:left; width:1080px; padding:11px 0}
.mNotiD .mNotiA .titA {padding:0 12px 0 0; margin:0 12px 0 0; background:url('../images/mnoti_bar.png') no-repeat right 2px}
.mNotiD .moreBt {position:absolute; top:0; right:0; width:16px; height:50px; background:url('../images/mnotimorebt_bu.png') no-repeat right 50%; text-indent:-999999px;}*/

/*용품 서브메인*/
.goodsMain .visualW .visS {background:url('../images/mgoodsvisaul_img1.jpg') no-repeat center 0;}
.goodsMain .visualW .visS .visA .titA {color:#0e72cb}
.goodsMain .visualW .visS .visA .txtA {top:255px}
.subMain  .mCon1 {margin:30px auto 80px;}
.goodTypeA .wisB {position:relative; width:1200px; margin:0 auto; height:450px; background:url('../images/mgoodstype_img1.jpg') no-repeat center 0; top:30px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.goodTypeA .wisB .txtArea {position:absolute; top:75px;right:88px;}
.goodTypeA .wisB .txtArea .titA {font-size:26px; color:#fff;}
.goodTypeA .wisB .txtArea .txtA {margin:15px 0 0; font-size:13px; color:#fff;}
.goodTypeA .wisB .txtArea .btnA {margin:25px 0 0}
.goodTypeA .wisB .txtArea .btnA a{display:block; width:118px; height:34px; line-height:34px; border:1px solid #fff; font-size:13px; color:#fff; text-align:center}
.goodsMain .goodsList {margin:0; position:relative;}
.goodsMain .goodsList li {position:absolute; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.goodsMain .mCon2 {padding:80px 0;}
.subMain .mConD {width:1200px; margin:0 auto;}
.subMain .mTitA{font-size:20px; color:#333;}
.mGoodsNotiD {position:relative; float:left; padding:50px 30px 50px 40px; width:391px; height:260px; background:#fff; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mGoodsNotiD ul {margin:26px 0 0}
.mGoodsNotiD ul li {margin:12px 0 0; padding:0 0 0 13px; color:#555; background:url('../images/nemo_bu.png') no-repeat 0 12px;}
.mGoodsNotiD ul li .cateA {font-weight:bold; color:#333;}
.mGoodsNotiD .moreBt{position:absolute; top:50px; right:36px;}
.mGoodsInfoD a{display:block; width:100%; height:100%;} 
.mGoodsInfoD span {display:block;} 
.mGoodsInfoD {float:left; width:364px; height:360px;}
.mGoodsInfoD .mTitA{position:absolute; top:45px; left:40px;}
.mGoodsInfoD .guideD {position:relative; width:364px; height:180px; background:url('../images/mgoodsguide_bg.jpg') no-repeat right 0; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mGoodsInfoD .obuD{position:relative; width:364px; height:180px; background:url('../images/mgoodsobu_bg.jpg') no-repeat right 0; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mGoodsInfoD .obuD .mTitA{color:#fff;}
.mGoodsEventD {position:relative; float:left; width:364px; height:360px; background:url('../images/mgoodsevent_bg.jpg') no-repeat right 0; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mGoodsEventD a{display:block; width:100%; height:100%;} 
.mGoodsEventD a span {display:block;}
.mGoodsEventD .txtArea{position:absolute; top:45px; left:40px}
.mGoodsEventD .txtA {margin:15px 0 0}
.mGoodsEventD .txtA span{display:block;}
.subMain .mCon3 {margin:45px auto 0; padding-bottom:80px}/* 2018-12-06 수정 */
.subMain .mCon3 .mTitA {font-size:30px; color:#333;}
.goodsMain .mGoodsCusL {position:relative; margin:30px 0 0; height:360px; width:100%; overflow:hidden;}
.goodsMain .mGoodsCusL .mTitA {font-size:20px; color:#333;}
.goodsMain .mGoodsCusL li {position:absolute; width:300px; height:360px; background:url('../images/mgoodscustom_bg1.jpg') no-repeat right 0; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.goodsMain .mGoodsCusL li.gl2 {width:298px; height:358px; border:1px solid #eaeaea; background-image:url('../images/mgoodscustom_bg2.jpg');}
.goodsMain .mGoodsCusL li.gl3 {background-image:url('../images/mgoodscustom_bg3.jpg');}
.goodsMain .mGoodsCusL li.gl4 {width:298px; height:358px; border:1px solid #eaeaea; background-image:url('../images/mgoodscustom_bg4.jpg');}
.goodsMain .mGoodsCusL li a {display:block; width:100%; height:100%;}
.goodsMain .mGoodsCusL li span {display:block}
.goodsMain .mGoodsCusL li .txtArea {position:absolute; top:35px; left:30px;}
.goodsMain .mGoodsCusL li .txtA {margin:15px 0 0; font-size:13px; }
.goodsMain .mGoodsCusL li .txtA span {display:block}
.subMain .mCon4 .mTitA {font-size:30px}

/*사회책임경영 서브메인*/
#contaniner.societyMain{background:#f4f4f4;}
.societyMain .visualW .visS {background:url('../images/msocietyvisaul_img1.jpg') no-repeat center 0;}
.societyMain .visualW .visS .visA .titA {color:#092869;} /* 2016-08-12 수정 left:0; 삭제 */
.societyMain .visualW .visS .visA .txtA {color:#181818;} /* 2016-08-12 수정 left:0; 삭제 */
.mSoMangeD {width:100%; overflow:hidden;}
.mSoMangeD .mangeS{position:relative; float:left;width:600px; height:270px; overflow:hidden; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mSoMangeD .mangeS .imgA {float:left; width:300px; height:270px;}
.mSoMangeD .mangeS .imgA img{width:300px; height:270px;}
.mSoMangeD .mangeS .infoA {float:left; width:300px; height:270px; background:#fff;}
.mSoMangeD .mangeS .infoA a {position:relative; display:block; padding:30px 40px 0; height:240px;}
.mSoMangeD .mangeS .infoA .mTitA{display:block; font-size:22px; color:#000;}
.mSoMangeD .mangeS .infoA .txtA {display:block; margin:85px 0 10px; line-height:22px; }
.mSoWidthD {position:relative; margin:80px 0 0; padding:158px 0 0;}
.mSoWidthD .mTitA{position:absolute; width:100%; font-size:30px; text-align:center; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mSoWidthD .mTxtA {position:absolute; width:100%; font-size:15px; line-height:26px; text-align:center; top:95px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mSoWidthD .widthL {position:relative; margin:0 auto; width:910px; height:136px}
.mSoWidthD .widthL li {position:absolute; top:30px; left:0; width:130px; text-align:center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mSoWidthD .widthL li .txtA {margin:12px 0 0;}
.mSoWidthD .btnA {margin:40px 0 0; position:relative; top:30px; left:0; width:100%; text-align:center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mSoWidthD .btnA a {display:inline-block; padding:10px 22px; font-size:20px; color:#112369; border:1px solid #112369; background:#fff;}
.mSoBlockD {position:relative; width:100%; height:270px; margin:80px 0 0}
.mSoBlockD li {position:absolute; top:30px; left:0; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mSoBlockD li .notiBox {position:relative; width:285px; height:270px;}
.mSoBlockD li a ,.mSoBlockD li a span{display:block;}
.mSoBlockD li .notiBox .topA {position:relative;}
.mSoBlockD li .notiBox .cateA {position:absolute; bottom:0; left:0; padding:8px 13px; color:#fff; background:#092869;}
.mSoBlockD li .notiBox .txtA {padding:18px 20px; font-size:15px; line-height:22px; background:#fff;}
.mSoBlockD li .blockD {position:relative; width:285px; height:270px; background:url('../images/msoblock_bg3.jpg') no-repeat 0 0;} 
.mSoBlockD li .blockD.bl2 {background-image:url('../images/msoblock_bg4.jpg'); border-left:0;}
.mSoBlockD li .blockD a {position:relative; display:block; padding:30px 40px 0; height:240px;}
.mSoBlockD li .blockD .mTitA{display:block; font-size:20px; color:#000;}
.mSoBlockD li .blockD .txtA {display:block; margin:12px 0 10px; line-height:20px; }
.societyMain .mCon2 .mConD .mTitB{position:relative; top:30px; left:0; color:#000;  font-size:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.societyMain .mCon2 {padding:45px 0 80px; margin:0 auto}
.societyMain .mCon3 {margin:70px auto 90px;}

/* 제품 */
/* 2018-11-09 추가*/
.proTop{width:100%;  overflow:hidden; margin-bottom:30px; position:relative;background: #fff;}
.proTop img{width:50%; float:left}
.proTop p{width:50%;  padding:50px; box-sizing:border-box; float:right; background:#fff; line-height:24px; font-size:16px; position:relative}
.proTop .broDown{width:calc(100% - 100px ); height:60px; line-height:60px; display:inline-block; color:#fff; font-size:20px; background:#004b8d; font-weight:bold; position:absolute; text-align:center; /* padding-right:40px;  */box-sizing:border-box; position:absolute; bottom:50px; left:50px}
.proTop .broDown span{padding-right:20px; display:inline-block;  background:url('../images/file_down_icon.png') right center no-repeat }
.squBu, .squBuTit{display:block; position:relative; padding-top:15px}
.squBu:after, .squBuTit:after{content:''; display:block; background:url('../images/square_bu.png') center no-repeat; width:20px; height:6px; position:absolute; top:0; left:0}
.squBuTit{font-size:20px; font-weight:bold; color:#333; margin-bottom:15px}
.cirBlue{display:block; position:relative; padding-left:15px}
.cirBlue:after{content:''; display:block; width:5px; height:5px; border-radius:50%; background:#004b8d; position:absolute; top:9px; left:0}
/* 2018-11-20 수정 */
.proDiv{font-size:16px; line-height:24px}
.proDiv dl{margin-top:60px; overflow:hidden}
.proDiv dl:first-of-type{margin-top:0}
.proDiv dl dt{float:left; width:180px; margin-right:20px}
.proDiv dl dd{float:left; width:calc(100% - 200px); width:-webkit-calc(100% - 200px)}
.proDiv .proCon1{}
.proDiv .viewCon{padding:0 0 20px}
.proDiv .proCon1 dd > div{border:1px solid #e6e6e6; box-sizing:border-box; margin-top:20px;}
.proDiv .proCon1 dd > div:first-child{margin-top:0}
.proDiv .proCon1 .proTit{width:100%; background:#f4f4f4; padding:20px 30px; box-sizing:border-box; font-weight:bold; color:#333; line-height:1}
.proDiv .proCon1 .proTxt{padding:30px}
.proDiv .proCon2{margin-top:60px; overflow:hidden;}
.proDiv .proCon2 .viewCon .videoD{margin:0}
/* //2018-11-20 수정 */
.proDiv .proCon2 .squBuTit{float:left; width:180px; margin-right:20px}
.proDiv .proCon2 .viewCon{float:left; width:calc(100% - 200px); width:-webkit-calc(100% - 200px)}
.proDiv .viewCon .vScriptD{padding:0 30px;}
.proDiv .proCon3{position:relative}
.proDiv .proCon3 p.tit{font-size:20px; font-weight:bold; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; color:#323232; line-height:1;}
.proDiv .proCon3 .swiper-container{padding-top:20px}
.proDiv .proCon3 .swiper-slide img{width:100%}
.proDiv .proCon3 .swiper-slide p{background:#fff; padding:25px 30px; width:100%; box-sizing:border-box; color:#333;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.proDiv .proCon3 .swiper-pagination{top:0; right:0}
.proDiv .proCon3 .swiper-pagination-bullet{width:12px; height:12px; background:#b8c8da; opacity:1; margin-left:8px}
.proDiv .proCon3 .swiper-pagination-bullet-active{background:#06468d}
/* // 2018-11-09 추가*/

/* 커뮤니케이션 2019-03-11 추가 */
.viewCon .viewD .swImgD{position:relative; width:800px; height:auto; margin:60px auto 210px; }
.viewCon .viewD .swImgD .swiper-slide{}
.viewCon .viewD .swImgD .swiper-slide img{max-width:100%; width:100%; height:auto;}
.viewCon .viewD .swiper-button-next, .viewCon .viewD .swiper-button-prev{top:50%; transform:translateY(-50%)}
.viewCon .viewD .swiper-button-prev{left:-99px; background:url("../images/swimgd_left.jpg") center no-repeat; width:39px; height:71px;}
.viewCon .viewD .swiper-button-next{right:-99px; background:url("../images/swimgd_right.jpg") center no-repeat; width:39px; height:71px;}
.viewCon .viewD .swiper-pagination{bottom:-70px; right:0; width:100px; height:40px; margin:0 auto; border-radius:50px; background:#8b8b8b; font-size:20px; color:#fff; line-height:40px;}
/* // 2019-03-11 추가 */

/* footer */
/* 2018-11-27 수정 */
#footer {position:relative; width:100%; background:#212121; z-index:1000}
#footer .quickA{position:relative; width:1200px; margin:0 auto; padding:60px 0; overflow:hidden}
/* 2018-11-29 폰트 삭제 */
#footer .quickA .leftD{float:left; width:160px; height:100px; box-sizing:border-box; font-size:20px; line-height:30px; text-align:left; padding:20px 0 50px 40px; color:#fff; background-image: linear-gradient(#1de0dd,#198994); letter-spacing:0.3px}
/* // 2018-11-29 폰트 삭제 */
#footer .quickA .rightD{overflow:hidden; margin-left:60px; width:950px; float:left; margin-top:30px;    display: flex;justify-content: space-between;}
#footer .quickA .rightD .list{width:160px; font-size:18px; color:#fff; line-height:26px; height:52px; margin-top:5px}
#footer .quickA .rightD .list a{display:inline-block; padding-right:24px; background:url('../images/foot_quick_arrow.png') no-repeat right 3px; color:#fff}
#footer .topA{position:relative; width:100%; height:50px; margin:0 auto; border-top:1px solid #333; border-bottom:1px solid #333}
#footer .topA .famSiteD{width:100%;}
#footer .topA .famSiteD a.bt{position:relative; width:100%; display:block; height:50px; line-height:50px; text-align:center; color:#fff; background:#212121}
/* 2018-11-29 폰트 삭제 */
#footer .topA .famSiteD a.bt span {display:inline-block; background:url('../images/foot_family_plusbt.png') no-repeat right 50%; padding-right:22px; font-size:16px; letter-spacing:1px}
/* // 2018-11-29 폰트 삭제 */
#footer .topA .famSiteD a.bt.on{background: rgb(27,94,165); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(27,94,165,1) 15%, rgba(19,45,141,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(27,94,165,1) 15%,rgba(19,45,141,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(27,94,165,1) 15%,rgba(19,45,141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5ea5', endColorstr='#132d8d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#footer .topA .famSiteD > a.on span{background-image:url('../images/foot_family_minusbt.png');}
#footer .topA .famSiteD .famList{position:absolute; bottom:50px; width:100%; left:0; height:330px; border:1px solid #545456; background:#06478c;}
#footer .topA .famSiteD .famList .listD{width:1200px; margin:0 auto}
#footer .topA .famSiteD .famList .listD{overflow:hidden}
#footer .topA .famSiteD .famList .listD ul {float:left; width:350px; padding:50px 0 0 50px}
#footer .topA .famSiteD .famList .listD ul li p{font-weight:bold; color:#fff; font-size:20px; margin-bottom:13px; line-height:1}
#footer .topA .famSiteD .famList .listD ul li a{font-size:15px; line-height:30px; color:rgba(255, 255, 255, 0.6)}
#footer .topA .famSiteD .famList .listD ul li a:hover{font-weight:bold; color:#fff; text-decoration:underline}
#footer .topA .famSiteD .famList .listD ul li p a{font-weight:bold; color:#fff; font-size:20px; margin-bottom:13px}
#footer .topA .famSiteD .famList .listD ul li p a:hover{text-decoration:none}
#footer .topA .famSiteD .famGo {float:left; display:block; width:66px; height:42px; line-height:42px; color:#fff; text-align:center;background:#545456;}
#footer .footerS{position:relative; width:1200px; margin:0 auto; padding:50px 0 70px; overflow:hidden;    text-align: center;}
#footer .footerS .leftA{width:100%}
#footer .footerS .leftA .fUtillL {width:100%; overflow:hidden;}
#footer .footerS .leftA .fUtillL li {float:left; margin-right:30px; font-size:16px}
#footer .footerS .leftA .fUtillL li.bold a{font-weight:bold; color:#fff}
#footer .footerS .leftA .fUtillL li a{color:#afafaf}
#footer .footerS .leftA .copy {color:#9c9c9c; font-size:15px; margin:20px 0 10px 0;}/* 2018-11-29 폰트 삭제 */
#footer .footerS .telA{margin:35px 0 0 0; font-size:20px; color:#fff}
#footer .footerS .telA span{font-size:22px;}/* 2018-11-29 폰트 삭제 */
#footer .footerS .webCirtyM{position:absolute; right:0; top:50px; overflow:hidden;}
#footer .footerS .webCirtyM a{display:block; float:left; text-align:center;}
#footer .footerS .webCirtyM .webAwd{margin-left:19px;}
#footer .footerS .webCirtyM a span{display:block; font-size:10px; color:#fff;}
#footer .footerS .webCirtyM a .txt{margin-top:7px; opacity:0.5}
#footer .footerS .webCirtyM .webAcc.wtisB .txt{margin-top:9px;}
#footer.cyber{background:#414143;}
#footer.cyber .footerS{width:840px; height:70px; line-height:70px; padding:0 50px; box-sizing:border-box}
#footer.cyber .footerS p{font-size:12px; color:#6e6e70}
/* //2018-11-27 수정 */

/*서브*/
/* 2018-10-30 수정 */
.subTopD {position:relative; width:1160px; margin:0 auto; padding:0 40px 0 0; min-height:40px;}
.subTopD .subNaviD {position:relative; width:100%}
.subTopD .subNaviD:after{content:''; display:block; clear:both}
.subTopD .subNaviD .navhome{float:left}
.subTopD .subNaviD .spDep{float:left; width:260px; position:relative; border-right:1px solid #f0f0f0}
/* 2018-11-23 수정 및 추가 */
.subTopD .subNaviD .spDep .bt{display:block; height:60px; background:url('../images/spdep_open.png') no-repeat right 20px top 50%; color:#666; font-family:'Microsoft Yahei'; font-size:16px; position:relative;}
.subTopD .subNaviD .spDep .bt span{padding:0 50px 0 20px; width:100%; box-sizing:border-box; line-height:20px; position:absolute; top:50%; transform:translateY(-50%); word-break:keep-all}
/* // 2018-11-23 수정 및 추가 */
.subTopD .subNaviD .spDep.on .bt{background:url('../images/spdep_close.png') no-repeat right 20px top 50%; color:#333}
.subTopD .subNaviD ul{display:none; position:absolute; width:100%; top:60px; left:-1px; background:#fff; z-index:1; padding:15px 0;  border:1px solid #f0f0f0; border-top:none}
.subTopD .subNaviD ul li{display:block}
.subTopD .subNaviD ul li a{display:block; padding:0 0 0 20px; font-size:16px; color:#333; line-height:46px}
.subTopD .subNaviD ul li a.on,
.subTopD .subNaviD ul li a:hover{color:#c20026}
.subTopD .subNaviD ul li:first-child{padding-left:0; background:none;}
.subTopD .printBt {position:absolute; top:0; right:0; width:60px; height:100%; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; text-indent:-999999px;} 
.subTopD .printBt a {display:block; width:100%; height:100%; background:url('../images/print_bu.gif') no-repeat center center;}
/* //2018-10-30 수정 */

/* 2018-10-30 수정 */
.sub #cBody {width:100%; margin:0 auto; border-top:1px solid #f0f0f0; background:#f4f4f4} 
.cyber #cBody {width:100%; margin:0 auto; border-top:1px solid #f0f0f0; background:#fff;}
/* //2018-10-30 수정 */
.subTitD {position:relative; width:1200px; margin:0 auto; padding:50px 0 20px; border-bottom:3px solid #323232}
.subTitD h3 {text-align:center; font-size:50px; color:#323232; font-weight: normal;}
.subTitD h3 .en{font-size:55px;}
.pShareD {position:absolute; top:61px; right:0}
.pShareD .bt{width:40px; height:40px; background:url('../images/share_icon.png') no-repeat 0 0; text-indent:-99999px;}
.pShareD .closeBt {position:absolute; top:0; right:0; width:40px; height:40px; background:url('../images/share_icon_on.png') no-repeat 0 0; text-indent:-99999px;}
.pShareD .pShareA {position:absolute; top:68px; right:0; width:580px; height:360px; padding:28px 0 0; text-align:center; background:#fff; z-index:500}
.pShareD .pShareA .row {position:absolute; top:-13px; right:12px; width:16px; height:13px; background:url('../images/psharea_row.png') no-repeat 0 0;}
.pShareD .pShareA .titA {font-size:23px; color:#444; padding:0;}
.pShareD .pShareA .pSnsList {width:375px; margin:40px auto 0; text-align:center; }
.pShareD .pShareA .pSnsList a{display:inline-block; width:70px; height:140px; margin:0 0 0 26px; text-align:center; }
.pShareD .pShareA .pSnsList a:first-child,
.pShareD .pShareA .pSnsList a:nth-child(5){margin:0;}
.pShareD .pShareA .pSnsList a img {margin:0 0 5px;}
.pShareD.typeB {bottom:40px; top:auto;}
.pShareD.typeB .closeBt {top:auto; bottom:0;}
.pShareD.typeB .pShareA {top:auto; bottom:60px;}
.pShareD.typeB .pShareA .row {top:auto; bottom:-13px; background:url('../images/psharea_row2.png') no-repeat 0 0;}
.subCon {position:relative; width:1200px; margin:0 auto; padding:0 0 100px;}
.subDiv {padding:55px 50px 80px; background:#fff;}
.subDiv.tp {padding:55px 50px 80px; background:#fff;}
.subDiv.tp2 {padding:0 50px 80px; background:#fff;}
.subDiv2 {padding:55px 60px 80px; background:#fff;}
.pageTopBt {position:absolute; top:0; right:-45px;}
.titStyle{font-size:17px; font-weight:bold; color:#333; position:relative;}
.titStyle:before{position:absolute; width:15px; height:1px; background:#333; content:""; top:-2px;}
.txtStyle{font-size:14px; color:#666}
.ceoTop{width:1200px; height:270px; padding:95px 0 0 180px; box-sizing:border-box; line-height:23px; background:url('../images/ceotop_bg.jpg') no-repeat center 0;}
.ceoTop > p{line-height:38px; font-size: 30px;}
.ceoTop .cBlue{font-weight:bold;}
.ceoTop .txtTp{font-size:20px; font-weight:bold; color:#333}
.divideTxtA{overflow:hidden; padding:27px 60px 32px;}
.divideTxtA.tp{padding:0 60px 32px;}
.divideTxtA > div{float:left; width:540px;}
.divideTxtA > div > p{line-height:24px; margin-top:23px;}
.divideTxtA > div > p:first-child{margin-top:0}
.divideTxtA .signTxt{position:relative; font-size:16px; color:#666; margin-top:52px;}
.divideTxtA .signTxt:before{position:absolute; width:28px; height:2px; content:""; background:#000; top:-6px;}
.divideTxtA .signTxt strong{color:#000}
.divideTxtA .btnA{padding-top:40px; clear:both;}
.divideTxtB{overflow:hidden; padding:0 60px 60px;}
.divideTxtB > div{float:left; width:540px;}
.divideTxtB > div > p{line-height:24px;}
.divideTxtB .mTit{font-size:17px; color:#333}
.visionW{padding:74px 50px; overflow:hidden;}
.listTp2{overflow:hidden;}
.listTp2 li{width:360px; float:left; margin-left:10px;}
.listTp2 li:first-child{margin-left:0;}
.listTp2 li div{border:1px solid #e5e5e5; padding:25px 28px;}
.listTp2 li div .tit{font-size:16px; font-weight:bold; color:#333;}
.listTp2 li div .txt{font-size:13px; color:#666; margin-top:15px; line-height: 22px;}
.visionW .idea > .tit{font-size:17px; font-weight:bold; color:#333; position:relative;}
.visionW .idea > .tit:before{position:absolute; width:15px; height:1px; background:#333; content:""; top:-2px;}
.visionW .idea > .txt{font-size:14px; color:#666}
.visionW .listTp{overflow:hidden;}
.visionW .listTp li{width:550px; float:left; min-height:120px;}
.visionW .listTp li div{padding-left:140px;}
.visionW .listTp li.listUnit1{background:url('../images/visionlist1.png') left no-repeat; margin-top:27px;}
.visionW .listTp li.listUnit2{background:url('../images/visionlist2.png') left no-repeat; margin-top:27px;}
.visionW .listTp li.listUnit3{background:url('../images/visionlist3.png') left no-repeat; margin-top:20px;}
.visionW .listTp li.listUnit4{background:url('../images/visionlist4.png') left no-repeat; margin-top:20px;}
.visionW .listTp li.listUnit5{background:url('../images/visionlist5.png') left no-repeat; margin-top:20px;}
.visionW .listTp li .tit{font-size:20px; color:#003f82; margin-top:16px;}
.visionW .listTp li .txt1{font-size:15px; color:#333; margin-top:9px;}
.visionW .listTp li .txt2{font-size:13px; color:#666; margin-top:8px; line-height:20px;}
.visionW .boardType1{margin-top:20px;}
.visionList{padding-top:8px; background:#fff;}
.visionList li{position:relative;}
.visionList li.vision1{position:relative; width:1200px; height:300px;}
.visionList li.vision1 .subTit3{letter-spacing:-2px; margin-top:45px}
.visionList li.vision2{position:relative; width:1200px; height:300px; margin-top:10px}
.visionList li.vision2 .txt{padding-top:85px; background:url('../images/vision2_icon.png') left top no-repeat;}
.visionList li.vision3{position:relative; width:1200px; height:300px; margin-top:10px}
.visionList li > div{position:absolute; left:50px; top:50px;}
.visionList li > div .tit{font-size:17px; font-weight:bold; color:#333; position:relative}
.visionList li > div .tit:before{position:absolute; width:15px; height:1px; background:#333; content:""; top:-2px;}
.visionList li > div .txt{color:#333; line-height:22px;}
.visionList li .busiD{overflow:hidden; position:relative; left:-50px; margin-top:25px;}
.visionList li .busiD dl{float:left; width:164px; padding-left:25px; padding-top:80px; position:relative}
.visionList li .busiD dl:before{width:1px; height:150px; content:""; background:#b3b3b2; opacity:0.8; top:0; left:0; position:absolute;}
.visionList li .busiD dl:first-child:before{background:none;}
.visionList li .busiD dt{font-weight:bold; color:#333; margin-bottom:5px;}
.visionList li .busiD dd{font-size:13px; color:#555; position:relative; padding-left:7px;}
.visionList li .busiD dd:before{position:absolute; width:3px; height:3px; border-radius:3px; background:#333; content:""; left:0; top:8px;}
.visionList li .busiD .unit1{background:url('../images/busiunit1.png') center top no-repeat;}
.visionList li .busiD .unit2{background:url('../images/busiunit2.png') center top no-repeat;}
.visionList li .busiD .unit3{background:url('../images/busiunit3.png') center top no-repeat;}
.officeHeadD{width:1200px; height:600px; padding:145px 0 0 180px; background:url('../images/officehead.jpg') no-repeat center 0; position:relative; box-sizing:border-box;}
.officeHeadD .txt{line-height:32px; font-size:20px;}
.officeHeadD .cBlue{font-size:30px; font-weight:bold; display:inline-block; margin-top:3px;}
.officeHeadD .txtTp{font-size:20px; font-weight:bold; color:#333}
.officeHeadD .infoArea{position:absolute; bottom:0; left:0; width:100%; height:150px;; background:url('../images/bluearea_bg.png') repeat; padding:0 50px; box-sizing:border-box;}
.officeHeadD .infoArea > div{float:left; margin-top:50px;}
.officeHeadD .infoArea > div span{color:#fff; display:inline-block; font-size:16px; padding:13.5px 0 15.5px 60px}
.officeHeadD .infoArea .infoUnit1{background:url('../images/infounit1_icon.png') left no-repeat;}
.officeHeadD .infoArea .infoUnit2{background:url('../images/infounit2_icon.png') left no-repeat; margin-left:59px;}
.officeHeadD .infoArea > a{float:right; background:#fff; font-size:16px; font-weight:bold; color:#000; display:block; padding:11.5px 34px; margin-top:53px;}
.brachTabArea{overflow:hidden; margin-top:30px;}
.brachTabArea a{float:left; width:200px; box-sizing:border-box; border:1px solid #e2e2e2; display:block; font-size:16px; color:#444; text-align:center; height:48px; line-height:48px; background:#fff;}
.brachTabArea.tp a{line-height:18px; padding:5px; font-size:16px;}
.brachTabArea a.on{background:#06478c; color:#fff; font-weight:bold; border:1px solid #0d2844}
.brachConArea{margin-top:30px; overflow:hidden; background:#fff;}
.brachConArea .imgA{float:left; display:block;}
.brachConArea .con{float:left; padding:37px 50px 0 47px; width:600px; box-sizing:border-box}
.brachConArea .con > .tit{font-size:40px; color:#444}
.brachConArea .con > .txt{line-height:24px; margin-top:20px; padding-bottom:17px;}
.brachConArea .con .bInfo{position:relative; margin-top:30px; padding-right:140px;}
.brachConArea .con .bInfo.ovTp{position:relative; margin-top:30px; padding-right:0;}
.brachConArea .con .bInfo .tit{position:relative; font-size:17px; font-weight:bold; color:#333}
.brachConArea .con .bInfo .tit:before{position:absolute; content:""; width:15px; height:1px; top:0; left:0; background:#333;}
.brachConArea .con .bInfo .add{margin-top:15px;}
.brachConArea .con .bInfo .add span{display:block; line-height:24px;  text-indent:-39px; margin-left:39px}
.brachConArea .con .bInfo .mapBt{position:absolute; right:0; bottom:0;}
.overseasMap{width:100%; margin-top:30px; text-align:center; background:#fff;}

/* 회사소개 */ 
.summaryTop {position:relative; width:1150px;  padding:45px 25px; line-height:23px; font-size:16px; color:#fff; background:url('../images/summarytop_bg.jpg') no-repeat center 0;}/* 2017-09-13 수정 */


/* 2017-09-13 추가 */
.summaryTop .btnA {position:absolute; bottom:60px; right:40px;}
.summaryTop .btnA a {display:inline-block; padding:10px 20px 7px; font-size:16px; color:#000;  background:#fff;}
.summaryTop .btnA a span{font-size:16px; margin:0 5px 0 0}

.moduleTop {width:1150px; height:205px; padding:55px 0 0 50px; line-height:23px; font-size:15px; background:url('../images/moduletop_bg.jpg') no-repeat center 0;}
.keyComTop {width:1150px; height:205px; padding:55px 0 0 50px; line-height:23px; font-size:15px; }
.asPartsTop {width:1150px; height:205px; padding:55px 0 0 50px; line-height:23px; font-size:15px; background:url('../images/aspartstop_bg.jpg') no-repeat center 0;}
.infoGoodsTop {width:1140px; height:180px; padding:80px 0 0 60px; line-height:23px; font-size:15px; color:#fff; background:url('../images/infogoodstop_bg.jpg') no-repeat center 0;}
.asPartsL {width:100%; margin:20px 0 0; overflow:hidden;}
.asPartsL li {width:25%; float:left; text-align:center;}
.asPartsL li .titA{padding:12px 0; border:1px solid #ddd; border-left:0;}
.asPartsL li .imgA{padding:20px 10px;  border:1px solid #ddd; border-top:0;  border-left:0;}
.asPartsL li:first-child .titA,
.asPartsL li:first-child .imgA{border-left:1px solid #ddd}
.infoGoodsD {width:100%; margin:36px 0 0; overflow:hidden;}
.infoGoodsD .leftA {float:left; padding:0 90px; width:360px; margin:0 auto; text-align:center;}
.infoGoodsD .rightA {float:left; padding:0 90px; width:359px;  margin:0 auto;  border-left:1px solid #e4e4e4; text-align:center;}
.infoGoodsD .imgA > span {display:inline-block; margin:0 4px;}
.infoGoodsD .titA {display:inline-block; margin:8px 0 0; color:#333;}
.infoGoodsD .txtA {line-height:26px; margin:20px 0 0;}
.infoGoodsD2{width:100%; margin:36px 0 0; overflow:hidden;}
.infoGoodsD2 .imgA {float:left; width:180px;}
.infoGoodsD2 .titA {display:inline-block; margin:8px 0 0; color:#333;}
.infoGoodsD2 .infoA{float:left; width:900px;}
.introSumL {width:100%; overflow:hidden;}
.introSumL li {float:left; width:500px; min-height:151px; overflow:hidden; padding:33px 40px 43px 60px; background:#ececec;}
.introSumL li:nth-child(6){border-bottom:1px solid #ececec}
.introSumL li.bgW{background:#fff;}
.introSumL li .infoA {float:left; width:308px; }
.introSumL li .infoA .titA {font-size:18px;}
.introSumL li .infoA .barTxt {display:inline-block; font-weight:bold; margin:10px 0 0; padding:0 11px 17px 0; font-size:28px; letter-spacing:0; color:#000;background:url('../images/bartxt_bar.gif') no-repeat 0 bottom;}
.introSumL li .infoA .txt2 {margin:21px 0 0; line-height:20px;}
.introSumL li .imgA {float:right; width:132px; padding:8px 0 0;}
.introSumL2 {width:100%; overflow:hidden;}
.introSumL2 li {float:left; width:352px; margin:0 0 0 12px}
.introSumL2 li:first-child {margin:0}
.introSumL2 li .infoA {padding:25px 27px; min-height:170px; font-size:13px; border:1px solid #e5e5e5; letter-spacing:-0.8px;}
.introSumL2 li .infoA .titA {font-size:15px; font-weight:bold; color:#333}
.introSumL2 li .infoA .txtA {margin:9px 0 0; line-height:20px}
.ciW .ciD p{line-height:24px; letter-spacing:-0.8px;}
.colorD {margin:35px 0 0; width:100%; overflow:hidden;}
.colorD .leftA {float:left; width:530px; margin:0 40px 0 0;}
.colorD .rightA {float:right; width:530px;}
.colorList {width:100%; overflow:hidden;}
.colorList li {float:left; width:25%; padding:0 20px 0 0; margin:20px 0 0; box-sizing:border-box}
.colorList li:nth-child(4n) {padding:0;}
.colorList li .titA {width:100%; height:75px; padding:25px 0 0; color:#fff; font-weight:bold; text-align:center;}
.colorList li.mBlue .titA{background:#092869;}
.colorList li.mRed .titA{background:#ef120a;}
.colorList li.mBlack .titA{background:#000000;}
.colorList li.mDarkGray .titA{background:#615b56;}
.colorList li.mGray .titA{background:#908476;}
.colorList li.mLightGray .titA{background:#e3d6ce;}
.colorList li.mLightBlue .titA{background:#074b88;}
.colorList li.mGreen .titA{background:#5a8363;}
.colorList li.mSilver .titA{background:#867c7a;}
.colorList li.mGold .titA{background:#8c6730;}
.colorList li .txtA {padding:14px 10px; font-size:13px; line-height:17px; font-weight:bold; text-align:center; border:1px solid #e9e9e9; border-top:0; background:#f8f8f8;}
.colorList li .txtA.twoR {padding:9px 10px}
.colorLogoL {width:100%; overflow:hidden;}
.colorLogoL li {float:left; width:33.33333%; margin:30px 0 0; overflow:hidden; box-sizing:border-box}
.colorLogoL li:after{content:""; clear:both; display:block !important}
.colorLogoL li .imgA {float:left; width:154px; margin:0 20px 0 0}
.colorLogoL li .txtA {float:left; line-height:90px; font-weight:bold; font-size:13px;}
.colorLogoL li .txtA .disB2{display:block}
.colorLogoL.cLogoL1 li .txtA {line-height:72px;}
.colorLogoL li .txtA.twoR {line-height:21px; margin:22px 0 0}
.colorLogoL.cLogoL1 li .txtA.twoR {margin:13px 0 0; line-height:21px;}
.colorLogoL li .txtA.thrR {line-height:21px; margin:10px 0 0}
.colorLogoL.cLogoL3 li .txtA,
.colorLogoL.cLogoL4 li .txtA {font-weight:normal;}
.logoMarkD {margin:40px 0 0; padding:40px 135px; background:#f4f4f4;}
.banGraphicD {margin:40px 0 0; width:100%; overflow:hidden;}
.banGraphicD .imgA {float:left; width:50%; text-align:right;}
.banGraphicD .txtA {float:left; width:50%; text-align:left; padding:25px 0 0 30px; box-sizing:border-box}

/* 고객서비스 */
/* 2018-10-30 수정*/
.serviceMain .serviceVisualW{position:relative;width:100%; margin:0 auto; overflow:hidden; height:600px}
.serviceMain .serviceVisualW{background:url('../images/servicevisual_img2.jpg') center no-repeat; left:0 !important}/* 2018-11-28 left:0 추가 */
.serviceMain .serviceVisualW .srchW{width:50%; height:100%; background:url('../images/blackw_bg.png') repeat; position:relative;}
.serviceMain .serviceVisualW .srchD{position:absolute; right:44px; top:90px;}
/* // 2018-10-30 수정 */
.serviceMain .serviceVisualW .srchD .title{font-size:30px; color:#fff}
.serviceMain .serviceVisualW .srchD ul{margin-top:35px}
.serviceMain .serviceVisualW .srchD li{height:40px; line-height:40px; margin-top:10px;}
.serviceMain .serviceVisualW .srchD li:first-child{margin-top:0;}
.serviceMain .serviceVisualW .srchD li > p{float:left; width:74px; font-weight:bold; color:#c6c6c6;}
.serviceMain .serviceVisualW .srchD li > div{float:left; width:482px;}
.serviceMain .serviceVisualW .srchD li > div > a{margin-left:4px; vertical-align:top; color:#d0d0d0; text-align:center; display:inline-block; background:#000; border-radius:4px}
.serviceMain .serviceVisualW .srchD li > div > a:first-child{margin-left:0}
.serviceMain .serviceVisualW .srchD li > div > a.w50{width:239px;}
.serviceMain .serviceVisualW .srchD li > div > a.w33{width:158px;}
.serviceMain .serviceVisualW .srchD li > div > a.select{background:#003f82; font-weight:bold;}
.serviceMain .serviceVisualW .srchD li > div input{width:100%; box-sizing:border-box; height:40px; vertical-align:top; background:#000; border:1px solid #000; border-radius:4px; color:#d0d0d0}
.serviceMain .serviceVisualW .srchD li > div .classifyW{position:relative;}
.serviceMain .serviceVisualW .srchD li > div .classifyW > a{width:100%; text-align:left; color:#d0d0d0; vertical-align:top; box-sizing:border-box; display:inline-block; border-radius:4px; padding:0 20px; background:url('../images/selbox_arrow.png') 96% no-repeat #000;}
.serviceMain .serviceVisualW .srchD li > div .classifyW.on > a{ background:url('../images/selbox_arrow.png') 96% no-repeat #003f82; border-bottom-right-radius:0; border-bottom-left-radius:0; }
.serviceMain .serviceVisualW .srchD li > div .classifyW .selW{position:absolute; top:40px; background:#003f82; width:100%; display:none; padding:6px 20px; box-sizing:border-box;  border-bottom-right-radius:4px; border-bottom-left-radius:4px}
.serviceMain .serviceVisualW .srchD li > div .classifyW .selW .scrollW{border-top:1px solid #33659b; padding:12px 0;}
.serviceMain .serviceVisualW .srchD li > div .classifyW .selW .scrollW a{display:block;color:#d0d0d0; height:30px; line-height:30px;}
.serviceMain .serviceVisualW .srchD li > div .classifyW .selW .scrollW a:hover{text-decoration:underline; font-weight:bold;}
.serviceMain .serviceVisualW .srchD .btnA a{float:right; width:482px; display:inline-block; height:40px; line-height:40px; background:#efefef; color:#000; font-size:17px;}
.serviceMain .serviceVisualW .srchD .btnA a img{position:relative; top:10px}
.proSrchTop{width:1200px; height:270px; padding:109px 0 0 50px; color:#fff; background:url('../images/prosrchtop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.proSrchTop .txt1{font-size:25px;}
.proSrchTop .txt2{font-size:16px;margin-top:5px;}
.proSrchTxt{padding:35px 60px 0;}
.proSrchTxt .txt1{font-size:22px; color:#444; letter-spacing:-1.5px;}
.proSrchTxt .txt2{font-size:14px; color:#444;margin-top:10px; line-height:20px;}
.proSrchTxt .txt3{font-size:14px; color:#444; letter-spacing:-1.5px; text-indent:-6px; margin-left:6px; line-height:22px;;}
.proSrchA{overflow:hidden; width:1080px; margin:35px auto 0; background:url('../images/prosrch_bg.jpg') left top no-repeat; padding-left:170px; box-sizing:border-box}
.proSrchA.pTp{margin:50px auto 0}
.proSrchA .imgA{float:left; width:170px; overflow:hidden; border-top:2px solid #323232; border-bottom:2px solid #323232}
.proSrchA .chkList{float:left; width:910px; height:auto; border-top:2px solid #323232; border-bottom:2px solid #323232}
.proSrchA .chkList li{border-top:1px solid #f2f2f2; padding-left:21px; height:70px; line-height:70px; overflow:hidden;}
.proSrchA .chkList li:first-child{border-top:none}
.proSrchA .chkList li .titA{float:left; width:146px;}
.proSrchA .chkList li .chkA{float:left}
.proSrchA .chkList li .chkA select{vertical-align:inherit;}
.proSrchA .chkList li .chkA .regionSel0{width:734px;}
.proSrchA .chkList li .chkA input[type="text"]{vertical-align:inherit;}
.proSrchA .chkList li .chk{margin-right:30px;}
.proSrchA .chkList .tit{display:inline-block; color:#333; font-size:18px;}
.proSrchA .chkList label{padding-left:25px; background:url('../images/chktp1_off.gif') left 2px no-repeat; padding-bottom:1px; font-size:16px; color:#444; cursor:pointer}
.proSrchA .chkList input[type="radio"]{display:none}
.proSrchA .chkList input[type="radio"]:checked + label {background:url('../images/chktp1_on.gif') left 2px no-repeat; padding-bottom:1px; color:#000; font-weight:bold;}
.proSrchA.tp1 select{width:300px; height:40px; font-size:16px;}
.proSrchA.tp1 input[type="text"]{width:413px; height:32px; font-size:16px; color:#003f82; font-weight:bold}
.proSrchA.tp2 select{width:365px; height:40px; font-size:16px;}
.proSrchA.tp2 input[type="text"]{width:712px; height:32px; font-size:16px; color:#003f82; font-weight:bold}
.proResultA{padding:0 60px; margin-top:80px;}
.proResultA .tit{font-size:25px; color:#333; }
.proResultA .partInfoA{border:1px solid #d6d6d6; position:relative;}
.proResultA .partInfoA .imgA{position:absolute; left:0; top:0; width:168px; height:168px; background:url('../images/partpickbg.jpg') no-repeat; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6}
.proResultA .partInfoA .infoA{width:100%; box-sizing:border-box; padding:37px 0 45px 31px;}
.proResultA .partInfoA .infoA.noData{line-height:88px; padding:41px 0 41px 31px}
.proResultA .partInfoA .infoA.noData p{font-size:16px; color:#444}
.proResultA .partInfoA .infoA .tit{font-size:24px; color:#444;}
.proResultA .partInfoA .infoA ul{margin-top:14px;}
.proResultA .partInfoA .infoA li{position:relative; padding-left:8px; color:#444; font-size:16px; }
.proResultA .partInfoA .infoA li:before{position:absolute; left:0; top:10px; width:5px; height:1px; background:#444; content:"";}
.proResultA .notiA{background:url('../images/m_notia_q.png') 10px 10px no-repeat #f3f3f3; padding:10px 10px 10px 32px; border:1px solid #d9d9d9; background-size:15px; font-size:13px;}
.partSrchBt{background:#383838; color:#fff; font-size:16px; font-weight:bold; padding:10.5px 51px 12.5px; display:inline-block;}
.partNoData{background:#f4f4f4; font-size:20px; color:#333; padding:42px 40px; width:1080px; margin:auto; box-sizing:border-box}
.partNoData p{background:url('../images/partnodata_icon.png') top no-repeat; padding-top:53px}
.partFindTop{width:1200px; height:270px; padding:109px 0 0 50px; color:#0a0a0a; background:url('../images/partfindtop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.partFindTop .txt1{font-size:16px; }
.partFindTop .txt2{font-size:25px; margin-top:10px; }
.partFindA{padding:45px 60px 100px; box-sizing:border-box}
.partFindA > .txt{font-size:14px; line-height:24px;}
.titInfoA{width:1080px; overflow:hidden; margin-top:36px; margin-bottom:40px;}
.titInfoA.tp{margin-bottom:0;}
.titInfoA.tp2{width:1100px;}
.titInfoA .titA{float:left; width:180px; border-top:3px solid #323232; padding-top:17px;}
.titInfoA .titA.tp2{float:left; width:147px; border-top:1px solid #004b8d; padding-top:17px;}
.titInfoA .titA .tit{font-size:25px; color:#0a0a0a; line-height:32px; }
.titInfoA .titA .titTp2{font-size:36px; color:#074b88; line-height:32px;}
.titInfoA .titA .btn{margin-top:15px;}
.titInfoA .titA .btn a{display:inline-block; font-size:16px; font-weight:bold; color:#fff; background:#383838; padding:11.5px 20px}
.titInfoA .infoA{float:right; width:880px; border-top:1px solid #323232; overflow:hidden; padding-top:20px;}
.titInfoA .infoA.tp2{float:right; width:933px; border-top:1px solid #d4d4d4; overflow:hidden; padding-top:12px;}
.titInfoA .infoA .infoListA{width:100%; }
.titInfoA .infoA .infoListA li > p{line-height:23px; padding:5px 0 5px 0;}
.titInfoA .infoA .infoListA li .imgA{width:100%; margin-bottom:40px; margin-top:7px; display:inline-block;}
.titInfoA .infoA .infoListA li .imgA img{margin-left:15px;}
.titInfoA .infoA .infoListA li .imgA img:first-child{margin-left:0}
.titInfoA .infoA .recordList li{margin-top:5px;}
.titInfoA .infoA .recordList li p{position:relative; padding-left:25px}
.titInfoA .infoA .recordList li span{font-weight:bold; color:#333; display:inline-block; width:25px; position:absolute; left:0; top:0;}
.titInfoA .featA li{float:left; width:176px; padding-top:92px; }
.titInfoA .featA li.feat1{background:url('../images/wpcfeat1.png') center top no-repeat;}
.titInfoA .featA li.feat2{background:url('../images/wpcfeat2.png') center top no-repeat;}
.titInfoA .featA li.feat3{background:url('../images/wpcfeat3.png') center top no-repeat;}
.titInfoA .featA li.feat4{background:url('../images/wpcfeat4.png') center top no-repeat;}
.titInfoA .featA li.feat5{background:url('../images/wpcfeat5.png') center top no-repeat;}
.titInfoA .featA li p{text-align:center; font-size:13px; color:#666}
.titInfoA .manualA .txt{float:left; line-height:22px;}
.titInfoA .manualA .btnA{float:right;}
.titInfoA .manualA .btnA a{display:inline-block; background:url('../images/arrowbgtp.png') 190px no-repeat #003e80; padding:18px 36px 14px 26px; color:#fff; font-size:19px; border:1px solid #002b58; border-radius:28px; margin-left:10px;}
.titInfoA .manualA .btnA a:first-child{margin-left:0;}
.titInfoA .strategyA{float:right; width:880px; overflow:hidden;}
.titInfoA .strategyA .titTp{font-size:28px; color:#333;}
.titInfoA .strategyA ul{overflow:hidden; width:100%;}
.titInfoA .strategyA li{float:left; width:32%; margin-left:2%; box-sizing:border-box; padding:32px 33px 35px 33px; border:1px solid #ddd; min-height:383px;}
.titInfoA .strategyA li:first-child{margin-left:0;}
.titInfoA .strategyA li p{font-size:18px; color:#333; position:relative; padding-bottom:10px; font-weight:bold;}
.titInfoA .strategyA li p:after{position:absolute; width:14px; height:2px; background:#333; content:""; bottom:0; left:50%; margin-left:-7px;}
.titInfoA .strategyA dl{margin-top:20px;}
.titInfoA .strategyA dt{font-size:16px; color:#333; margin-bottom:5px;}
.titInfoA .strategyA dd{font-size:16px; position:relative; padding-left:10px;}
.titInfoA .strategyA dd:before{width:4px; height:4px; border-radius:4px; content:""; position:absolute; left:0; top:9px; background:#666;}
.brchSrchTop{width:1200px; height:270px; padding:105px 0 0 60px; color:#fff; background:url('../images/brchsrchtop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.brchSrchTop .txt{font-size:16px; line-height:24px;color:#444}
.manualDownTop{width:1200px; height:270px; padding:109px 0 0 50px; color:#fff; background:url('../images/manualdowntop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.manualDownTop .txt{font-size:16px;}
.manualBotA{padding:65px 60px 0;}
.manualBotA.tp{padding:65px 60px 0;}
.manualBotA .txt{line-height:22px;}
.questionTop{width:1200px; height:270px; padding:105px 0 0 59px; background:url('../images/questiontop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.questionTop p{ font-size:16px; color:#444; line-height:24px;}
.naviUpdateTop{width:1200px; height:270px; padding:104px 0 0 60px; background:url('../images/naviupdatetop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.naviUpdateTop .txt1{font-size:25px; color:#fff;}
.naviUpdateTop .txt2{font-size:16px; color:#fff; line-height:24px; margin-top:10px;}
.faqType li{background:#fff; margin-bottom:6px;}
.faqType li > a{display:block; position:relative; padding:25px 50px 27px 85px; background:url('../images/faq_q.png') no-repeat 20px 19px; font-size:14px; font-weight:bold; color:#666}
.faqType li > a:hover{background:url('../images/faq_q.png') no-repeat 20px 19px; color:#444; font-weight:bold;}
.faqType li.on > a{background:url('../images/faq_q_on.png') no-repeat 20px 19px #fff; color:#444; font-weight:bold; text-decoration:underline;}
.faqType li > a span{display:block; position:absolute; top:28px; right:20px;}
.faqType li .answer{padding:25px 20px 30px 85px; background:url('../images/faq_a.png') no-repeat 19px 30px #f9f9f9; line-height:24px; border:1px solid #e2e2e2}
.partnerShipA{overflow:hidden; border:1px solid #e2e2e2; background:#eee; padding:37px 40px 37px 40px;}
.partnerShipA .txtA{padding:10px 0 10px 50px; background:url('../images/partnership_icon.png') left no-repeat; font-size:16px; color:#333; vertical-align:middle;}
.partnerShipA .btnA{margin-left:15px}
.partnerShipA .btnA a{display:inline-block; background:#383838; font-size:16px; color:#fff; padding:11px 20px; margin-left:2px; font-weight:bold;}
.partnerShipA .btnA a:first-child{margin-left:0;}
.serviceMain .mCon1{margin:30px auto 30px !important;}
.serviceMain .mGoodsCusL {position:relative; height:360px; width:100%; overflow:hidden;}
.serviceMain .mGoodsCusL .mTitA {font-size:20px; color:#333; }
.serviceMain .mGoodsCusL li {position:absolute; width:400px; height:360px; background:url('../images/mservicecustom_bg1.jpg') no-repeat right 0; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.serviceMain .mGoodsCusL li.gl2 {width:400px; height:358px; background-image:url('../images/mservicecustom_bg2.jpg');}
.serviceMain .mGoodsCusL li.gl3 {background-image:url('../images/mservicecustom_bg3.jpg');}
.serviceMain .mGoodsCusL li a {display:block; width:100%; height:100%;}
.serviceMain .mGoodsCusL li span {display:block}
.serviceMain .mGoodsCusL li .txtArea {position:absolute; top:35px; left:30px;}
.serviceMain .mGoodsCusL li .txtA {margin:15px 0 0; font-size:13px; }
.serviceMain .mGoodsCusL li .txtA span {display:block}
.serviceMain .mCon2{padding:40px 0 80px; background:#e6e6e6;}
.serviceMain .mCon2 .mTitA{font-size:30px; color:#222;}
.serviceMain .mCon3{margin:0 !important; background:#efefef; width:100%;}
.serviceMain .mCon3 .listA{min-height:548px !important;}
.serviceMain .mCon3 .mManaD{margin:80px auto 100px;}
.sManualA .manualList{width:100%; }
.sManualA .manualList li > p{line-height:23px; padding:5px 0 5px 0;}
.sManualA .manualList li .imgA{width:100%; margin-bottom:40px; margin-top:7px; display:inline-block;}
.sManualA .manualList li .imgA img{margin-left:15px;}
.sManualA .manualList li .imgA img:first-child{margin-left:0}

/*용품*/
.goodsTop {position:relative; width:1200px; height:245px; padding:310px 0 0; /* background:url('../images/goodstop_bg.jpg') no-repeat center 0; */ overflow:hidden;}
.goodsTop .imgA {display:none;}
.goodsTop .gSrchD{position:absolute; bottom:0; left:0; padding:30px 60px 40px; width:1080px; min-height:177px; text-align:center; background:url('../images/goodstopbox_bg.png') repeat center 0;z-index:1}
.goodsTop .bgImg{position:absolute; left:50%; top:0; margin-left:-600px}
.gCateD button{margin:0 0 10px; padding:0 30px; height:38px; line-height:36px; font-size:16px; font-weight:bold; color:#fff; border:1px solid #fff; background:#181818; border-radius:20px;}
.gCateD button span {display:none;}
.gCateD button.on {padding:0 20px 0 26px; color:#000; background:#fff;}
.gCateD button.on span{display:inline-block; margin:0 0 0 5px; width:14px; height:38px; background:url('../images/gcatechcek_bu.png') no-repeat 0 50%;}
.gSrchA {position:relative; width:445px; padding:0 55px 17px 0; margin:20px auto 0; border-bottom:2px solid #fff;}
.gSrchA .inputA {width:445px; min-height:40px; text-align:left; background:url('../images/inputa_bar.png') no-repeat 0 5px;}
.gSrchA .inputA input{font-size:25px; width:425px; height:40px;  padding:0 10px; background:none; border:0}
.gSrchA button{position:absolute; top:0; right:0;}
.goodsList {margin:50px 0 0; width:100%; overflow:hidden;}
.goodsList ul > li {position:relative; float:left; width:400px;}
.goodsList ul > li a span{display:block;}
.goodsList ul > li a .hover {display:none; position:absolute; top:30px; left:30px; padding:20px; width:300px; height:230px; text-align:center; background:url('../images/goodsl_bg.png') repeat center 0;}
.goodsList ul > li a:hover .hover{display:block;}
.goodsList ul > li a .hover .titA {margin:38px 0 0; font-size:18px; color:#fff; line-height:28px;}
.goodsList ul > li a .hover .txtA {margin:15px 0 0; font-size:13px; color:#fff; line-height:18px;}
.goodsList ul > li a .hover .rowA {margin:30px 0 0;}
.loginD.gLoginD .rightA{padding:25px 0 25px 70px}

/* 미디어센터 */
.comNewsTop {position:relative; width:1150px; height:180px; padding:50px 0 0 50px; margin:0 0 20px 0; background:url('../images/comnewstop_bg.jpg') no-repeat center 0; overflow:hidden;}
.comNewsTop .btnA{margin:25px 0 0;}
.comNewsTop .btnA .androidBt {display:inline-block; padding:0 39px 0 0; border-right:1px solid #d0d0d0}
.comNewsTop .btnA .iosBt {display:inline-block; padding:0 0 0 33px;}
.comNewsTop .btnA a span {display:inline-block; margin:0 0 0 13px; padding:16px 0 0; color:#333; font-weight:bold;}
.comNewsTop .btnA a span img{display:inline-block;}
.gardenList{overflow:hidden;}
.gardenList li{float:left; width:25%; background:#fff;}
.gardenList li .imgA img{width:100%;}
.gardenList li .txtA{font-size:14px; color:#333; padding:15px 18px; box-sizing:border-box}
.subAppPop{position:absolute;}
.subAppPop .pWrap{width:574px;}
.subAppPop .pWrap .pHead{width:100%; padding:16px 21px; background:#333; font-size:20px; font-weight:bold; color:#fff; box-sizing:border-box; position:relative;}
.subAppPop .pWrap .pHead a{position:absolute; right:20px; top:21px;}
.subAppPop .pWrap .pBody{width:100%; padding:32px 40px 40px 40px; background:#fff; box-sizing:border-box}
.subAppPop .pWrap .pBody .txt{color:#333}
.subAppPop .pWrap .pBody .infoList{border:1px solid #ddd; margin-top:20px; padding:17px 20px 20px 20px}
.subAppPop .pWrap .pBody .infoList li{margin-top:5px;}
.subAppPop .pWrap .pBody .infoList li:first-child{margin-top:0;}
.subAppPop .pWrap .pBody .agreeChkA{padding:20px 20px 20px 20px; position:relative; border-bottom:1px solid #ddd}
.subAppPop .pWrap .pBody .agreeChkA span{position:absolute; right:20px; bottom:25px;}
.subAppPop .pWrap .pBody .agreeChkA span label{margin-left:4px; cursor:pointer}
.subAppPop .pWrap .pBody .registA{margin-top:30px;}
.subAppPop .pWrap .pBody .registA input{width:248px; height:29px;}
.subAppPop .pWrap .pBody .registA a{display:inline-block; text-align:center; color:#fff; font-weight:bold; width:60px; height:37px; line-height:37px; background:#003f82; margin-left:4px;}
/* .mediaMain{background:#f4f4f4;} 2018-10-30 삭제 */
/* 2018-10-30 수정 */ 
#wrapper.sub .mediaMain .visualW .visS.v1 {background:url('../images/mediacvisual_img1.jpg') no-repeat center 0;}
#wrapper.sub .mediaMain .visualW .visS.v2 {background:url('../images/mediacvisual_img2.jpg') no-repeat center 0;}
#wrapper.sub .mediaMain .visualW .visS.v3 {background:url('../images/mediacvisual_img3.jpg') no-repeat center 0;}
#wrapper.sub .mediaMain .visualW .visS .visA .labelA{left:88px; position:absolute; top:150}
#wrapper.sub .visualW {position:relative;width:100%; margin:0 auto; overflow:hidden; height:600px;}
#wrapper.sub .visualW .visS{position:absolute; top:0; left:0; width:100%; overflow:hidden; height:600px; background:url('../images/mvisaul_img1.jpg') no-repeat center 0;}
#wrapper.sub .visualW .visS a {display:block; width:100%; height:100%;}
#wrapper.sub .visualW .visS a:focus {border:1px dotted #7f7f7f}
#wrapper.sub .visualW .visS span {display:block;}
#wrapper.sub .visualW .visS .visA {position:relative; width:1200px; margin:0 auto; }
#wrapper.sub .visualW .visS .visA .titA {position:absolute; top:110px; left:88px; font-size:50px; color:#fff; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; text-align:left}
#wrapper.sub .visualW .visS .visA .titA.blue{color:#092869;}
#wrapper.sub .visualW .visS .visA .txtA {position:absolute; top:188px; left:88px; font-size:16px; color:#fff; line-height:24px; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; text-align:left }
#wrapper.sub .visualW .visS .visA .txtA.blk{color:#000}
#wrapper.sub .visualW .visS .visA .btnA {position:absolute; top:326px	; left:88px; }
#wrapper.sub .visualW .visS .visA .btnA a {display:block; width:118px; height:34px; line-height:34px; border:1px solid #fff; text-align:center; color:#fff}
#wrapper.sub .visualW .visBtD {position:relative; width:1200px; margin:0 auto; z-index:100}
#wrapper.sub .visualW .visBtD button:focus {border:1px dotted #7f7f7f}
#wrapper.sub .visualW .visBtD .btL {position:absolute; top:260px; left:0;}
#wrapper.sub .visualW .visBtD .btR {position:absolute; top:260px; right:0;}
#wrapper.sub .visualW .visInfoD {position:absolute; width:100%; bottom:30px; left:0; text-align:center; color:#fff; z-index:100; } /* 2018-11-29 수정 */
#wrapper.sub .mVisualM{display:none;}
#wrapper.sub .vPlayBt {position:relative; top:-1px; display:inline-block; width:20px; height:18px; background:url('../images/visualplay_bt.png') no-repeat 0 0; text-indent:-99999px;} 
#wrapper.sub .vPlayBt:focus {border:1px dotted #7f7f7f} 
#wrapper.sub .vPlayBt.on {background-image:url('../images/visualplay_bt_on.png')}
.mediaMain .visualW .visS .visA .titA {color:#fff}
.mediaMain .visualW .visS .visA .txtA {top:255px}

.mediaMain .blackBg{position:absolute; left:0; top:0; width:50%; height:100%; background:url('../images/blackw_bg.png') repeat;}
/* .mediaMain .mediaTabArea1 ul{overflow:hidden;}  2018-10-30 삭제*/
.mediaMain .mediaTabArea1 li{float:left; background:#fff; width:380px; position:relative; }
.mediaMain .mediaTabArea1 .tabA1 ul:after{content:''; display:block; clear:both}
.mediaMain .mediaTabArea1 .tabA1 li .txtA{padding:22px 27px 25px; background:#fff; min-height:150px; box-sizing:border-box}
.mediaMain .mediaTabArea1 .tabA1 li .txtB{display:table; position:absolute; bottom:0; left:0; width:100%; height:104px; background:url('../images/txtb_bg.png') 0 0 repeat-x; color:#fff; padding:0 30px 25px; box-sizing:border-box; font-size:18px; line-height:30px; z-index:10; vertical-align:bottom}
.mediaMain .mediaTabArea1 .tabA1 li .txtB span{overflow: hidden; position:absolute; bottom:25px; width:calc(100% - 60px)}
.mediaMain .mediaTabArea1 .tabA1 li .txtB strong{font-size:24px; font-weight:normal; }
.mediaMain .mediaTabArea1 .tabA1 .mdCmoreBtn{text-align:center; margin-top:50px;}
.mediaMain .mediaTabArea1 .tabA1 .mdCmoreBtn a{display:inline-block;  border:1px solid #c6c6c6; border-radius:30px; background:url('../images/media_more_btn.png') 98px 26px no-repeat; padding:20px 64px 20px 40px; line-height:1; font-size:17px; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:100px}
.mediaMain .mediaTabArea1 .tabA1 .txtType{display:block; padding:0 20px; height:35px; line-height:35px; color:#fff; background:#06478c; font-size:14px; font-weight:bold; position:absolute; top:0; left:0; z-index:10}
/* // 2018-10-30 수정 */

.mediaMain .mediaTabArea1 .tabA1 li .tit{font-weight:bold; font-size:16px; color:#333; line-height:22px;}
.mediaMain .mediaTabArea1 .tabA1 li .txt{font-size:13px; line-height:22px; display:block; margin-top:15px;}
/*.mediaMain .mediaTabArea1 .wrapA{margin-top:30px;} 2018-11-13 삭제*/
/* .mediaMain .mediaTabArea1 .mTabCon1{height:462px !important;}  2018-10-30 삭제 */
.mediaMain .mediaTabArea1 .mTabCon1M{display:none;}

/* 2018-10-30 추가, 수정 */
.mediaMain .mediaTabArea1 .mTabCon1 ul:first-child li{opacity:0; top:30px}
.mediaMain .mediaTabArea1 .mTabCon1 ul li{width:380px; position:relative; top:0; opacity:1; box-shadow:3px 3px 15px rgba(2,2,2,.1); margin-top:30px; overflow:hidden} /* 2018-11-13 opacity 수정ㅇㅇㅇ */
.mediaMain .mediaTabArea1 .mTabCon1 ul li.long{width:790px; margin-right:0 !important}
.mediaMain .mediaTabArea1 .mTabCon1 ul li{margin-right:30px}
.mediaMain .mediaTabArea1 .mTabCon1 ul li:last-child{margin-right:0}
/* 2018-11-13 삭제
.mediaMain .mediaTabArea1 .mTabCon1 ul li:nth-child(3),.mediaMain .mediaTabArea1 .mTabCon1 ul li:nth-child(4),
.mediaMain .mediaTabArea1 .mTabCon1 ul li:nth-child(5){margin:30px 30px 0 0}*/
.mediaMain .mediaTabArea1 .mTabCon1 ul.type1 li:nth-child(5n){margin-right:0 !important}/* 2018-11-08 수정 */
.mediaMain .mediaTabArea1 .mTabCon1 ul li > a:hover:after{opacity:1}
/* // 2018-10-30 추가 , 수정 */
.mediaMain .mediaTabArea1 .mTabCon1 ul li:first-child{margin-left:0;}
.mediaMain .mediaTabArea1 .mTabCon1 ul li > a{display:block;}
.mediaMain .mediaTabArea1 .mTabCon1 ul li > a:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/mediac_hover.png') center no-repeat rgba(0,0,0,.5); opacity:0; transition:all .5s linear} /* 2018-10-23 추가 */
.mediaMain .mediaTabArea1 .mTabCon1 ul li > a > span{display:block;}
.mediaMain .mediaTabArea1 .wrapA ul li .imgA{width:380px; height:304px}
.mediaMain .mediaTabArea1 .wrapA ul li .imgA img {width:100%;}
.mediaMain .mediaTabArea1 .wrapA ul li .imgB, 
.mediaMain .mediaTabArea1 .wrapA ul li .imgB img{width:790px; height:304px }
/* 2018-11-08 추가 */
/*.mediaMain .mediaTabArea1 .mTabCon1 ul.type2 li:nth-child(3){margin-top:0}  2018-11-13 삭제*/
.mediaMain .mediaTabArea1 .mTabCon1 ul.type2 li:nth-child(6){margin-top:30px}
.mediaMain .mediaTabArea1 .mTabCon1 ul.type2 li:nth-child(3n){margin-right:0}
/* //2018-11-08 추가 */
.mediaMain .mediaTabArea1 .tabA2 ul li{top:0; opacity:1; background:none;}
.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(4){margin-left:0;}
.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(4),
.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(5),
.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(6){margin-top:20px;}
.mediaMain .mediaTabArea1 .tabA2 ul li > a{display:block;}
.mediaMain .mediaTabArea1 .tabA2 ul li > a span{display:block;}
.mediaMain .mediaTabArea1 .tabA2 .articleW{width:100%; height:175px; box-sizing:border-box; padding:35px 38px; background:#fff; position:relative;}
.mediaMain .mediaTabArea1 .tabA2 ul li .tit{font-size:20px; color:#333; font-weight:bold; letter-spacing:-1px;}
.mediaMain .mediaTabArea1 .tabA2 ul li .date{font-size:14px; color:#999; margin-top:35px; position:absolute; left:38px; bottom:33px}
.mediaMain .mediaTabArea1 .tabTypeA > div > ul > li{position:absolute;}
.mediaMain .mCon1{margin:40px auto 0 !important;}
.mediaMain .mCon1 .btnArea a{position:relative; top:30px; opacity:0;}
.mediaMain .mediaTabArea1 .btnArea a img{position:relative; top:12px; right:13px}
.mediaMain .mediaTabArea2 .btnArea a img{position:relative; top:10px; right:8px}
.mediaMain .mCon2{padding:100px 0; background:#fff;}
.mediaMain .mCon2 .mConD > .tit{font-size:40px; color:#000; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; position:relative; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mediaMain .mCon2 .mConD > .txt{font-size:16px; color:#999; margin-top:30px; position:relative; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}/* 2018-10-23 수정 */
.mediaMain .mCon2 .prCenterW{margin-top:55px}
/* 2018-10-30 추가 2018-11-24 여기 */
.mediaMain .mCon2 .mediaSnsW{text-align:center; margin-top:83px; opacity:0}
.mediaMain .mCon2 .mediaSnsW>div{opacity:0}
.mediaMain .mCon2 .mediaSnsW a{display:inline-block; padding:90px 0 0; padding-bottom:42px; width:83px; text-align:center; margin-right:57px; position:relative; top:0; transition:all .3s linear; }
.mediaMain .mCon2 .mediaSnsW a:hover{top:-33px}
.mediaMain .mCon2 .mediaSnsW a:hover:after{opacity:1}
.mediaMain .mCon2 .mediaSnsW a:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/mediac_arrow.png') center bottom no-repeat; opacity:0; transition:all .2s linear;}
.mediaMain .mCon2 .mediaSnsW a:nth-child(1){background:url('../images/mediac_sns_blog.jpg') top center no-repeat; }
.mediaMain .mCon2 .mediaSnsW a:nth-child(2){background:url('../images/mediac_sns_post.jpg') top center no-repeat; }
.mediaMain .mCon2 .mediaSnsW a:nth-child(3){background:url('../images/mediac_sns_insta.jpg') top center no-repeat; }
.mediaMain .mCon2 .mediaSnsW a:nth-child(4){background:url('../images/mediac_sns_face.jpg') top center no-repeat; }
.mediaMain .mCon2 .mediaSnsW a:nth-child(5){background:url('../images/mediac_sns_youtube.jpg') top center no-repeat; }
.mediaMain .mCon2 .mediaSnsW a:nth-child(6){background:url('../images/mediac_sns_navertv.jpg') top center no-repeat; margin-right:0}
/* // 2018-10-30 추가 */

.mMideaVideoD {position:relative; float:left; padding:0; width:600px; height:400px; background:#fff; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mMideaVideoD a,
.mMideaVideoD span{display:block;}
.mMideaVideoD .imgA img{width:600px; height:400px;}
.mMideaVideoD .playBu{position:absolute; left:50%; top:50%; margin-left:-26px; margin-top:-26px;}
.mMideaReportD {position:relative; float:left; width:300px; height:400px; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mMideaReportD a{display:block; width:100%; height:100%;} 
.mMideaReportD a span {display:block;}
.mMideaPrD .moreBt{position:absolute; top:50px; right:36px;}
.mMideaPrD a{display:block; width:100%; height:100%;} 
.mMideaPrD span {display:block;} 
.mMideaPrD .imgA {position:absolute; left:0; top:0;} 
.mMideaPrD {float:left; width:300px; height:400px;}
.mMideaPrD .mTitA{position:absolute; top:45px; left:40px;}
.mediaMain .mCon2 .mMideaPrD{width:25%; height:auto;}
.mediaMain .mCon2 .mMideaPrD > div{width:100%; height:auto; padding:0;}
.mediaMain .mCon2 .mMideaPrD .box1 .tit{font-size:22px; color:#333; position:absolute; z-index:1; left:10%; top:17%;}
.mediaMain .mCon2 .mMideaPrD .box1 .txt{position:absolute; z-index:1; left:10%; top:22%; font-size:16px; margin-top:23px; line-height:22px;}
.mediaMain .mCon2 .mMideaPrD .imgA{position:relative;}
.mediaMain .mCon2 .mMideaPrD .imgA img{width:100%;}
.mediaMain .mCon2 .mMideaPrD .box1{position:relative; width:300px; height:200px; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mediaMain .mCon2 .mMideaPrD .box2{position:relative; width:300px; height:200px; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mediaMain .mediaTabArea2{margin-top:80px;}
.mediaMain .mediaTabArea2 .btnArea{margin-top:0px;}
.mediaMain .mediaTabArea2 .mTabCon2 {position:relative; width:1200px; overflow:hidden;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li{float:left; position:relative; top:30px; width:285px; margin-top:30px !important; margin-left:20px !important; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li:first-child{margin-left:0 !important;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li a, .mSnsD ul li a span{display:block; }
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li a {position:relative;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA{position:relative; width:100%; height:160px;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA a{position:relative; display:block;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA .bgA,
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA .bgA img{width:100%; height:160px;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA .imgA{position:absolute; top:0; left:0;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA .imgA,
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA .imgA img{width:100%; height:160px;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA{position:relative; padding:17px 30px 40px; width:225px; min-height:113px; overflow:hidden; background:#fff;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA a:hover{text-decoration:underline;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .txtA{margin:0; line-height:20px;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .tagA{font-size:13px; margin-top:15px; display:block;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .tagA a{display:inline; color:#074b88; margin-left:3px;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .tagA a:first-child{margin-left:0;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .utilA{position:absolute; bottom:25px; left:30px;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .utilA .like{display:inline-block; padding-left:20px; background:url('../images/sns_likesym.gif') left no-repeat;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .utilA .cmnt{display:inline-block; padding-left:20px; background:url('../images/sns_cmntsym.gif') left no-repeat; margin-left:8px;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .date{position:absolute; bottom:25px; right:30px; display:inline-block; color:#aaa}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA{position:relative; padding:30px 30px 40px; width:225px; min-height:260px; overflow:hidden; background:#fff;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA a:hover{text-decoration:underline;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA span{display:inline-block;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .label{color:#fff; font-size:13px;height:25px; line-height:25px; text-align:center; padding:0 10px;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .label.tp1{background:#81a2ce;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .label.tp2{background:#5db947;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .label.tp3{background:#866ec2;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .label.tp4{background:#999999;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .tit{font-size:15px; font-weight:bold; color:#333; margin-top:16px;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .tit a{color:#333}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .txt{line-height:22px; margin-top:12px;}
.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .dateA {position:absolute; bottom:25px; left:30px; width:90%; color:#aaa}
.mediaMain .mediaTabArea2 .mTabCon2 .tabA2 > ul > li,
.mediaMain .mediaTabArea2 .mTabCon2 .tabA3 > ul > li,
.mediaMain .mediaTabArea2 .mTabCon2 .tabA4 > ul > li{top:0; opacity:1;}
.mediaMain .mediaTabArea2 .mTabCon2M{display:none;}
.fSubVisualD {width:100%; overflow:hidden; height:255px; padding:85px 0 0; text-align:center; color:#fff; background:url('../images/ehistorytop_img.jpg') no-repeat center 0;}
.fSubVisualD .barTitA {padding:0 0 17px; margin:0 0 20px; font-size:42px; text-align:center; letter-spacing:-0.8px; background:url('../images/bartitb_bu2.png') no-repeat center bottom;}
.fSubVisualD .barTitA .tit1 {display:block; font-size:20px; font-weight:bold;}
.fSubVisualD .barTitA .tit2 {display:block; font-family:'Microsoft Yahei' ,sans-serif;  font-weight:bold;}
.fSubVisualD .txtA{line-height:23px;}
.eHistoryW {padding:50px 0 0;}
.eHisTabA {position:relative;}
.eHisTabA .eHisButD{display:table; margin:0 auto; text-align:center; font-size:24px;}
.eHisTabA .eHisButD a{display:block; float:left; margin:0 0 0 128px;}
.eHisTabA .eHisButD a:first-child{margin:0;}
.eHisTabA .eHisButD .year{display:block; margin:3px 0 0; font-size:16px; letter-spacing:3px}
.eHisTabA .eHisButD a.on {color:#003f82}
.eHisTabA .eHisButD a.on span.year,
.eHisTabA .eHisButD a:nth-child(3).on{padding:0 0 20px; background:url('../images/ehisbutb_bu.png') no-repeat center bottom;}
.eHisTabA .pShareD {top:20px;}
.eHisTabA .eHisTxtA {text-align:center; line-height:24px}
.eHisTabCon {margin:25px 0 0;}
.eHisTabCon .keywordD {padding:0 24px 10px; background:#204989;}
.eHisTabCon .keywordD .titA{float:left; margin:10px 31px 0 0;color:#fff; font-weight:bold; font-size:18px;}
.eHisTabCon .keywordD .keyButA {float:left; margin:8px 0 0; width:978px}
.eHisTabCon .keywordD .keyButA button {margin:0 27px; padding:5px 11px 8px; color:#fff; line-height:1; }
.eHisTabCon .keywordD .keyButA button.on {color:#bdc6cf; background:#12305b; border-radius:5px;}
.eHistoryTx {position:absolute; top:75px; left:0; z-index:300; display:none;}
.eHisTabD {min-height:332px;}
.eHisListD {margin:25px 0 0; position:relative;}
.eHisListA {display:block; float:left}
.eHisListD ul {display:block; float:left; margin:0 0 0 1px}
.eHisListD .eHisListA ul,
.eHisListD ul:first-child {margin:0}
.eHisListD .titA {margin:0 0 5px; font-size:16px; font-weight:bold;}
.eHisListD .titA .yearA {display:inline-block; font-size:28px; color:#003f82; margin:0 10px 0 0; height:30px;}
.eHisListD ul li {position:relative; margin:1px 0 0}
.eHisListD ul li a,
.eHisListD ul li a span{display:block;}
.eHisListD ul li a .imgA  img {width:208px !important; height:135px !important}
.eHisListD ul li a .frameA {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/ehislistframe_img.png') no-repeat 0 0; background-size:100% 100%;}
.eHisListD ul li a .playA  {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/videoplay_bu.png') no-repeat center center; background-size:40px 40px;}
.eHisListD ul li a .cateA {position:absolute; bottom:20px; left:20px; padding:4px 10px; border-radius:5px; border:1px solid #fff; color:#fff; z-index:100;} 
.eHisListD ul li a .sTitA {position:absolute; bottom:10px; left:10px; padding:4px 0; color:#fff; z-index:100;} 
.eHisListD ul li a .epTitA {position:absolute; bottom:20px; left:20px; color:#fff; z-index:100; } 
.eHisListD ul li a .epTitA b{display:inline-block; margin:0 5px 0 0}
.eHisSideBg{position:absolute; top:0; right:0; width:110px; height:100%; background:url('../images/ehistoryl_cover.png') repeat-y right 0;}
.eHisPopW {position:absolute; opacity:0; padding:50px; min-width:300px; max-width:980px; background:#fff; z-index:2001}
.episodePop .eHisPopD{max-height:750px; overflow-y:auto}
.eHisPopD {position:relative; overflow:hidden;}
.eHisPopD .eHisTitA {text-align:center; margin:0 0 15px}
.eHisPopD .eHisTitA .titA {font-size:24px; color:#333; font-weight:bold;}
.eHisPopD .eHisTitA .dateA {margin:10px 0 0; font-size:16px;}
.eHisPopD .eHisCon{height:100%; width:100%; position:relative;}
.eHisPopD .eHisD {margin:25px 0 0; overflow-x: hidden; overflow-y:auto; padding:0 10px; height:100px; font-size:15px; line-height:22px; letter-spacing:-0.5px;}
.eHisPopD .videoScriptD {border:1px solid #ddd; padding:10px; margin:25px 0 0; height:100px; overflow-y:auto }
.eHisPopD .epiVideoD .videoScriptD{margin-bottom:20px}
.eHisPopD .videoScriptD .vidTit{color:#333; font-size:17px;}
.eHisPopD .videoScriptD .vidD{margin:10px 0 0; color:#333; font-size:15px;}
.eHisPopD .epiScriptD img {width:95%;}
.eHisPopD .epiScriptA {margin:25px 0 0;}
.eHisPopD .imgA {text-align:center;}
.eHisPopD .imgA img {max-width:980px; max-height:600px;}
.eHisPopD .eHisCon .videoA {text-align:center; margin:0 auto}
.eHisPopD .eHisCon .videoA video {width:600px !important;}
.eHisPopW .eHisRollBtnA .btL{position:absolute; top:265px; left:40px;}
.eHisPopW .eHisRollBtnA .btR{position:absolute; top:265px; right:40px;}
.eHisPopW .closeBt {position:absolute; top:-50px; right:0;}


/* 사회책임경영 */
.sumW{padding:55px 50px 80px; overflow:hidden;}
.sumW .subTit{text-align:center; margin-top:15px;}
.sumW .subTit.tp{line-height:36px; letter-spacing:-1.5px}
.sumW .txt{text-align:center; margin-top:12px; line-height:24px;}
.sumW .listTp{overflow:hidden;}
.sumW .listTp li{width:550px; float:left; min-height:120px;}
.sumW .listTp li div{padding-left:140px;}
.sumW .listTp li.listUnit1{background:url('../images/sumlist1.png') left no-repeat; margin-top:27px;}
.sumW .listTp li.listUnit2{background:url('../images/sumlist2.png') left no-repeat; margin-top:27px;}
.sumW .listTp li.listUnit3{background:url('../images/sumlist3.png') left no-repeat; margin-top:20px;}
.sumW .listTp li.listUnit4{background:url('../images/sumlist4.png') left no-repeat; margin-top:20px;}
.sumW .listTp li.listUnit5{background:url('../images/sumlist5.png') left no-repeat; margin-top:20px;}
.sumW .listTp li.listUnit6{background:url('../images/sumlist6.png') left no-repeat; margin-top:20px;}
.sumW .listTp li.listUnit7{background:url('../images/sumlist7.png') left no-repeat; margin-top:20px;}
.sumW .listTp li .tit{font-size:20px; color:#003f82; margin-top:16px;}
.sumW .listTp li .txt1{font-size:15px; color:#333; margin-top:9px;}
.sumW .listTp li .txt2{font-size:13px; color:#666; margin-top:8px; line-height:20px;}
.reportW{padding:70px 50px; overflow:hidden;}
.reportW .potenReportA{overflow:hidden; margin-bottom:103px;}
.reportW .potenReportA .imgA{position:absolute; top:0; left:0;}
.reportW .potenReportA .conA{position:relative; padding-left:400px; height:475px;}
.reportW .potenReportA .conA .tit{font-size:24px; font-weight:bold; color:#333; position:relative; padding-bottom:27px; }
.reportW .potenReportA .conA .tit:before{position:absolute; bottom:0; left:0; background:#333333; width:20px; height:2px; content:"";}
.reportW .potenReportA .conA .txt{line-height:24px; margin-top:13px;}
.reportW .potenReportA .conA .txt:after{content:""; clear:both; display:block !important}
.reportW .potenReportA .conA .btnA{position:absolute; bottom:0; left:400px}
.reportW .potenReportA .conA .btnA a img{position:relative; top:10px; left:2px;}
.reportW .potenReportA .conA .btnA.tp{position:absolute; bottom:0; left:400px; font-size:15px; font-weight:bold;}
.reportW .potenReportA .conA .btnA.tp a img{position:relative; top:15px; left:2px;}
.reportW .potenReportA .conA .btnUtil:first-child{margin-bottom:13px}
.reportW .potenReportA .conA .btnA .titA{width:98px; display:inline-block; font-size:16px; font-weight:bold; color:#333; padding-right:20px;}
.reportW .potenReportA .conA .btnA .titA.tp1{background:url('../images/btnutil_icon1.png') right 7px no-repeat;}
.reportW .potenReportA .conA .btnA .titA.tp2{background:url('../images/btnutil_icon2.png') right 7px no-repeat;}
.reportW .potenReportA .conA .btnA .lang{position:relative; padding-left:24px;}
.reportW .potenReportA .conA .btnA .lang:before{position:absolute; width:1px; height:16px; background:#bababa; content:""; left:10px; top:3px;}
.reportW .potenReportA .conA .btnA .lang a{display:inline-block; font-size:14px; font-weight:bold; color:#fff; background:#333; padding:5px 16px;}
.safetyTop{width:1200px; height:270px; padding:90px 0 0 90px; line-height:23px; font-size:20px; background:url('../images/safetytop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.safetyTop > p{line-height:32px; color:#fff; font-family:'HDmodernB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif;}
.environTop{width:1200px; height:260px; padding:84px 0 0 100px; background:url('../images/environtop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.environTop .txtTp1{font-size:36px; color:#092869;}
.environTop .txtTp2{font-size:26px; color:#222; margin-top:20px;}
.epigynyTop{width:1200px; height:260px; padding:57px 0 0 50px; background:url('../images/epigynytop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.epigynyTop p{font-size:15px; line-height:22px;}
.globalTop{width:1200px; height:260px; padding:57px 0 0 50px; background:url('../images/globaltop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.globalTop p{font-size:15px; line-height:22px;}
.wType{padding:55px 50px 80px; overflow:hidden;}
.wType .txt{line-height:22px;}
.wType .termsList li{line-height:22px; text-indent:-15px; margin-left:15px;}
.wType .btnTit{overflow:hidden;}
.wType .btnTit p{display:inline-block;}
.wType .btnTit .moreBt{display:inline-block; padding:10px 19px; background:#3d3d3d; font-weight:bold; color:#fff; }
.wType .boxTp{border:1px solid #ddd; padding:12px 25px 15px; line-height:22px;}
.wType .listTp li{padding-left:10px; position:relative; line-height:22px;}
.wType .listTp li:before{position:absolute; left:0; top:10px; width:4px; height:4px; content:""; background:#666; border-radius:4px;}
.wType .cerNoti{color:#888; line-height:22px;}
.boxWrap{position:relative;}
.reportList{overflow:hidden; margin-top:20px;}
.reportList li{float:left; width:300px; margin:50px 0 20px 100px;}
.reportList li:first-child{margin-left:0;}
.reportList li .year{position:relative; font-weight:bold; font-size:20px; color:#333}
.reportList li .year:before{position:absolute; top:0; left:0; width:15px; height:2px; background:#333; content:"";}
.reportList li .imgA{border:1px solid #000; margin-top:15px;}
.reportList.cNewsL li .imgA {position:relative;}
.reportList.cNewsL li .imgA .cover {position:absolute; top:0; left:0;}
.reportList li .imgA img{width:298px !important; height:393px !important}
.reportList li .btnUtil{margin-top:13px}
.reportList li .btnUtil .tit{font-size:16px; font-weight:bold; color:#333; width:103px; display:inline-block;}
.reportList li .btnUtil .tit.tp1{background:url('../images/btnutil_icon1.png') right 7px no-repeat;}
.reportList li .btnUtil .tit.tp2{background:url('../images/btnutil_icon2.png') right 7px no-repeat;}
.reportList li .btnUtil .lang{position:relative; padding-left:24px;}
.reportList li .btnUtil .lang:before{position:absolute; width:1px; height:16px; background:#bababa; content:""; left:10px; top:3px;}
.reportList li .btnUtil .lang a{font-size:14px; font-weight:bold; color:#fff; background:#333; padding:5px 11px;}
.reportList li .btnUtil2 span{text-align:center; display:block; background:#e9e9e9; width:100%;}
.reportList li .btnUtil2 span a{display:block; font-size:15px; font-weight:bold; color:#666; line-height:45px;}
.reportList li .btnUtil2 span a img{position:relative; top:16px; left:3px;}
.reportList.tp li .imgA{border:1px solid #e4e4e4; margin-top:15px; width:298px;}
.reportList.tp li .imgA img{width:100%;}
.chartSrchW{position:relative; width:100%; height:216px; background:url('../images/chartsrch_bg.jpg') no-repeat;}
.chartSrchA{position:absolute; top:54px; left:65px;}
.chartSrchA .txt{color:#fff; font-size:18px;}
.chartSrchA .botA2{margin-top:38px}
.chartSrchA .botA2 span{display:inline-block;}
.chartSrchA .botA2 span:first-child{margin-left:0}
.chartSrchA .botA2 span select{width:300px; height:40px; margin-left:10px;}
.chartSrchA .botA2 span select:first-child{margin-left:0}
.chartSrchA .botA2 span a{display:inline-block; padding:0 49px 0 44px; line-height:40px; background:#021d57; text-align:center; font-size:16px; font-weight:bold; color:#fff; margin-left:10px;}
.chartSrchA .botA2 span a img{position:relative; left:-4px; top:13px;}
.chartSrchA .botA3{margin-top:38px}
.chartSrchA .botA3 span{display:inline-block; margin-left:10px}
.chartSrchA .botA3 span:first-child{margin-left:0}
.chartSrchA .botA3 span select{width:300px; height:40px; margin-left:10px;}
.chartSrchA .botA3 span select:first-child{margin-left:0}
.chartSrchA .botA3 span a{display:inline-block; padding:0 49px 0 44px; line-height:40px; background:#021d57; text-align:center; font-size:16px; font-weight:bold; color:#fff; margin-left:10px;}
.chartSrchA .botA3 span a img{position:relative; left:-4px; top:13px;}
.strategyList{overflow:hidden;}
.strategyList > li{float:left; width:320px; margin-left:70px; position:relative;}
.strategyList > li > img{position:absolute; right:-50px; top:130px;}
.strategyList > li > .arrowA{display:none;}
.strategyList > li:first-child{margin-left:0;}
.strategyList > li > div{border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd}
.strategyList > li > div p{border-bottom:1px solid #ddd; font-size:16px; color:#000; padding:16px 20px 18px;}
.strategyList > li > div ul{border-bottom:1px solid #ddd; background:#f6f6f6; padding:22px 20px;}
.strategyList > li > div ul li{position:relative; padding-left:13px; font-size:16px; line-height:24px; margin-top:6px}
.strategyList > li > div ul li:first-child{margin-top:0}
.strategyList > li > div ul li:before{position:absolute; width:4px; height:4px; border-radius:4px;; background:#666; content:""; left:0; top:11px;}
.strategyA{position:relative;}
.strategyA > img{position:absolute; top:0; left:0; width:100%;}
.strategyA.tp{position:relative; width:710px; margin:auto;}
.strategyA.tp .strategyList > li > div p{text-align:center;}
.c3List{overflow:hidden; margin:auto;}
.c3List li{border:1px solid #ddd; float:left; margin-left:1%; width:30%; box-sizing:border-box; text-align:center; min-height:212px; padding:27px 10px 20px 10px}
.c3List li:first-child{margin-left:4%;}
.c3List li .tit{font-size:18px; color:#333; font-weight:bold; position:relative; padding-bottom:15px}
.c3List li .tit:after{position:absolute; bottom:0; left:50%; margin-left:-7px; width:14px; height:2px; content:""; background:#333;}
.c3List li .txt{margin-top:15px;}
.ethicsSystemW{position:relative; padding-left:374px; width:100%; box-sizing:border-box}
.ethicsSystemW > p{position:absolute; left:0; top:0;}
.ethicsSystemW li{height:136px; margin-top:30px; box-sizing:border-box; border:1px solid #ddd; width:85%; overflow:hidden; display:table; table-layout: fixed;}
.ethicsSystemW li:first-child{margin-top:0;}
.ethicsSystemW li .titA{display:table-cell; vertical-align:middle; width:31%; height:100%; box-sizing:border-box; border-right:1px solid #ddd; text-align:center; background:#f3f3f3; font-size:20px; color:#333; line-height:26px;}
.ethicsSystemW li .titA.pt{padding-top:56px}
.ethicsSystemW li div{display:table-cell; vertical-align:middle; width:69%; height:100%; padding:26px 4%; box-sizing:border-box}
.ethicsSystemW li div .tit{font-size:16px; font-weight:bold; color:#333}
.ethicsSystemW li div .txt{margin-top:10px;}
.ethicsOperSys{width:100%; padding:0 72px; box-sizing:border-box}
.ethicsOperSys ul{overflow:hidden;}
.ethicsOperSys li{width:224px; border:1px solid #ddd; box-sizing:border-box; margin-left:20px; float:left; text-align:center;}
.ethicsOperSys li:first-child{margin-left:0;}
.ethicsOperSys li .titA{font-size:20px; color:#333; background:#f3f3f3; border-bottom:1px solid #ddd; padding:23px 0;}
.ethicsOperSys li div{font-size:16px; padding:20px 0; line-height:22px; min-height:115px; box-sizing:border-box;}
.sctCpCon{overflow:hidden;}
.sctCpCon > div{float:left; width:50%; box-sizing:border-box; padding:0 20px;}
.sctCpCon > div:first-child{border-right:1px solid #ddd; box-sizing:border-box}
.sctCpCon > div .tit{font-size:20px; margin-top:25px; color:#333}
.sctCpCon > div .txt{margin-top:23px;}
.scrCpPolicy{padding-left:229px; box-sizing:border-box; background:url('../images/scrcppolicy_bg.jpg') left top no-repeat; min-height:470px; margin-top:80px;}
.scrCpPolicy ul{margin-left:50px;}
.scrCpPolicy li{margin-top:35px;}
.scrCpPolicy li:first-child{margin-top:0}
.scrCpPolicy .ti{display:inline-block; margin-left:9px; text-indent:-9px;}
.scrCpPolicy .tit{position:relative; font-size:20px; color:#333; padding-top:2px; font-weight:bold;}
.scrCpPolicy .tit:before{position:absolute; left:0; top:0; width:20px; height:2px; background:#333; content:"";}
.scrCpPolicy .txt{margin-top:13px; line-height:24px;}
.cpBtnW{text-align:center;}
.cpBtnW a{display:inline-block; padding:20px 32px; background:#003d7e; border-radius:35px; font-weight:bold; font-size:20px; color:#fff;}
.cpBtnW2 a{display:inline-block; margin-left:10px;}
.cpBtnW2 a:first-child{margin-left:0;}
.fTradeTit{font-size:22px; color:#333; padding-top:110px; background:url('../images/ftradetit_icon.gif') center top no-repeat; text-align:center; line-height:34px; }
.ftBoxList{border:1px solid #ddd; padding:25px 30px;}
.ftBoxList li{position:relative; padding-left:10px; line-height:22px;}
.ftBoxList li:before{position:absolute; width:4px; height:4px; border-radius:4px; left:0; top:9px; content:""; background:#666;}
.ftListTp{overflow:hidden;}
.ftListTp li{float:left; width:33.3%; text-align:center; min-height:234px; border-left:1px solid #ddd; box-sizing:border-box; padding:0 20px;}
.ftListTp li:first-child{border-left:0;}
.ftListTp li .tit{font-size:20px; color:#003f82; margin-top:15px}
.ftListTp li .txt{line-height:20px; margin-top:15px}
.faqType2 li{background:#fff;}
.faqType2 li a{display:block; position:relative; padding:13px 50px 15px 65px; font-size:14px; color:#666; border-bottom:1px solid #e2e2e2;}
.faqType2 li:first-child a{border-top:1px solid #e2e2e2}
.faqType2 li a .num{position:absolute; left:10px; top:20px; display:inline-block; width:35px; height:35px; border-radius:35px; background:#eee; color:#888; text-align:center; line-height:35px;}
.faqType2 li a .titW > span{display:block;}
.faqType2 li a .aTit{font-size:16px; color:#333}
.faqType2 li a .aUtil{color:#888; margin-top:6px;}
.faqType2 li a .aUtil .bar{margin:0 8px}
.faqType2 li.on a{border-bottom:0}
.faqType2 li.on .aTit{color:#074b88; text-decoration:underline;}
.faqType2 li a .arrow{display:block; position:absolute; top:28px; right:20px;}
.faqType2 li .answer{padding:25px 20px 30px 65px; background:#f9f9f9; line-height:24px; border:1px solid #e2e2e2}
.receiptD {text-align:center;}
.receiptD .txtA {margin:20px 0 0; font-size:22px; color:#333;}
.receiptD .btnA {margin:40px 0 0;}
.receiptD .numA {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:35px 0 35px; margin:38px auto 0; width:900px}
.receiptD .numA .num1{font-size:20px; font-weight:bold; color:#666}
.receiptD .numA .num2{font-size:16px; font-weight:bold; color:#333}
.receiptD .numA .num2 input{margin-left:25px; width:308px; height:32px;}
.receiptD .numA .num{color:#333}
.receiptD .numA > span{margin-top:8px; display:inline-block;}
.actList{overflow:hidden;}
.actList li{float:left; border:1px solid #ddd; margin-left:10px; box-sizing:border-box; width:267.5px; text-align:center; padding:30px 0 25px;}
.actList li:first-child{margin-left:0;}
.adminIntro{padding-left:253px; box-sizing:border-box; width:100%; min-height:272px; background:url('../images/admin_pic.gif') left no-repeat;}
.adminIntro .topA .tit{font-size:30px; color:#333; line-height:40px;}
.adminIntro .topA .txt{font-size:16px; line-height:26px; margin-top:10px;}
.adminIntro .botA{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:21px; padding:17px 0;}
.adminIntro .botA .sort{font-weight:bold; color:#333}
.adminIntro .botA .bar{margin:0 9px; color:#dadada}
.adminIntro .botA .txt{margin-top:14px}
.cpElementList{overflow:hidden;}
.cpElementList li{float:left; width:260px; min-height:240px; margin-left:20px;}
.cpElementList li:first-child{margin-left:0;}
.cpElementList li:nth-child(5){margin-left:0;}
.cpElementList li:nth-child(5),
.cpElementList li:nth-child(6),
.cpElementList li:nth-child(7){margin-top:30px;}
.cpElementList dt{position:relative; background:#eee; padding:25px 30px 40px;}
.cpElementList dt .tit{font-size:20px; color:#092869; }
.cpElementList dt .num{display:inline-block; position:absolute; right:0; top:0; width:40px; height:40px; line-height:40px; text-align:center; background:#fff; color:#999; font-size:18px;}
.cpElementList dd{margin-top:10px;}
.cpElementList dd span{display:inline-block; position:relative; padding-left:10px; line-height:22px;}
.cpElementList dd span:before{position:absolute; width:4px; height:4px; border-radius:4px; background:#666; content:""; left:0; top:10px;}
.ceoMsTop{width:1200px; height:318px; padding:75px 0 0 20%; box-sizing:border-box; line-height:23px; font-size:20px; font-family:'HDmodernM','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; background:url('../images/ceomstop_bg.jpg') no-repeat center 0;}
.ceoMsTop > p{line-height:38px; }
.ceoMsTop .txtTp{font-size:30px; color:#333;}
.actVideoD{width:781px; margin:0 auto;}
.actVideoA .videoA{margin:0 auto;}
.actVideoSmA .videoB{margin:0 auto;}
.aTwoBox{overflow:hidden;}
.aTwoBox li{float:left; margin-left:40px;}
.aTwoBox li:first-child{margin-left:0;}
.aTwoBox li .tit{font-weight:bold; margin-top:14px;}
.aTwoBox li .txt{letter-spacing:-0.5px; text-align:left;}

.actRollW #actRolling { width:618px; height:280px; margin:0 auto; position:relative; overflow:hidden; }
.actRollW #actRolling ul { width:99999px; height:280px; position:absolute; top:0; left:0; overflow:hidden; }
.actRollW #actRolling ul li { float:left; width:100%; height:280px; font-size:14px;}
.actRollW #actRolling ul li > span{display:inline-block; float:left; width:176px; margin:0 15px; text-align:center;}
.actRollW #actRolling ul li > span span{display:block;}
.actRollW #actRolling ul li > span .tit{font-size:16px; color:#333; margin-top:15px;}
.actRollW #actRolling ul li > span .txt{letter-spacing:-1px; line-height:20px; margin-top:10px;}
.actRollW{width:738px; margin:0 auto; position:relative;}
.actRollW .btn_area { overflow:hidden; }
.actRollW .btn_area button { display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold; }
.actRollW .btn_area a { display:block; }
.actRollW .btn_area .btn_page { display:inline-block; width:10px; height:10px; margin:2px; font-size:0px; line-height:0; text-indent:-9999px; background:#d9d9d9; border-radius:10px;}
.actRollW .btn_area .btn_page.on { background:#4171a7; }
.actRollW .pnBtn .btn_prev{position:absolute; left:0; top:70px;}
.actRollW .pnBtn .btn_next{position:absolute; right:0; top:70px;}
.actRollW #actRolling_paging{margin-top:23px;}
.meerForestD {width:100%; overflow:hidden;}
.meerForestD .fl {width:295px;}
.meerForestD .fr {width:800px;}
.meerForestD .fr .titA {font-size:20px; color:#003f82}
.mForestRollW {position:relative; width:780px; margin:30px auto 0; overflow:hidden;}
.mForestRollW #mForestRollL {width:780px; height:708px; margin:0 auto; position:relative; overflow:hidden;}
.mForestRollW #mForestRollL ul {width:99999px; height:708px; position:absolute; top:0; left:0; overflow:hidden;}
.mForestRollW #mForestRollL ul li {float:left; width:100%; height:708px; font-size:14px;}
.mForestRollW .mfMapS{height:162px; padding:20px; overflow:hidden; background:url("../images/mfmaps_bg.jpg") no-repeat 0 0;}
.mForestRollW .mfMapS .imgA{float:left; width:152px}
.mForestRollW .mfMapS .infoA{float:left; width:568px; font-size:13px; color:#fff; }
.mForestRollW .mfMapS .infoA .titA {margin:0 0 10px; font-size:25px; color:#fff; line-height:31px;}
.mForestRollW .btn_area {overflow:hidden;}
.mForestRollW .btn_area button {display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold;}
.mForestRollW .btn_area a {display:block;}
.mForestRollW .btn_area .btn_page {display:inline-block; width:10px; height:10px; margin:2px; font-size:0px; line-height:0; text-indent:-9999px; background:#9c968d; border-radius:10px;}
.mForestRollW .btn_area .btn_page.on {background:#fff;}
.mForestRollW .mForestBtn .btn_prev{position:absolute; right:60px; bottom:230px;}
.mForestRollW .mForestBtn .btn_next{position:absolute; right:30px; bottom:230px;}
.mForestRollW #mForest_paging{position:absolute; bottom:20px; left:0; width:100%;}
.overViewTop{width:1200px; height:270px; padding:70px 0 0 79px; color:#000; background:url('../images/overviewtop_bg.jpg') no-repeat center 0; box-sizing:border-box}
.overViewTop .txt{font-size:16px; letter-spacing:0; line-height:22px;}
.overViewTop .txt span {display:block; font-size:30px; line-height:35px; color:#092869; margin-bottom:27px; font-weight:bold;}
.sSumD {position:relative; margin:20px 0 0;}
.sSumD .mTitA{width:100%; font-size:26px; color:#000; text-align:center; letter-spacing:-1px;}
.sSumD .mTxtA {width:100%; font-size:15px; line-height:24px; text-align:center; margin-top:30px;}
.sSumD .widthL {position:relative; margin:0 auto; width:910px; height:180px; margin-top:40px;}
.sSumD .widthL ul{overflow:hidden;}
.sSumD .widthL li {width:130px; text-align:center; letter-spacing:-0.8px; float:left;}
.sSumD .widthL li .titA {margin:12px 0 0; font-size:16px; color:#333;}
.sSumD .widthL li .txtA {margin:8px 0 0; color:#999; font-size:14px;}

/* 스포츠단 */
.basketballTop {width:1100px; height:185px; padding:75px 0 0 100px; line-height:57px; font-size:36px; color:#fff;background:url('../images/basketballtop_bg.jpg') no-repeat center 0;}
.basketballTop span {display:block; font-size:26px; line-height:30px;}
.archeryTop {width:1100px; height:175px; padding:85px 0 0 100px; line-height:30px; font-size:20px; font-weight:bold; color:#003f82; background:url('../images/archerytop_bg.jpg') no-repeat center 0;}
.basketDiv {padding:50px; background:#fff;}/* 2018-12-18 수정 */
.archeryD {padding:0 585px 0 0; min-height:386px; line-height:24px; background:url('../images/archeryd_bg.jpg') no-repeat right bottom}
.archeryPopW {width:100%; overflow:hidden;} 
.archeryPopW .accoPopD {float:left; width:530px;}
.archeryPopW .accoPopD .accTopA{width:528px; overflow:hidden; border:1px solid #e6e6e6; border-bottom:0}
.archeryPopW .accoPopD .imgA {float:left; width:200px; height:148px; text-align:center; margin:0 30px 0 0;}
.archeryPopW .accoPopD .infoA {float:left; width:298px; padding:25px 0 0;}
.archeryPopW .accoPopD .infoA .buA span{display:inline-block; padding:0 12px; height:26px; line-height:26px; color:#333; background:#f4f4f4; border-radius:20px;}
.archeryPopW .accoPopD .infoA .titA {margin:15px 0 0; font-size:20px; color:#003f82}
.archeryPopW .accoPopD .infoA .txtA {margin:10px 0 0; font-size:15px; color:#333}
.archeryPopW .accoPopA {padding:25px 30px;}
.archeryPopW .accoPopA .dotListB {margin:25px 0 0;}

/*hr*/
.talentTrainingTop {width:1150px; height:205px; padding:55px 0 0 50px; line-height:23px; font-size:15px; background:url('../images/talenttrainingtop_bg.jpg') no-repeat center 0;}
.talTrainingL {margin:38px 0 0; width:100%; overflow:hidden;}
.talTrainingL ul > li {width:100%; overflow:hidden; padding:38px 0; border-top:1px solid #ddd}
.talTrainingL ul > li:first-child{border-top:0; padding-top:0;}
.talTrainingL ul > li .infoA {float:left; width:730px; height:200px; padding:0 30px 0 0;}
.talTrainingL ul > li .infoA .titA {margin:11px 0 22px; font-size:20px; color:#222}
.talTrainingL ul > li .imgA {float:right; width:320px; height:200px;}
.talTrainingL ul > li .imgA img {width:100%;}
.talTrainingL2 {margin:38px 0 0; width:100%; overflow:hidden;}
.talTrainingL2 ul > li {position:relative; float:left; width:520px; height:410px; margin:0 0 0 20px; overflow:hidden; }
.talTrainingL2 ul > li.l1,.talTrainingL2 ul > li.l3 {margin:0 20px 0 0;}
.talTrainingL2 ul > li.l3,.talTrainingL2 ul > li.l4{margin-top:40px; height:385px;}
.talTrainingL2 ul > li .infoA .titA {margin:0 0 21px; font-size:20px; color:#222}
.talTrainingL2 ul > li .imgA {position:absolute; bottom:0; left:0; width:100%;}
.talTrainingL2 ul > li .imgA img{width:100%;}

/*ir*/
.nameBoxD {width:100%; overflow:hidden;}
.nameBoxD ul > li {float:left; margin:0 0 20px 20px; padding:25px 29px; width:195px; height:203px; overflow:hidden; border:1px solid #e2e2e2;}
.nameBoxD ul > li:nth-child(4n+1) {margin-left:0;}
.nameBoxD ul > li .titA {padding:0 0 30px; background:url('../images/nameboxtit_bar.png') no-repeat 0 bottom;}
.nameBoxD ul > li .titA span{display:block;}
.nameBoxD ul > li .titA .nameA{font-size:26px; color:#333;}
.nameBoxD ul > li .infoA {margin:25px 0 0; line-height:24px;}
.condiBox {width:100%; overflow:hidden;}
.condiBox ul > li {float:left; width:528px; margin:20px 0 0 20px; border:1px solid #e2e2e2}
.condiBox ul > li:nth-child(2n-1) {margin-left:0;}
.condiBox ul > li .topA {position:relative; padding:26px 30px;}
.condiBox ul > li .topA .titA {margin:0 0 8px; font-size:26px; color:#333;}
.condiBox ul > li .topA .buA {position:absolute; bottom:0; right:0; width:60px; height:28px; line-height:26px; color:#fff; text-align:center; background:#999;}
.condiBox ul > li .infoA {padding:25px 29px; line-height:26px; min-height:158px; background:#f6f6f6;}

/* 회원가입*/
.loginD {padding:105px 90px; width:1020px; overflow:hidden; background:#fff;}
.loginD .leftA{float:left; width:509px; padding:43px 0 0;}
.loginD .rightA{float:left; width:439px; padding:0 0 0 70px; border-left:1px solid #d6d6d6}
.loginD .rightA label {display:inline-block; width:80px; font-size:16px; color:#333; font-weight:bold}
.loginD .rightA input {width:278px; height:32px;}
.loginD .rightA .btnA {margin:10px 0 0; padding:0 0 0 80px; width:300px;}
.loginD .rightA .btnA a {display:block; text-align:center;}
.loginD .rightA .listA {margin:10px 0 0; padding:0 0 0 87px; width:300px; text-align:center;}
.loginD .rightA .listA a{display:inline-block; color:#444; font-size:16px; padding:0 12px 0 13px; background:url('../images/bar1x14_bu.png') no-repeat 0 6px;}
.loginD .rightA .listA a:first-child{padding-left:0; background:none;}
.memberEndD {text-align:center;}
.memberEndD .txtA {margin:20px 0 0; font-size:30px; color:#333;}
.memberEndD .txtA2 {margin:40px 0 0; color:#333; line-height:24px;}
.memberEndD .btnA {margin:35px 0 0;}
.mSearchDiv {padding:80px 150px; background:#fff;}
.searchBox .searchTop {font-size:30px; color:#333; text-align:center;}
.searchBox .searchTop .txtA {margin:40px 0 0; font-size:14px; line-height:24px; color:#666}
.searchBox .inputD{margin:40px 0 0; padding:40px 0; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.searchBox .inputD .w740 {width:740px; margin:0 auto}
.searchBox .inputArea {width:415px; margin:0 auto;}
.searchBox .inputArea label {display:inline-block; width:80px; font-size:16px; color:#333; font-weight:bold; vertical-align:middle}
.searchBox .inputArea input {width:278px; height:32px;}
.searchBox .inputArea select{width:79px; height:40px;}
.searchBox .inputArea.type2 {width:485px}
.searchBox .inputArea.type2 label {width:155px}
.searchBox .inputArea.type2 input {width:308px}
.searchBox .inputArea .phoneA{display:inline-block; width:300px; }
.searchBox .inputArea .phoneA input {width:39px}
.searchBox .inputArea .infoTxA {padding:0 0 0 80px;}
.searchBox .inputArea .infoTxA label {float:left; width:305px; font-size:14px; color:#666; font-weight:normal}
.searchBox .inputArea .infoTxA input {position:relative; float:left;  top:-4px; width:14px; margin:0 5px 0 0; vertical-align:top}
.searchBox .inputArea .changPhoeA {display:none; margin:15px 0 0 80px; width:300px;}
.mSearchDiv .btnA {margin:40px 0 0;}
.blueBox {padding:28px 20px; text-align:center; color:#fff; background:#003f82;}
.blueBox .btA {display:inline-block; margin:0 0 0 35px; }


/* 유틸리티 */
.allSrchW{position:relative; width:100%; height:216px; background:url('../images/allsrch_bg.jpg') no-repeat;}
.allSrchA{position:absolute; width:500px; top:40px; left:290px;}
.allSrchA .topA p{position:relative; padding:10px 15px 20px;}
.allSrchA .topA p:before{position:absolute; width:1px; height:30px; content:""; background:#fff; left:0; top:13px;}
.allSrchA .topA p input{border:none; background:none; font-size:25px; color:#fff}
.allSrchA .botA{border-top:2px solid #fff; padding-top:25px; height:40px; line-height:40px;}
.allSrchA .botA .monthA{float:right}
.allSrchA .botA .monthA span{position:relative; width:130px;}
.allSrchA .botA .monthA input{padding:3px 30px 3px 10px; height:32px; width:88px; vertical-align:top;}
.allSrchA .botA .monthA a{position:absolute; right:13px; top:2px;}
.allSrchA .botA .monthA .noun{font-weight:bold; color:#fff}
.allSrchA .botA .chkA label{padding-left:25px; background:url('../images/allchk_icon.gif') left 2px no-repeat; padding-bottom:1px; font-size:16px; color:#fff; cursor:pointer}
.allSrchA .botA .chkA input[type="checkbox"]{display:none}
.allSrchA .botA .chkA input[type="checkbox"]:checked + label {background:url('../images/allchk_icon_on.gif') left 2px no-repeat; padding-bottom:1px; color:#fff;}
.srchBt{position:absolute; right:0; top:0; width:120px; height:215px; line-height:215px; text-align:center; background:#000; font-size:23px; font-weight:bold; color:#fff}
.srchBt span{background:url('../images/allsrch_icon.png') left 7px no-repeat; padding-left:24px;}
.siteInfoList{overflow:hidden;}
.siteInfoList li{float:left; border:2px solid #fff; box-sizing:border-box; width:390px; min-height:347px; background:#fff; margin-left:15px; position:relative; padding:0 25px 65px 25px}
.siteInfoList li.tp{min-height:520px;}
.siteInfoList li:first-child{margin-left:0;}
.siteInfoList li .imgA{margin-top:28px}
.siteInfoList li .tit{font-size:20px; font-weight:bold; color:#004a8d; margin-top:21px; }
.siteInfoList li .txt{color:#777; margin-top:7px; line-height:22px;}
.siteInfoList li .arrow{position:absolute; bottom:28px; left:50%; margin-left:-17.5px}
.siteInfoList li > a{position:absolute; top:0; left:0; width:100%; height:100%;}
.errorW{width:800px; margin:200px auto 0;}
.errorW .wrap{width:800px; height:480px; background:#fff; position:relative; box-sizing:border-box; padding:100px;}
.errorW .wrap .logo{text-align:center; position:absolute; top:-65px; left:0; width:100%;}
.errorW .wrap dl{margin-top:33px;}
.errorW .wrap dt{font-size:20px; font-weight:bold; color:#333; margin-bottom:10px}
.errorW .wrap dd{margin:4px 0;}
.errorW .wrap a{position:absolute; bottom:0; left:0; padding:11px 0; display:block; width:100%; background:#383838; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
.errorW .wrap a span{background:url('../images/btarrowtp2.png') right no-repeat; padding-right:15px}

/* 사이버감사실 */
.cbCon{width:100%; padding:45px 50px; box-sizing:border-box;}
.cbCon .boxTp2{border-top:1px solid #000; border-bottom:1px solid #000; padding:40px 0;}
.cbCon .boxTp2 p{text-align:center;}
.cbCon .boxTp2 label{font-size:16px; font-weight:bold; color:#333}
.cbCon .boxTp2 input{width:308px; height:32px}
.cbCon .BoxTp3{border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.cbCon .BoxTp3 p{float:left; border-left:1px solid #ddd; text-align:center; padding:10px; width:50%; box-sizing:border-box}
.cbCon .BoxTp3 p:first-child{border-left:0}
.cbCon .listTp{overflow:hidden;}
.cbCon .listTp li{float:left; width:32%; margin-left:2%;}
.cbCon .listTp li:first-child{margin-left:0;}
.cbCon .listTp .tit{font-size:20px; color:#003f82}
.cbCon .oneBox{border:1px solid #ddd; padding:15px 20px;}
.cbCon .oneBox .tit{font-size:15px; color:#333}
.cbCon .cpltBox{border:1px solid #ddd; padding:30px; margin-top:30px;}
.cbCon .cpltBox .textA{background:url('../images/cpltresult_icon.png') left no-repeat; min-height:120px; box-sizing:border-box; padding:10px 0 10px 140px;}
.cbCon .cpltBox .tit{font-size:18px; font-weight:bold; color:#333;}
.cbCon .cpltBox .txt{line-height:22px; margin-top:8px}
.cbCon .cpltBox .txt .react{display:block;}
.cbCon .cpltBox .cirtiNum{margin-top:40px; font-size:26px; color:#000; background:#f3f3f3; padding:28px 0}
.btTp{display:inline-block; line-height:34px; font-weight:bold; color:#fff; background:#3d3d3d; text-align:center; padding:0 20px;}

/* 2018-09-18 추가 */
.check input[type="checkbox"]{width:20px !important; height:20px !important; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; border:0; margin:0; padding:0; background:url("../images/chktp2_off.gif") no-repeat 0 0; background-size:20px}
.check input[type="checkbox"]:checked{background:url("../images/chktp2_on.gif") no-repeat 0 0; background-size:20px}
.radioBox input[type="radio"]{width:20px !important; height:20px !important; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; border:0; margin:0; padding:0; background:url("../images/radiotp1_off.gif") no-repeat 0 0; background-size:20px;}
.radioBox input[type="radio"]:checked{background:url("../images/radiotp1_on.gif") no-repeat 0 0;}
dl.selectSec{padding:30px 0}
dl.selectSec dt{font-size:14px; color:#333; font-weight:bold}
dl.selectSec dd{padding:30px 0 0 20px; overflow:hidden; margin-bottom:30px}
dl.selectSec dd:last-child{margin-bottom:0px}
dl.selectSec dd p{float:left; width:200px; margin-bottom:20px}
dl.selectSec dd p input[type="text"]{width:75px; height:15px; border:0px; border-bottom:1px solid #444}
dl.selectSec dd.checkPack p{width:auto;}

@media all and (max-width:1500px) {
	/* #header{border-bottom:1px solid #f0f0f0} 2018-11-28 삭제  */
	#header.hStyleB {border-bottom:0}	
	/* 2018-10-30 수정 */
	#gnb{position:static; margin-right:0; margin-left:233px; min-height:auto;} /*2018-11-28 수정*/
	#gnb li .gTwoW {width:100%; padding-left:80px; height:0; overflow:hidden; z-index:1200; box-sizing:border-box; top:80px; left:0}
	#gnb li .gTwoW p {width:210px}
	#gnb li .gTwoW .gTwoD:nth-child(7n+1){margin-left:210px}/* 2018-11-22 추가 */
	#gnb li:nth-child(2) .gTwoW .gTwoD:nth-child(6n+1){margin-left:210px}
	/* //2018-10-30 수정 */
	.visualW .visS .visA .titA{font-size:58px}
	.utillW {top:-30px;}
	.mCateW {top:-30px;}
	/* #gnb li .oneD span{padding:0 0 14px;} 2018-11-28 삭제  */

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* #header{padding:28px 0 0;}  2018-11-28 삭제 */
		/* .gnbBgD {top:107px;} 2018-11-28 삭제 */
		.mCateW {top:-27px;}
		.utillW {top:-30px;}/* 2018-11-29 수정 */
	}
	@-moz-document url-prefix(){
		/* #gnb li .oneD span{padding:0 0 14px;} 2018-11-28 삭제  */
	}
}

@media all and (max-width:1280px) {
	#wrapper{min-width:100%}
	.headDiv  {width:100%;}
	
	/* 2018-10-30 수정 */
	.headDiv h1{left:15px}
	#gnb{margin-left:160px; width:790px}
	#gnb ul{margin:0}
	#gnb li .oneD {padding:0 11px;}
	#gnb li:first-child .oneD{padding:0 11px 0 0}
	#gnb li .gTwoW {padding:0 10px}	
	#gnb li .gTwoW p {width:150px; font-size:22px}
	#gnb li .gTwoW .gTwoD {margin:0 0 0 54px;}
	#gnb li:nth-child(4) .gTwoW .gTwoD{margin:0 0 0 38px}
	#gnb li .gTwoW .gTwoD:nth-child(7n+1){margin-left:150px}/* 2018-11-22 추가 */
	#gnb li:nth-child(2) .gTwoW .gTwoD:nth-child(6n+1){margin-left:150px}
	#gnb li:nth-child(2) .gTwoW .gTwoD:nth-child(7n+1){margin-left:54px}
	/* //2018-10-30 수정 */	
	
	.hStyleB #gnb li:last-child .gTwoW{left:-32px;}
	.hStyleB #gnb li:nth-child(2) .gTwoW .gTwoD {margin:0}
	.hStyleB #gnb li:nth-child(2) .gTwoW,
	.hStyleB #gnb li:nth-child(5) .gTwoW,
	.hStyleB #gnb li:nth-child(6) .gTwoW,
	.hStyleB #gnb li:nth-child(7) .gTwoW{padding:0 10px;}
	.hStyleC #gnb li:first-child .oneD{padding:0 24px;}
	.hStyleC #gnb li .oneD span{padding:0 0 26px}

	.serviceH #gnb li:first-child .oneD {padding-left:2px;}
	.serviceH #gnb li .oneD {padding:0 9px;}
	.mediaH #gnb li:first-child .oneD,
	.mediaH #gnb li .oneD{padding:0 18px;}
	.societyH #gnb li:first-child .oneD,
	.societyH #gnb li .oneD{padding:0 13px;}

	.gnbBgA {width:100%; height:210px; background:none;}
	.utillW {width:100%}
	.utillD {width:100%;} 
	.utillD > ul > li.utl2 .inputA {width:540px}
	#uSiteSlider{width:850px; margin:0 50px;} /* 2016-08-11 추가 */
	#uSiteSlider_paging button{width:16.6%} /* 2016-08-11 추가 */
	#uSiteSlider ul li dl:first-child{margin:0} /* 2016-08-11 추가 */
	.uSiteL .btn_area .btn_prev{left:20px;} /* 2016-08-11 추가 */
	.uSiteL .btn_area .btn_next{right:20px} /* 2016-08-11 추가 */

	/* 2018-10-30 추가 */
	.uSiteL{width:100%}
	#uSiteSlider2 ul li dl dt a{word-break:keep-all}
	#uSiteSlider2 {width:100%; padding: 0 3%; box-sizing:border-box; } 
	#uSiteSlider2 ul {width:100%; overflow:hidden;box-sizing:border-box}
	#uSiteSlider2 ul li {width:100%; background:#fff; font-size:14px; color:#333; box-sizing:border-box; padding:80px 0; border-bottom:1px solid #e4e4e4;}
	/* 2018-11-22 수정 */
	#uSiteSlider2 ul li .uSiteD {overflow:hidden; width:calc(100% - 185px); width:-webkit-calc(100% - 185px); float:left;}
	#uSiteSlider2 ul li p.titA{width:155px; margin-right:30px; float:left;} 
	/* //2018-11-22 수정 */
	#uSiteSlider2 ul li dl dd a{word-break:keep-all}
	#uSiteSlider2 ul li dl {float:left;/*  margin:0 0 0 70px; */ width:25%; box-sizing:border-box; padding-right:20px}
	#uSiteSlider2 ul li .webList dl:nth-child(5n){padding-right:20px}
	#uSiteSlider2 ul li .webList dl:nth-child(5n+1){clear:none}
	#uSiteSlider2 ul li .webList dl:nth-child(n+6){margin-top:0}
	#uSiteSlider2 ul li .webList dl:nth-child(4n){padding-right:0}
	#uSiteSlider2 ul li .webList dl:nth-child(4n+1){clear:both}
	#uSiteSlider2 ul li .webList dl:nth-child(n+5){margin-top:50px}
	 .utillD > ul > li .closeBt{right:50px}
 	 /* // 2018-10-30 추가 */

	.visualW {width:100%;}
	#wrapper.sub .visualW .visS .visA{width:100%}
	#wrapper.sub .visualW .visS .visA .titA{width:87%}
	/* .visualW .visBtD {width:100%} */ /*2018-11-28 주석처리*/ 
	#wrapper.sub .visualW .visBtD {width:96%} /* 2018-10-30 추가 */
	.visualW .visBtD .btL {left:15px;}
	.visualW .visBtD .btR {right:15px;}
	.visualW .visInfoD {width:100%;}
	#contaniner.main .mCon1{height:100%}
	#contaniner.main .mCon1 .mConD {height:100%;width:100%}
	.mCon1{width:100%}
	.mCon1 .mLeftA {width:48%; margin:0 0 0 2%}
	.mMediaD {width:48%; height:100%; margin:0 2% 0 0; box-sizing:border-box}
	.mMediaD .mMediaS {width:100%; height:100%;}
	.mMediaD .mMediaS .imgRollA .imgA {width:100%; height:100%;}
	.mMediaD .mMediaS .imgRollA img{width:100%; height:auto;}
	.mMediaD .mTitA {top:15px; left:15px; bottom:auto; right:auto;}
	.mMediaD .mMediaS .mBoxA {width:50%; height:50%;}
	.mMediaD .mMediaS .mBoxA a {padding:50px 15px 0; height:100%; box-sizing:border-box; width:100%}
	.mMediaD .mMediaS .mBoxA .titA{margin:27px 0 0; font-size:17px}
	.mMediaD .mMediaS .mBoxA .dateA{left:15px; bottom:20px; top:auto} 
	.mMediaD .btnA {right:15px; top:10px; bottom:auto}
	.mVideoD{width:100%;  margin:0}
	.mVideoD .imgA .vedioImgA{width:100%; height:100%;}
	.mVideoD .imgA img {width:100%; height:auto;}
	.mVideoD .playBgA {width:100%; height:100%;}
	.mVideoD a{width:100%; height:100%; font-size:18px; box-sizing:border-box}
	.mVideoD a .mViLinkA {left:0; width:100%;  padding:0 20px; box-sizing:border-box}
	.mNoticeD{width:100%;  margin:0; box-sizing:border-box}
	.mNoticeD .imgA {width:50%; height:100%; box-sizing:border-box;}
	.mNoticeD .imgA p.rollImgA {width:100%; height:100%;overflow:hidden;}
	.mNoticeD .imgA img{width:100%; height:100%;}
	.mNoticeD .infoA {float:left; width:50%; height:100%; box-sizing:border-box;}
	.mNoticeD .infoA .mTitA {top:15px; left:15px;}
	.mNoticeD .infoA a {padding:50px 15px 0; height:100%; box-sizing:border-box; width:100%}
	.mNoticeD .infoA .titA{margin:27px 0 0; font-size:17px}
	.mNoticeD .infoA .txtA{margin:3px 0 10px}
	.mNoticeD .infoA .dateA{left:15px; bottom:20px;}
	.mNoticeD .btnA {right:15px; top:10px;}
	.mSnsD {width:48%; height:100%; margin:0 0 0 2%; box-sizing:border-box}
	.mSnsD .imgA {width:50%; height:100%; box-sizing:border-box;}
	.mSnsD .imgA img{width:100%; height:100%;}
	.mSnsD .infoA {float:left; width:50%; height:100%; box-sizing:border-box;}
	.mSnsD .infoA a {padding:15px 15px 0; height:100%;  box-sizing:border-box}
	.mSnsD .infoA .titA{margin:3px 0 0; font-size:17px}
	.mSnsD .infoA .txtA {margin:3px 0 10px}
	.mSnsD .infoA .dateA{left:15px; bottom:15px; top:auto;}
	.mBlockD {height:auto;  width:50%; background:none; box-sizing:border-box}
	.mBlockD.mCeoD{margin:0 0 0 2%;}
	.mBlockD .imgA {display:block;}
	.mBlockD .webA {position:absolute; top:30px; left:30px;}
	.mBlockD a {padding:0; height:auto;}
	.mCon2 {padding:90px 0}
	#contaniner.main .mCon2 {padding:90px 0}
	.mManaD {width:100%; margin:0 auto;}
	.mManaD > .mTitA.barBu{padding:20px 0 0; background:url('../images/topbarb50x1_bu.gif') no-repeat center 0;}
	.mManaD .newL {width:100%; overflow:hidden;}
	.mManaD .newL li {width:24%; height:auto; margin:0 0 0 1%}
	.mManaD .newL li:first-child{margin:0;}
	.mManaD .newL li a .imgA {width:100%; height:auto}
	.mManaD .newL li .imgA img{width:100%; height:auto;}
	.mManaD .newL li .titA {font-size:18px; padding:27px 0; }
	.mManaD .newL li .mTitA {font-size:18px;}
	.mManaD .newL li .txtA {margin:10px 0 24px; height:125px}
	.mManaD .newL li.twoR .txtA {margin:10px 0 24px; height:100px}
	.mManaD .newL li .infoA {width:100%; box-sizing:border-box; height:255px; padding:20px 0 0;}
	.mManaD {width:97%; margin:0 2% 0 1%; padding:100px 0 0;}
	.mManaD .listA {width:100%;  overflow:hidden;}
	.mManaD .listA li {width:24%; height:168px; margin:0 0 0 1%}
	.mManaD .listA li:first-child{margin:0 0 0 1%}
	.mManaD .listA li .infoA {width:100%; padding:27px 0 0; height:180px; background:#fff; text-align:center;}
	.mManaD .listA li .imgA img{width:100%; height:auto;}
	
	.mCon3 {width:97%; margin:70px 1% 90px 2%;}
	#contaniner.main .mCon3{width:100%; height:auto; padding:0 1% 0 2%; box-sizing:border-box} 
	.mLinkD {width:100%; box-sizing:border-box}
	.mLinkD .mLinkA {width:742px}
	.mLinkD .mLinkL {height:180px;}
	.mLinkD .mLinkL.list2 {width:594px;}
	.mLinkD .mLinkL li a {width:140px; height:118px; padding:22px 0 0}
	.mQuickD {width:100%; height:230px; }
	.mQuickD ul li{width:24%; height:100%}
	.mQuickD ul li .imgA img{width:100%}
	.mQuickD ul li .mTitA {left:3%; width:94%; box-sizing:border-box} 
	.mQuickD ul li a:hover .frameA {width:100%; height:100%; }
	.mQuickD ul li a:hover .frameA {width:100%; height:100%;}
	.mQuickD.count3 {height:100%}
	.mQuickD.count3 ul li{width:32.6666%; height:100%}
	.mQuickD.count3 ul li .mTitA {width:94%;}
	.mQuickD.count3 ul li a:hover .frameA {width:100%; height:100%;}
	
	
	/*용품서브메인*/
	.goodTypeA .wisB .txtArea {right:4%;}
	.goodTypeA .wisB {max-width:1200px; width:100%;}
	.goodsMain .goodsList{max-width:1200px; width:100%; margin:0 auto}
	.subMain .mConD {max-width:1200px; width:100%}
	.mGoodsNotiD {padding:30px; width:33.3333%; height:360px; box-sizing:border-box}
	.mGoodsNotiD .moreBt{top:30px}
	.mGoodsInfoD {width:33.3333%; height:360px;}
	.mGoodsInfoD .guideD {width:100%; background-size:cover;}
	.mGoodsInfoD .obuD{width:100%;background-size:cover; }
	.mGoodsEventD {width:33.3333%; background-color:#fff;}
	.mGoodsEventD .txtArea{position:absolute; top:45px; left:40px}
	.mGoodsEventD .txtA {margin:15px 0 0}
	.goodsMain .mGoodsCusL li {width:25%; box-sizing:border-box}
	.goodsMain .mGoodsCusL li.gl2,.goodsMain .mGoodsCusL li.gl4 {width:25%; height:360px}
	.goodsMain .mGoodsCusL li .txtArea {left:15px; width:80%}
	.goodsMain .mGoodsCusL li .txtA span {display:inline}
	.mCon4 .mConD{padding:0 15px; box-sizing:border-box} 

	/*사회책임경영 서브메인*/
	.societyMain .visualW .visS .visA .titA {left:30px}
	.societyMain .visualW .visS .visA .txtA {left:30px}
	.mSoMangeD .mangeS{width:50%; height:100%; margin:0}
	.mSoMangeD .mangeS .imgA {width:50%; height:100%;}
	.mSoMangeD .mangeS .imgA img{width:100%; height:auto;}
	.mSoMangeD .mangeS .infoA {float:left; width:50%; height:100%;}
	.mSoMangeD .mangeS .infoA a {width:100%; height:100%; position:relative; padding:15px 15px 0; height:100%;  box-sizing:border-box}
	.mSoMangeD .mangeS .infoA .txtA {position:absolute; bottom:5%; left:15px; margin:0; width:90%;}
	.mSoWidthD {margin:80px 0 0;  padding:158px 15px 0; width:auto;}
	.mSoBlockD {margin:80px 15px 0; width:auto;}
	.mSoBlockD li {width:24% }
	.mSoBlockD li .notiBox {width:100%;}
	.mSoBlockD li .notiBox a .imgA {width:100%;}
	.mSoBlockD li .notiBox a .imgA img {width:100%; min-height:190px;}
	.mSoBlockD li .blockD {width:100%; background-position:right 0;}
	.mSoBlockD li .blockD a {padding:30px 20px 0; box-sizing:border-box}
	.societyMain .mCon2 {padding:45px 15px  80px; box-sizing:border-box}

	/* 2018-10-30 추가 */
	.mConDiv .mConD1{width:94%}
	.mConDiv .mConD1 ul li{width:32.33%; margin-right:1%}
	.mConDiv .mConD1 ul li .imgA{width:100%; height:auto}
	.mConDiv .mConD1 .banner{width:49%}
	.mConDiv .mConD1 .banner.left{margin-right:2%}
	.mConDiv .mConD2{width:94%}
	.mConDiv .mConD2 .pdTabs a{width:calc(12.5% - 1px); width:-webkit-calc(12.5% - 1px)}	
	.mConDiv .mConD2 .pdTabs a:last-child{width:12.5%}
	.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet{width:calc(12.5% - 1px); width:-webkit-calc(12.5% - 1px)}
	.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet:last-child{width:12.5%}
	.mConDiv .mConD2 .pdViewD{width:100%; height:auto}
	.mConDiv .mConD3{width:94%}
	.mConDiv .mConD3 .crmDiv .list{width:23.33%; margin-right:2%; padding:225px 25px 0; height:465px}
	/* //2018-10-30 추가 */

	/* 커뮤니케이션 2019-03-11 추가 */
	.viewCon .viewD .swImgD{position:relative; width:750px; height:auto; margin:60px auto 140px; }
	.viewCon .viewD .swiper-button-next, .viewCon .viewD .swiper-button-prev{top:50%; transform:translateY(-50%)}
	.viewCon .viewD .swiper-button-prev{left:-85px; background:url("../images/swimgd_left.jpg") center no-repeat; width:39px; height:71px;}
	.viewCon .viewD .swiper-button-next{right:-85px; background:url("../images/swimgd_right.jpg") center no-repeat; width:39px; height:71px;}
	.viewCon .viewD .swiper-pagination{bottom:-70px; right:0; width:100px; height:40px; margin:0 auto; border-radius:50px; background:#8b8b8b; font-size:20px; color:#fff; line-height:40px;}
	/* // 2019-03-11 추가 */

	/*footer*/
	/* 2018-10-30 추가 */
	#footer .quickA{width:800px}
	#footer .quickA .rightD{width:600px}
	#footer .topA .famSiteD .famList{height:310px}
	#footer .topA .famSiteD .famList .listD{width:900px}
	#footer .topA .famSiteD .famList .listD ul{width:250px; padding:25px 25px 0}
	#footer .footerS .telA{padding:0 0 0 20px}
	#footer .footerS .leftA{width:100%; padding:0 0 0 20px; box-sizing:border-box}
	#footer .footerS .rightA{width:25%; box-sizing:border-box}
	#footer .footerS .webCirtyM{width:25%; top:54px; right:-18px; text-align:left;}
	#footer .quickA .rightD{margin-top:0}
	/* //2018-10-30 추가 */
	#footer .topA{width:100%}
	#footer .footerS{width:100%;}
	#footer .footerS .leftA{width:100%; padding:0 0 0 20px; box-sizing:border-box}
	#footer .footerS .rightA{width:25%; box-sizing:border-box}
	#footer .footerS .webCirtyM{width:25%; top:54px; right:-18px; text-align:left;}

	/*서브*/
	.subTopD {width:100%; box-sizing:border-box}
	/* 2018-10-30 수정 */
	.subTopD .subNaviD {padding:0;box-sizing:border-box}
	.subTopD .printBt{border-right:none}
	/* //2018-10-30 수정 */
	.subTitD {width:94%; margin:0 3%}
	.pShareD {right:10px;}
	.subCon {width:94%; margin:0 3%}
	.sCon {width:100%; overflow:hidden;}
	.subDiv {padding:55px 25px 80px; width:100%; overflow:hidden; box-sizing:border-box;}
	.subDiv.tp2 {padding:0 25px 80px; width:100%; overflow:hidden; box-sizing:border-box;}
	.subDiv.tp2 {padding:0 30px 80px; width:100%; overflow:hidden; box-sizing:border-box;}
	.pageTopBt{right:-35px;}
	.boardType1.tp tbody td .mapViewBt{padding:8px 0; width:80px; text-align:center}/* 2018-11-29 수정 */
	.ceoTop{width:100%; height:270px; padding:95px 0 0 120px; box-sizing:border-box}
	.divideTxtA{width:100%; padding:27px 40px 32px; box-sizing:border-box;}
	.divideTxtA.tp{width:100%; padding:0 40px 32px; box-sizing:border-box;}
	.divideTxtA div{width:49%; margin-left:2%;}
	.divideTxtA div:first-child{margin-left:0;}
	.divideTxtB{width:100%; padding:27px 40px 32px; box-sizing:border-box;}
	.divideTxtB div{width:49%; margin-left:2%;}
	.divideTxtB div:first-child{margin-left:0;}
	.divideTxtB .imgA img{width:100%}
	.visionList li > div{top:35px; left:35px;}
	.visionList li .busiD{margin-top:12px; left:-45px;}
	.visionList li .busiD dl{padding-left:20px; width:137px;}
	.visionList li.vision1{width:100%; height:auto;}
	.visionList li.vision1 > img{width:100%;}
	.visionList li.vision2{width:100%; height:auto;}
	.visionList li.vision2 > img{width:100%;}
	.visionList li.vision3{width:100%; height:auto;}
	.visionList li.vision3 > img{width:100%;}
	.visionW{width:100%; box-sizing:border-box}
	.visionW .idea.D3 .listTp2 .wisB img{width:100%;}
	.visionW .idea.D3 .listTp2 li div{min-height:120px;}
	.officeHeadD{width:100%; padding:95px 0 0 175px; box-sizing:border-box; padding:95px 0 0 175px}
	.brachTabArea a{width:16.65%}
	.brachConArea .imgA{width:50%;}
	.brachConArea .imgA img{width:100%;}
	.brachConArea .con{width:50%; padding:20px 3% 0 3%}
	.brachConArea .con > .txt{margin-top:12px; padding-bottom:0;}
	.brachConArea .con .bInfo{margin-top:20px; padding-right:140px}
	.brachConArea .con .bInfo.ovTp{margin-top:20px; padding-right:0}
	.brachConArea .con .bInfo .add{margin-top:8px;}
	.sumW{box-sizing:border-box; width:100%;}
	.sumW .listTp li{width:50%;}
	.wType{box-sizing:border-box; width:100%; padding:45px 30px 80px;}
	.reportW{box-sizing:border-box; width:100%;}
	.listTp2 li{width:32%; margin-left:2%;}
	.listTypeB li a .infoA{padding:15px 0 0 0}

	/*회사소개*/
	.moduleTop,
	.keyComTop,
	.asPartsTop,
	.infoGoodsTop {width:100%; height:260px; box-sizing:border-box}
	.summaryTop{width:100%; box-sizing:border-box; font-size:14px; padding:35px; letter-spacing:-0.8px}
	.summaryTop .btnA {bottom:10px; right:10px;} /* 2017-09-13 추가 */
	.summaryTop .btnA a {padding:5px 10px 3px; font-size:13px} /* 2017-09-13 추가 */
	.summaryTop .btnA a span{font-size:13px; margin:0 5px 0 0}  /* 2017-09-13 추가 */
	.infoGoodsD .leftA,
	.infoGoodsD .rightA {width:50%; padding:0 30px; box-sizing:border-box}
	.infoGoodsD2 .infoA{width:660px;}
	.introSumL li {width:50%; min-height:248px; padding:33px 40px 43px 60px; box-sizing:border-box}
	.introSumL li .infoA {width:60%}
	.introSumL2 li {width:32%; margin:0 0 0 2%}
	.introSumL2 li .infoA {padding:20px 27px; min-height:200px;}
	.introSumL2 li .imgA img{width:100%;}
	.colorD .leftA {width:50%; padding:0 15px 0 0; box-sizing:border-box; margin:0;}
	.colorD .rightA {width:50%; padding:0 0 0 15px; box-sizing:border-box}
	.colorList li {padding:0 15px 0 0}
	.colorList li .txtA {padding:9px 10px;}
	.colorList.mainColorL li:nth-child(3) .txtA,
	.colorList.subColorL li:nth-child(6) .txtA,
	.colorList.subColorL li:nth-child(7) .txtA{padding:17px 10px;}
	.colorLogoL li .imgA {width:125px; margin:0 10px 0 0}
	.colorLogoL li .imgA img {width:100%;}	
	.colorLogoL li .txtA {line-height:1; margin:28px 0 30px}
	.colorLogoL.cLogoL1 li .txtA {line-height:1; margin:28px 0 15px}
	.colorLogoL li .txtA.twoR {margin:14px 0 17px}
	.colorLogoL li .txtA.thrR {margin:5px 0 0}
	.colorLogoL.cLogoL1 li .txtA.twoR {margin:10px 0 20px;}
	.logoMarkD {padding:35px 100px}
	.logoMarkD img {width:100%;}

	/* 고객서비스 */
	.proSrchTxt{padding:30px 50px 0;}
	.proSrchA{width:100%; padding:0 50px; background:none;}
	.proSrchA.pTp{margin:30px auto 0}
	.proSrchA .imgA{display:none}
	.proSrchA.tp1 .chkList{width:100%; height:auto;}
	.proSrchA.tp2 .chkList{width:100%; height:auto;}
	.proSrchA .chkList li{padding-left:3%; width:100%; height:60px; line-height:60px;  box-sizing:border-box;}
	.proSrchA .chkList li .titA{width:18%;}
	.proSrchA .chkList li .chkA{width:82%;}
	.proSrchA .chkList li .chkA select{vertical-align:0;}
	.proSrchA .chkList li .chkA .regionSel0{width:622px}
	.proSrchA.tp1 input[type="text"]{width:310px; height:32px; font-size:16px; color:#003f82; font-weight:bold}
	.proSrchA.tp2 select{width:309px; height:40px; font-size:16px;}
	.proSrchA.tp2 input[type="text"]{width:600px; height:32px; font-size:16px; color:#003f82; font-weight:bold}
	.partNoData{width:100%}
	.partFindA{padding:40px 50px 90px}
	.titInfoA{width:100%;}
	.titInfoA.tp2{width:100%;}
	.titInfoA .titA{width:17%;}
	.titInfoA .titA.tp2{width:13%;}
	.titInfoA .titA .btn a{font-size:15px;}
	.titInfoA .infoA{width:81%;}
	.titInfoA .infoA.tp2{width:85%;}
	.titInfoA .featA li{width:20%}
	.titInfoA .manualA .txt{float:none;}
	.titInfoA .manualA .btnA{float:none; margin-top:10px;}
	.titInfoA .strategyA{width:81%;}
	.titInfoA .strategyA dl{margin-top:12px}
	.titInfoA .strategyA dt{font-size:15px;}
	.titInfoA .strategyA dd{font-size:15px;}
	.manualBotA{padding:40px 50px 90px}
	.manualBotA.tp{padding:40px 50px 90px}
	.titInfoA .infoA .infoListA li .imgA img{width:49%; margin-left:2%}
	.titInfoA .infoA .infoListA li .imgA img:first-child{margin-left:0}
	.partnerShipA .txtA{display:block;}
	.partnerShipA .btnA{display:block; margin-left:0; margin-top:15px;}
	.serviceMain .serviceVisualW{width:100%;}
	.serviceMain .serviceVisualW .srchW{width:70%}
	.serviceMain .serviceVisualW .srchD{left:10%; top:90px}
	.serviceMain .mCon1{padding:0 30px; box-sizing:border-box}
	.serviceMain .mGoodsCusL li {width:33.3%; box-sizing:border-box}
	.serviceMain .mGoodsCusL li.gl2,.serviceMain .mGoodsCusL li.gl4 {width:33.3%; height:360px}
	.serviceMain .mGoodsCusL li .txtArea {left:15px; width:80%}
	.serviceMain .mGoodsCusL li .txtA span {display:inline}
	.serviceMain .mCon3 .mManaD{margin:40px auto 60px;}
	.serviceMain .mCon3 .listA{min-height:420px !important;}
	.serviceMain .mCon3 .mTitA{display:block !important; text-align:center; font-size:20px !important;}
	.serviceMain .mConD{padding:0 15px; box-sizing:border-box;}
		
	/*용품*/
	.goodsTop {width:100%;}
	.goodsTop .gSrchD{padding:30px 40px 40px; width:100%; min-height:177px; box-sizing:border-box}
	.goodsList ul > li {width:33.33333%;}
	.goodsList ul > li .imgA img{width:100%;}
	.goodsList ul > li a .hover {top:5%; left:5%; width:90%; height:90%; box-sizing:border-box}
	.goodsList ul > li a .hover .titA {margin:0;}
	.loginD.gLoginD .rightA{padding:0 0 0 20px;}

	/* 미디어센터 */
	.comNewsTop  {width:100%; height:230px; box-sizing:border-box}
	.gardenList li .txtA{font-size:13px; padding:3px 5px;}
	.mediaMain .mCon2 .mMideaVideoD{width:50%; height:auto; background:red;}
	.mediaMain .mCon2 .mMideaVideoD span img{width:100%; height:auto;}
	.mediaMain .mCon2 .mMideaReportD{width:25%; height:auto;}
	.mediaMain .mCon2 .mMideaReportD img{width:100%;}
	.mediaMain .mCon2 .mMideaPrD{width:25%; height:auto;}
	.mediaMain .mCon2 .mMideaPrD > div{width:100% !important;; height:auto !important;; padding:0;}
	.mediaMain .mCon2 .mMideaPrD .box1 .tit{position:absolute; z-index:1; left:10%; top:17%;}
	.mediaMain .mCon2 .mMideaPrD .box1 .txt{position:absolute; z-index:1; left:10%; top:22%;}
	.mediaMain .mCon2 .mMideaPrD .imgA{position:relative;}
	.mediaMain .mCon2 .mMideaPrD .imgA img{width:100%;}
	.mediaMain .mediaTabArea1 .wrapA{padding:0 15px; width:100%; max-width:1200px; margin:0 auto; box-sizing:border-box}/* 2018-11-13 수정 */
	 /* 2018-10-30 수정 */
	.mediaMain .mediaTabArea1 .wrapA .tabA1 ul li{width:33%; overflow:hidden}
	.mediaMain .mediaTabArea1 .mTabCon1 ul li.long{width:66%}
	.mediaMain .mediaTabArea1 .mTabCon1 ul li{margin:2% 0 0 0}/* 2018-11-13 수정 */
	.mediaMain .mediaTabArea1 .mTabCon1 ul li:nth-child(5){margin-right:0}
	/* 2018-11-08 추가 */
	.mediaMain .mediaTabArea1 .mTabCon1 ul.type2 li:nth-child(6){margin-top:2%; margin-left:0}
	.mediaMain .mediaTabArea1 .mTabCon1 ul.type2 li:nth-child(5n){margin-right:initial}
	/* //2018-11-08 추가 */
	.mediaMain .mediaTabArea1 .wrapA ul li .imgB, 
	.mediaMain .mediaTabArea1 .wrapA ul li .imgB img{width:100%; height:auto;}
	.mediaMain .mediaTabArea1 .wrapA ul li .imgA, 
	.mediaMain .mediaTabArea1 .wrapA ul li .imgA img{width:100%; height:auto;}
	.mediaMain .mediaScArea{margin-top:40px;}
	.mediaMain .mediaScArea .mTabScCon{height: auto !important;}
	.mediaMain .mediaScArea .wrapA{padding:0 15px; width:100%; max-width:1200px; margin:30px auto 0; box-sizing:border-box}
	.mediaMain .mediaScArea .wrapA ul li{width:32.6666%; height:auto; margin-left:1%;}
	.mediaMain .mediaScArea .wrapA ul li .imgA, 
	.mediaMain .mediaScArea .wrapA ul li .imgA img{width:100%; height:auto;}
	.mediaMain .mediaScArea .tabA li .txtA{min-height:165px}
	.mediaMain .mediaTabArea1 .mTabCon1{height: auto !important;}
	.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(4),
	.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(5),
	.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(6){margin-top:10px;}
	.mediaMain .mediaTabArea2 .mTabCon2{width:100%; padding:0 15px; box-sizing:border-box}
	.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li{width:24.25%; margin-left:1% !important;;}
	.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA{padding:17px 9% 40px; width:82%;}
	.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA{padding:30px 30px 50px; width:100%; box-sizing:border-box}
	/* // 2018-10-30 수정*/
	
	.eHisTabA .eHisButD a {margin:0 0 0 100px;}
	.eHisTabCon .keywordD .titA{width:15%; max-width:128px; margin-right:0;}
	.eHisTabCon .keywordD .keyButA {float:left; margin:8px 0 0; width:85%}
	.eHisPopD .imgA img {max-width:800px;}
	.eHisPopD .eHisCon .videoA video {max-width:500px !impotrant}


	/* 사회책임경영 */
	.reportList li{width:29.3%; margin-top:20px; margin-right:2% !important; margin-bottom:20px; margin-left:2% !important}
	.reportList.tp li .imgA{width:100%; box-sizing:border-box;}
	.reportList li .imgA img{width:100% !important; height:auto !important}
	.reportList li .btnUtil .lang{margin-top:8px; display:inline-block; padding-left:0;}
	.reportList li .btnUtil .lang:before{display:none;}
	.chartSrchA{position:absolute; top:54px; left:45px;}
	.chartSrchA .botA2 span select{width:200px}
	.chartSrchA .botA3 span select{width:200px}
	.strategyList > li{width:30%; margin-left:5%}
	.strategyList > li > .imgA img{width:100%}
	.strategyList > li > div{margin-top:1px;}
	.strategyA.tp{width:70%}
	.strategyA.tp > div img{width:100%;}
	.strategyA.tp .strategyList > li{width:47%; margin-left:6%}
	.strategyA.tp .strategyList > li:first-child{margin-left:0}
	.ethicsSystemW li div{padding:19px 3%}
	.ethicsSystemW li div .tit{font-size:15px;}
	.ethicsOperSys li{width:22%; margin-left:4%;}
	.actList li{float:left; border:1px solid #ddd; margin-left:1%; box-sizing:border-box; width:24.25%; text-align:center; padding:30px 0 25px;}
	.cpBtnW2 a{margin-left:1%; width:49.5%;}
	.cpBtnW2 a:first-child{margin-left:0%;}
	.cpBtnW2 a img{width:100%;}
	.cpElementList li{width:23.5%; margin-left:2%;}
	.cpElementList dt{padding:25px 20px 35px;}
	.cpElementList dt .tit{font-size:18px;}
	.aTwoBox li{float:left; width:48%; margin-left:4%;}
	.aTwoBox li img{width:100%;}
	.meerForestD .fl {width:30%; max-width:250px}
	.meerForestD .fr {width:70%;}
	.sSumD .widthL{width:100%}
	.sSumD .widthL li {width:14.28%; text-align:center; letter-spacing:-0.8px; float:left; min-height:175px; margin:0 0 8px;}

	/* 스포츠단 */
	.basketballTop,
	.archeryTop {width:100%; height:260px; box-sizing:border-box}
	.basketDiv {padding:50px 35px 490px;}
	.archeryD {padding:0 520px 0 0}
	.archeryPopW .accoPopD {width:48%;}
	.archeryPopW .accoPopD .accTopA{width:100%; box-sizing:border-box}
	.archeryPopW .accoPopD .imgA {margin:0 0 0 0}
	.archeryPopW .accoPopD .infoA {width:195px; padding:18px 0 0}
	.archeryPopW .accoPopD .infoA .titA {margin:10px 0 0;}
	.archeryPopW .accoPopD .infoA .txtA {margin:8px 0 0;}

	/*hr*/
	.talentTrainingTop {width:100%; height:260px; box-sizing:border-box}
	.talTrainingL ul > li:first-child{border-top:0; padding-top:0;}
	.talTrainingL ul > li .infoA {height:100%; padding:0;}
	.talTrainingL ul > li .imgA {float:right}
	.talTrainingL2 {margin:38px 0 0; width:100%; overflow:hidden;}
	.talTrainingL2 ul > li {width:48%; height:420px; margin:0 0 0 2%;}
	.talTrainingL2 ul > li.l1,.talTrainingL2 ul > li.l3 {margin:0 2% 0 0;}
	.talTrainingL2 ul > li.l3,.talTrainingL2 ul > li.l4{margin-top:40px; height:370px;}
	.talTrainingL2 ul > li .imgA img{width:100%;}
	
	/*ir*/
	.nameBoxD ul > li {margin:0 0 2% 2%; padding:20px 20px; width:23%; height:auto; box-sizing:border-box}
	.nameBoxD ul > li .titA {padding:0 0 25px;}
	.condiBox ul > li {margin:2% 0 0 2%; width:48%; box-sizing:border-box}
	.condiBox ul > li .topA {position:relative; padding:20px;}

	/*회원가입*/
	.loginD {padding:105px 30px; width:100%; box-sizing:border-box}
	.loginD .leftA{float:left; width:50%; padding:43px 20px 0; box-sizing:border-box}
	.loginD .leftA .logoA img {width:100%; max-width:420px}
	.loginD .rightA{float:left; width:50%; padding:0 0 0 20px; box-sizing:border-box}
	.mSearchDiv {padding:80px 90px;}

	/* 유틸리티 */
	.allSrchA{left:18%;}
	.siteInfoList li{width:32%; margin-left:2%; padding:0 20px 65px 20px;}
	.siteInfoList li .tit{font-size:18px;}

	/* 2018-11-20 추가 */
	.proDiv .proCon2 .viewCon .videoD{width:auto}
	/* // 2018-11-20 추가 */
}

@media all and (max-width: 1020px){
	/* 커뮤니케이션 2019-03-11 추가 */
	.viewCon .viewD .swImgD{position:relative; width:730px; height:auto;}
	.viewCon .viewD .swiper-button-next, .viewCon .viewD .swiper-button-prev{top:50%; transform:translateY(-50%)}
	.viewCon .viewD .swiper-button-prev{left:-70px;}
	.viewCon .viewD .swiper-button-next{right:-70px;}
	/* // 2019-03-11 추가 */
}

/* 테블릿 가로 해상도 */
@media all and (max-width:981px) {
	
	/* 커뮤니케이션 2019-03-11 추가 */
	.viewCon .viewD .swImgD{position:relative; width:90%; height:auto; margin:30px auto 70px; }
	.viewCon .viewD .swiper-button-next, .viewCon .viewD .swiper-button-prev{top:55%; transform:translateY(-50%)}
	.viewCon .viewD .swiper-button-prev{left:-8%; background:url("../images/swimgd_left.jpg") center no-repeat; background-size:20px auto; width:20px; height:35px;}
	.viewCon .viewD .swiper-button-next{right:-8%; background:url("../images/swimgd_right.jpg") center no-repeat; background-size:20px auto; width:20px; height:35px;}
	.viewCon .viewD .swiper-pagination{bottom:-35px; right:0; width:55px; height:25px; margin:0 auto; border-radius:50px; background:#8b8b8b; font-size:14px; color:#fff; line-height:25px;}
	/* // 2019-03-11 추가 */
	
	#wrapper{min-width:100%;}
	#header {padding:0; min-height:42px; background:none;}
	#gnb {display:none;}
	.headDiv {width:94%; margin:0 3%; padding:0}
	.sub #header{border-bottom:1px solid #f0f0f0}/* 2018-12-07 추가 */
	.headDiv h1 a{width:89px !important; height:21px; margin:11px 0 11px 0; background:url('../images/h_logo_m.png') no-repeat 0 0; background-size:58px 21px;}
	.headDiv h1 .subLogo {margin:11px 5px 0; padding:0 0 0 5px; background-position:0 6px; background-size:1px 15px;}
	.headDiv h1 .subLogo a {height:22px; background-position:0 0;}
	.introH .headDiv h1 .subLogo a{width:51px !important; background-image:url('../images/introh_logo_m.png');  background-size:51px 21px;}
	.serviceH .headDiv h1 .subLogo a{width:51px !important; background-image:url('../images/serviceh_logo_m.png'); background-size:51px 21px;}
	.mediaH .headDiv h1 .subLogo a{width:57px !important; background-image:url('../images/mediah_logo_m.png'); background-size:57px 21px;}
	.societyH .headDiv h1 .subLogo a{width:51px !important; background-image:url('../images/societyh_logo_m.png'); background-size:51px 21px;}
	.hrH .headDiv h1 .subLogo a{width:30px !important;background-image:url('../images/hrh_logo_m.png'); background-size:30px 21px;}
	.cyberH .headDiv h1 a {width:112px !important; height:40px; background:url('../images/h_logo.png') no-repeat 0 0;background-size:112px 40px;}
	.cyberH .headDiv h1 .subLogo a{width:114px !important; height:40px; background-size:114px 40px;}


	/* 2018-10-30 삭제
	.hStyleC .headDiv{margin:0 0;}
	.hStyleC #gnb{display:block;}
	
	.utillW {width:100%; top:12px}
	.utillD  {width:100%;}
	.utillD > ul > li .closeBt {position:absolute; top:-15px; right:0; width:100%; height:48px; text-indent:-99999px; background:url('../images/utillclose_icon_m.png') no-repeat center center #000; background-size:31px 42px;}
	.utillD > ul > li:first-child .closeBt {background-size:34px 42px; background-color:#000;}
	.utillD > ul {width:241px; height:21px; background:url('../images/toputill_bg_t.png') no-repeat 0 0; background-size:241px 21px;}
	.utillD > ul > li,
	.utillD > ul > li  > a{width:40px; height:28px;}
	.utillD > ul > li:last-child,
	.utillD > ul > li:last-child > a{width:30px}
	
	.utillD > ul > li.utl1 .uSnsA {width:282px; top:28px; right:-130px; box-sizing:border-box}
	.utillD > ul > li.utl1 .uSnsA .titA  {padding:0 15px; height:38px; line-height:38px; font-size:17px}
	.utillD > ul > li.utl1 .uSnsD {padding:15px 0; width:280px; box-sizing:border-box}
	.utillD > ul > li.utl1 .uSnsD .leftA {width:50%; padding:0 0 0 10px; box-sizing:border-box}
	.utillD > ul > li.utl1 .uSnsD .rightA {width:50%; padding:0 0 0 10px; box-sizing:border-box}
	.utillD > ul > li.utl1 .uSnsD li {width:100%; overflow:hidden; margin:10px 0 0;}
	.utillD > ul > li.utl1 .uSnsD li a {width:123px}
	.utillD > ul > li.utl1 .uSnsD .imgA {width:25px;margin:5px 5px 0 0;} 
	.utillD > ul > li.utl1 .uSnsD .imgA img {width:100%;}
	.utillD > ul > li.utl1 .uSnsD .infoA {width:88px; font-size:14px;} 
	.utillD > ul > li.utl2 .inputA {top:33px; right:-95px; padding:15px 20px 0 18px; height:70px; border:none; background:#000; box-sizing:border-box;}
	.utillD > ul > li.utl2 .inputA input {border:0; height:37px; width:100%; padding:8px 0 0 10px; font-size:15px; color:#fff; background:url('../images/inputsrch_bu.gif') no-repeat 0 6px; box-sizing:border-box}
	.utillD > ul > li.utl2 .inputA .searchBt {position:absolute; top:24px; right:15px; height:25px; width:25px; background:url('../images/inputsrch_icon_m.png') no-repeat 0 0; background-size:25px; text-indent:-99999px;} 
	.utillD > ul > li.utl3 .uLangB{width:120px; top:33px;}
	.utillD > ul > li.utl3 .uLangB .titA {padding:0 15px; height:38px; line-height:38px; font-size:17px}
	.utillD > ul > li.utl3 .uLangB ul {padding:3px 15px 6px}
	.utillD > ul > li.utl3 .uLangB ul li {margin:0 0 5px; font-size:14px;}
	.utillD > ul > li.utl3 .uLangB ul li.on a {background-position:right 5px; background-size:11px 8px;}
	.utillD > ul > li.utl4 .uNewsB {width:280px; top:33px; right:-34px}
	.utillD > ul > li.utl4 .uNewsB > .titA {padding:0 15px; height:38px; line-height:38px; font-size:17px}
	.utillD > ul > li.utl4 .uNewsB ul li a {padding:15px 10px; width:260px; overflow:hidden;}
	.utillD > ul > li.utl4 .uNewsB ul li a .imgA {width:100px; margin:0 10px 0 0;}
	.utillD > ul > li.utl4 .uNewsB ul li a .imgA img {width:100%;}
	.utillD > ul > li.utl4 .uNewsB ul li a .infoA {width:148px}
	.utillD > ul > li.utl4 .uNewsB ul li a .cateA {margin:10px 0 0;}
	.uSiteL {width:100%; box-sizing:border-box; border-left:1px solid #d5d5d5;  background:#f0f0f0;}
	.utillD > ul > li.utl5 .uSiteB {top:33px; right:-5px}
	.utillD > ul > li.utl5 .closeBt {width:120%; right:-5px}
	#uSiteSlider {height:100%; min-height:330px; width:60%; margin:0; left:40%; box-sizing:border-box}
	#uSiteSlider ul {height:100%; width:100%; box-sizing:border-box; }
	#uSiteSlider ul li {width:100%; height:100%; box-sizing:border-box}
	#uSiteSlider ul li .titA a{display:none;}
	#uSiteSlider ul li .uSiteD {padding:0 10px 10px !important; text-align:center; width:100% !important; box-sizing:border-box}
	#uSiteSlider ul li.si5 .uSiteD {padding:15px 10px 0  !important}
	#uSiteSlider ul li.si5 .uSiteD p{float:none;}
	#uSiteSlider ul li.si5 .uSiteD p:first-child{margin:0 0 5px;}
	#uSiteSlider ul li.si5 .uSiteD p img{width:100%; max-width:385px;}
	#uSiteSlider ul li dl {float:none; width:100% !important; margin:13px 0 0 !important; text-align:left; padding:0 5px 15px 0 !important; border-bottom:1px solid #d5d5d5; box-sizing:border-box}
	#uSiteSlider ul li.si4 dl {max-width:100%}
	#uSiteSlider ul li dl dt a{font-size:16px; }
	#uSiteSlider ul li dl dd:first-child{margin:4px 0 0;}
	#uSiteSlider ul li dl dd{line-height:1.2;}
	#uSiteSlider ul li dl dd a.on {font-weight:bold; color:#003f82}
	#uSiteSlider ul li.si6 .uSiteD > p img{width:100%;}*/

	#wrapper.main .mVisualM{display:block;}/* 2018-10-30 추가 */
	.visualW .scrollDown{display:none}/* 2018-12-05 추가 */

	/* 2018-10-30 추가 */
	#wrapper .utillW{top:0; background:#fff; z-index:1000; display:none}
	#wrapper .utillW .mHeader{display:block}
	#wrapper .utillW .xBt{position:absolute; display:block; top:15px; right:15px}
	#uSiteSlider2 {height:100%; min-height:330px; width:70%; left:30%; margin:0; box-sizing:border-box}
	#uSiteSlider2 ul {height:100%; width:100%; box-sizing:border-box; }
	#uSiteSlider2 ul li {width:100%; height:100%; box-sizing:border-box; padding:0; display:none}
	#uSiteSlider2 ul li.on{display:block}
	#uSiteSlider2 ul li .titA a{display:none;}
	#uSiteSlider2 ul li .uSiteD {padding:0 10px 10px !important; text-align:center; width:100% !important; box-sizing:border-box}
	#uSiteSlider2 ul li.si5 .uSiteD {padding:15px 10px 0  !important}
	#uSiteSlider2 ul li.si5 .uSiteD p{float:none;}
	#uSiteSlider2 ul li.si5 .uSiteD p:first-child{margin:0 0 5px;}
	#uSiteSlider2 ul li dl {float:none; width:100% !important; margin:13px 0 0 !important; text-align:left; padding:0 5px 15px 0 !important; border-bottom:1px solid #d5d5d5; box-sizing:border-box}
	#uSiteSlider2 ul li dl:last-child{border-bottom:0}
	#uSiteSlider2 ul li dl dt a{font-size:16px; letter-spacing:-1px;}
	#uSiteSlider2 ul li .wNtB dt a{margin-bottom:0}
	#uSiteSlider2 ul li dl dd:first-child{margin:4px 0 0;}
	#uSiteSlider2 ul li dl dd{line-height:1.2;}
	#uSiteSlider2 ul li dl dd a {display:block;}
	#uSiteSlider2 ul li dl dd a.on {font-weight:bold; color:#003f82}
	#uSiteSlider_paging {height:auto; width:30%; position:absolute; top:0; left:0; z-index:5000; overflow:inherit;box-sizing:border-box;}
	#uSiteSlider_paging button{width:100%; padding:20px 15px; text-align:left; font-size:17px; color:#fff; border-bottom:0; background:#06478c; display:block; line-height:1}/* 2018-11-29 수정*/
	#uSiteSlider_paging button.on {position:relative; /*left:1px;*/ background:#fff; color:#333; /*border-bottom:1px solid #d5d5d5; */ /*border-top:1px solid #d5d5d5;*/ border-right:0; border-left:0;}
	#uSiteSlider_paging button.on:first-child{border-top:none;}
	#uSiteSlider_paging button a{color: #fff}
	#uSiteSlider_paging button.on a{color:#06478c }
	.uSiteL .btn_area .btn_prev,
	.uSiteL .btn_area .btn_next{display:none;}
	/* 	.wrapperBg{top:43px} 2018-11-23 삭제 */
	.utillD .utillA{left:0}
	.utillD > ul > li{border-right:none !important; border-left:none !important; position:relative; width:49%; box-sizing:border-box; background:#f2f2f2}
	.utillD > ul > li:after{content:''; display:block; position:absolute; top:0; right:0; height:100%; width:0; border-right:1px solid #fff}
	.utillD > ul > li.utl1 .uSnsA{width:194px}
	.utillD > ul > li.utl1 .uSnsD{padding:15px 0; width:194px}
	.utillD > ul > li.utl1 .uSnsD .leftA{width:120px; padding:0 0 0 10px}
	.utillD > ul > li.utl1 .uSnsD .rightA{width:120px; padding:0 0 0 10px}
	.utillD > ul > li.utl1 .uSnsD .imgA{width:20px; margin:3px 5px 0 0}
	.utillD > ul > li.utl1 .uSnsD .imgA img{width:100%}
	/* .utillD > ul > li.utl1 .uSnsD .infoA{width:95px} 2018-11-28 삭제  */
	.utillD > ul > li.utl1 .uSnsD .infoA .cateA{font-size:13px}
	.utillD > ul > li.utl1 .uSnsD .infoA span{font-size:13px}
	.utillD > ul > li.utl1 .uSnsA .titA{font-size:15px; padding:0 10px; height:35px; line-height:35px}
	.utillD > ul > li.utl1 .uSnsA{left:0; top:46px; z-index:6000}
	.utillD > ul > li.utl2 .uNewsB .titA{font-size:15px; padding:0 10px; height:35px; line-height:35px}
	.utillD > ul > li.utl2 .uNewsB .titA.newsTit{line-height:20px; font-size:13px; padding:0}
	.utillD > ul > li.utl2 .uNewsB{left:0; top:46px; z-index:6000; width:235px; }
	.utillD > ul > li.utl2 .uNewsB ul li a{padding:15px 10px; width:235px; box-sizing:border-box}
	.utillD > ul > li.utl2 .uNewsB ul li a .imgA{margin:0 10px 0 0; width:100px}
	.utillD > ul > li.utl2 .uNewsB ul li a .imgA img{width:100%}
	.utillD > ul > li.utl2 .uNewsB ul li a .infoA{width:105px}
	.utillD > ul > li.utl2 .uNewsB ul li a .cateA{margin:0}
	.utillD > ul > li.utl3 .uLangB{z-index:6000; top:46px; width:120px}
	.utillD > ul > li.utl3 .uLangB .titA{font-size:15px; padding:0 10px; height:35px; line-height:35px}
	.utillD > ul > li.utl3 .uLangB ul{padding:11px 10px 3px}
	.utillD > ul > li.utl4 .inputA{top:46px; right:0 !important; height:90px; padding:37px 0 0 0; z-index:6000}
	.utillD > ul > li.utl4 .inputA .inputDiv{width:94%}
	.utillD > ul > li.utl4 .inputA .inputDiv input{width:100%; border:2px solid #d5d5d5; height:30px; font-size:13px; background:none}
	.utillD > ul > li.utl4 .inputA .searchBt{top:7px; right:15px}
	.utillD > ul > li.utl4 .inputA .searchBt img{width:17px}
	.utillD > ul > li .closeBt{z-index:6100; display:block}
	.utillD > ul > li .closeBt img{width:16px}
	.utillD > ul > li.utl1 .closeBt{top:57px; right:auto; left:170px}
	.utillD > ul > li.utl2 .closeBt{top:57px; right:auto; left:204px}
	.utillD > ul > li.utl3 .closeBt{top:57px}
	.utillD > ul > li.utl4 .closeBt{top:10px; right:20px}
	.utillD > ul > li.utl5 .closeBt{ display:none }
	.utillD > ul{height:46px; width:100%; background:#fff; }
	
	.utillD > ul > li > a{height:46px; line-height:46px; padding:0; width:100%; text-align:center}
	.utillD > ul > li.utl5 a.bt{display:none }
	.utillD > ul > li.utl5 .uSiteB{top:-15px; left:0}
	.uSiteL{width:100%}
	#wrapper .headDiv{width:100%; margin:0;}
	.utillD > ul > li.utl5 .uSiteB{width:100%}
	.utillD > ul > li.utl1 a.bt{padding:0}
	.utillD > ul > li.utl2 a.bt{padding:0; background:none }
	.utillD > ul > li.utl2 a.bt.on{background:#fff}
	.utillD > ul > li.utl3 a.bt{background:url("../images/utill_lang_more.png") 85% 19px no-repeat; }
	.utillD > ul > li.utl3 a.bt.on{background:url("../images/utill_lang_more.png") 85% 19px no-repeat #fff}
	.utillD > ul > li.utl3 .uLangB{}/* 2018-10-30 추가 */
	.utillD > ul > li.utl4 a.bt{background:none }
	.utillD > ul > li.utl4 a.bt.on{background:#fff}
	.utillD > ul > li a.bt span{display:none}
	.mGnbBtn{display:block; text-indent:-9999px; overflow:hidden; background:url('../images/gnbm_btn.png') center no-repeat; background-size:20px 15px; width:20px; height:15px; position:absolute; top:12px; right:15px;}
	.mobileBg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5001; background:url('../images/wrapper_bg.png') repeat 0 0}
	/* // 2018-10-30 추가*/
	/*
	#uSiteSlider {height:100%; min-height:330px; width:90%; margin:0 5%; box-sizing:border-box}
	#uSiteSlider ul {height:100%; width:100%; box-sizing:border-box}
	#uSiteSlider ul li {width:100%; height:100%; box-sizing:border-box}
	#uSiteSlider ul li .titA a{height:40px; line-height:40px; font-size:17px}
	#uSiteSlider ul li .uSiteD {padding:0 10px 10px !important; text-align:center; width:100% !important; box-sizing:border-box}
	#uSiteSlider ul li.si5 .uSiteD {padding:15px 10px 0  !important}
	#uSiteSlider ul li.si5 .uSiteD p{float:none;}
	#uSiteSlider ul li.si5 .uSiteD p:first-child{margin:0 0 5px;}
	#uSiteSlider ul li.si5 .uSiteD p img{width:100%; max-width:385px;}
	#uSiteSlider ul li dl {float:left; width:50% !important; margin:15px 0 0 !important; padding:0 5px 0 0; box-sizing:border-box}
	#uSiteSlider ul li.si4 dl  {max-width:50%}
	#uSiteSlider ul li dl:nth-child(2n) {padding:0 0 0 5px;}
	#uSiteSlider ul li dl:nth-child(2n):after{content:""; clear:both; display:block !important}
	#uSiteSlider ul li dl dt a{margin:0 0 4px; font-size:15px; }
	#uSiteSlider ul li dl dd{line-height:15px;}
	#uSiteSlider ul li dl dd.fouD{margin:0;}
	.uSiteL .btn_area .btn_prev{top:180px; left:10px}
	.uSiteL .btn_area .btn_next{top:180px; right:10px}
	#uSiteSlider_paging {height:auto;}
	#uSiteSlider_paging button{width:33.33333%; line-height:30px; font-size:15px; border-bottom:1px solid #fff}
	#uSiteSlider_paging button.on {background:#003f82; color:#fff}
	#uSiteSlider_paging button:last-child{border-bottom:0;}*/
	.mCateW {display:none;}

	#wrapper {min-width:100%;}
	.visualW {display:none !important;}
	.mVisualM {position:relative;  display:block;}
	/* 2018-10-30 추가 및 수정 */
	/* 2018-10-30 삭제
	#tsVisualM ul { width:100%; position:absolute; top:0; left:0; overflow:hidden; }
	#tsVisualM ul li { float:left; width:100%; background:#000; font-size:14px; color:#fff; }
	*/
	#tsVisualM .swiper-pagination .swiper-pagination-bullet{border:1px solid rgba(255, 255, 255, 0.9); width:10px; height:10px; box-sizing:border-box; margin:0 2px; background:none}
	#tsVisualM .swiper-pagination .swiper-pagination-bullet-active{background:#fff; border:1px solid #fff}
	#tsVisualM ul li img {width:100%;}	
	#touchSliderM_paging {position:absolute; bottom:20px; left:0; width:100%; text-align:center; color:#fff; font-size:14px;}
	/* //2018-10-30 추가 및 수정 */
	.mCon1{margin:0;}
	.mCon1 .mLeftA {width:100%; margin:0; float:none;}
	.mMediaD {float:none; width:100%; margin:0; border:0;}
	.mMediaD .mTitA {position:absolute; bottom:auto; right:auto; left:30px; top:15px; padding:0 0 8px; font-size:17px;}
	.mMediaD .mMediaS .imgRollA .imgA {border:0;}
	.mMediaD .mMediaS .mBoxA a {width:100%; padding:65px 25px 0; height:100%; box-sizing:border-box}
	.mMediaD .mMediaS .mBoxA .titA{display:block; font-size:15px; line-height:20px}
	.mMediaD .mMediaS .mBoxA .txtA {display:block; margin:5px 0; line-height:18px;}
	.mMediaD .btnA {bottom:auto; top:10px; right:10px;}
	.mMediaD .btnA button {width:30px; height:30px; margin:0 0 0 4px; background-size:30px;}
	.mVideoD{float:none; width:100%; margin:0}
	.mVideoD a{font-size:16px; }
	.mVideoD a .mViLinkA {padding:0 15px}
	.mVideoD a .mViLinkA .playIcon img{width:30px;}
	.mVideoD a span.titA {margin:0 0 10px; line-height:18px;}
	.mNoticeD{float:none; width:100%; margin:0}
	.mNoticeD .infoA .mTitA{padding:0 0 10px;}
	.mNoticeD .imgA {border-top:0; border-right:0;}
	.mNoticeD .imgA img{height:auto;}
	.mNoticeD .infoA {float:left; width:50%; height:100%; border-top:0; border-right:0;}
	.mNoticeD .infoA .mTitA{left:30px; font-size:17px;}
	.mNoticeD .infoA a {padding:50px 30px 0; height:100%; box-sizing:border-box; width:100%}
	.mNoticeD .infoA .titA{margin:10px 0 0; font-size:14px; line-height:20px}
	.mNoticeD .infoA .txtA{margin:10px 0 5px; line-height:18px;}
	.mNoticeD .infoA .dateA{left:30px; top:auto; bottom:30px;}
	.mNoticeD .btnA {right:10px;}
	.mNoticeD .btnA button {width:30px; height:30px; margin:0 0 0 2px; background-size:30px;}
	.mSnsD{float:none; width:100%; margin:0}
	.mSnsD .imgA img{height:auto}
	.mSnsD .infoA a {padding:30px; height:auto;}
	.mSnsD .infoA .mTitA{font-size:17px;}
	.mSnsD .infoA .titA{margin:10px 0 0; font-size:14px; line-height:20px}
	.mSnsD .infoA .txtA {margin:10px 0 5px; line-height:18px;}
	.mSnsD .infoA .dateA{bottom:30px; left:30px}
	.mBlockD{float:left; width:50%; height:100%; margin:0; background:none;}
	.mBlockD.mCeoD{margin:0 0 0 0;}
	.mBlockD.mHisD {float:right;}
	.mBlockD .mTitA{font-size:17px;}
	.mBlockD .txtA{margin:4px 0 5px; line-height:17px;}
	.mBlockD a {padding:0; height:auto;}
	.mBlockD a .row {position:absolute; bottom:30px; left:30px; width:14px; height:12px; background:url('../images/mblockd_row.png') no-repeat center 0; background-size:14px 12px;}
	.mCon2 {padding:40px 15px; box-sizing:border-box}
	#contaniner.main .mCon2 {padding:40px 15px}
	.mManaD {width:100%; margin:0 auto;}
	.mManaD > .mTitA.barBu{padding:20px 0 0; background:url('../images/topbarb50x1_bu.gif') no-repeat center 0;}
	.mManaD .newL {width:100%; overflow:hidden;}
	.mManaD .newL li {position:inherit; float:left; width:49%; margin:0 0 8px 1%; height:auto;}
	.mManaD .newL li:nth-child(2n-1) {margin:0 1% 8px 0}
	.mManaD .newL li:first-child{margin:0 1% 8px 0}
	.mManaD .newL li .imgA img{width:100%; height:auto;}
	.mManaD .newL li .titA {padding:18px 0; font-size:15px; height:65px; box-sizing:border-box}
	.mManaD .newL li.twoR .titA {padding:10px 0; }
	.mManaD .newL li .infoA {width:100%; padding:35px 0 0; height:189px;}
	.mManaD {width:100%; margin:0; padding:120px 0 0;}
	.mManaD .mTitA {font-size:20px;}
	.mManaD .mTxtA {font-size:13px; text-align:center; line-height:20px;}
	.mManaD .listA {height:auto;}
	.mManaD .listA li {position:inherit; float:left; width:49%; margin:0 0 8px 1%; height:auto;}
	.mManaD .listA li:nth-child(2n-1) {margin:0 1% 8px 0}
	.mManaD .listA li:first-child{margin:0 1% 8px 0}
	.mManaD .listA li .infoA {padding:15px 10px 0; height:160px; box-sizing:border-box; left:-100%;bottom:-100%;}
	.mManaD .listA li .mTitA{font-size:17px;}
	.mManaD .listA li .txtA{margin:5px 0 15px; line-height:19px;}
	.mManaD .listA li .rowA{position:absolute; bottom:0px; left:0; padding:0 0 10px; width:100%;}
	.mCon3 {width:100%; margin:40px auto 45px;}
	#contaniner.main .mCon3{width:100%; background:none; padding:0} 
	#contaniner.main .mCon3 .fullImgA {position:absolute; top:0; left:0; width:100%}
	.mLinkD {padding:0 1% 0 2%; z-index:500}
	.mLinkD .mTitA {position:initial; top:auto; left:auto; text-align:center; margin:20px 0 0; font-size:18px; color:#000; padding:0 0 10px; background:url('../images/downbarb40x1_bu.gif') no-repeat center bottom}
	.mLinkD .mLinkA {float:none; margin:30px 0 0; width:100%}
	.mLinkD .mLinkL {position:relative; height:100%;}
	.mLinkD .mLinkL li {position:initial; top:auto; left:auto; float:left; margin:0 1% 25px 0; text-align:center; width:32.6666666%;}
	.mLinkD .mLinkL li:nth-child(3n){margin-right:0}
	.mLinkD .mLinkL li a {width:100%; max-width:250px !important; max-height:250px !important; margin:0 auto; padding:0; border-radius:130px; box-sizing:border-box}
	.mLinkD .mLinkL li a .txtA {margin:5px 0 0; font-size:14px}

	.mQuickD {width:100%; padding:0 15px; height:auto; box-sizing:border-box;}
	.mQuickD ul li{position:inherit; float:left; width:49%; height:auto; margin:0 0 8px 0 !important; overflow:hidden;}
	.mQuickD ul li:nth-child(2n-1) {margin:0 1% 8px 0 !important}
	.mQuickD ul li .imgA img{width:100%;}
	.mQuickD ul li .mTitA {position:absolute; bottom:10px; left:3%; width:94%; padding:5px 10px; height:auto; line-height:20px; font-size:14px !important; box-sizing:border-box} 
	.mQuickD ul li a .frameA{position:absolute; top:0; left:0; display:none;}
	.mQuickD ul li a:hover .frameA {width:100%; height:100%;}
	.mQuickD ul li a:hover .mTitA {color:#fff; background:#004a8d;}
	.mQuickD ul li a:hover .mTitA span{background:url('../images/mquick_bu.png') no-repeat right 50%;}
	.mQuickD.count3 {height:auto; padding:0; }
	.mQuickD.count3 ul li{width:100%; height:100%; margin:5px 0 0 !important; opacity:1;}

	/* 2018-10-30 추가 */
	.mConDiv .title{margin-top:30px; top:0; opacity:1; font-size:24px; line-height:1}
	.mConDiv .mConD1 ul{margin:40px auto 0}
	.mConDiv .mConD1 ul li{width:49%; margin-right:2%; top:0; opacity:1; background:none; box-shadow:none}
	.mConDiv .mConD1 ul li:nth-child(2){margin-right:0}
	.mConDiv .mConD1 ul li:nth-child(3){display:none}
	.mConDiv .mConD1 ul li .img{box-shadow:0 6px 35px 0 rgba(2,2,2,.2)}
	.mConDiv .mConD1 li .txtB{position:relative; background:none; font-size:13px; line-height:18px; color:#222; height:auto; display:block; padding:0; bottom:auto; left:auto; margin-top:10px}
	.mConDiv .mConD1 li .txtB span{width:95%; position:relative; bottom:auto; overflow:visible; display:block;}
	.mConDiv .mConD1 .banner{width:100%; margin-right:0 !important; opacity:1; top:0; margin-top:5px; padding:20px; box-shadow:0 6px 35px 0 rgba(2,2,2,.2); background-position:center center !important}
	.mConDiv .mConD1 .banner.left{margin-top:20px}
	.mConDiv .mConD1 .banner .tit{font-size:18px; line-height:1}
	.mConDiv .mConD1 .banner .txt{font-size:12px; line-height:1; margin-top:10px}
	.mConDiv .mConD1 .btnA{width:175px; height:40px; line-height:38px; font-size:13px; margin:40px auto 0; top:0; opacity:1}
	.mConDiv .mConD2 .pdTabs{display:none}
	.mConDiv .mConD2 .tabCont{display:none}
	.mConDiv .mConD2{width:100%}
	.mConDiv .mConD2 .swiper-container{display:block}
	.mConDiv .mConD2{width:100%}
	.mConDiv .mConD2 .pdViewD{margin:40px auto 0; top:0; opacity:1}
	.mConDiv .mConD2 .pdViewD .pdTabCont{width:100%; opacity:1; position:relative; top:auto; left:auto}
	.mConDiv .mConD2 .pdViewD .pdTabCont .img{width:95%}
	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea{bottom:auto; padding:35px; width:95%; height:195px; background:#06478c}
	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .tit{font-size:20px}
	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .txt{font-size:13px; line-height:19px}
	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .bt{position:relative; margin-top:25px; width:18px; left:auto; bottom:auto; display:block}
	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .bt img{width:100%}
	.mConDiv .mConD2 .swiper-pagination{overflow:visible; bottom:42px; top:auto}
	.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet{float:none; margin:0 2px; width:8px; height:8px; opacity:1; box-sizing:border-box; border:1px solid #fff; background:none}
	.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet:last-child{width:8px; margin:0 2px;}
	.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet-active{background:#fff}
	.mConDiv .mConD3{margin:0 auto; width:100%}
	.mConDiv .mConD3 .crmDiv{margin:40px auto 0}
	.mConDiv .mConD3 .crmDiv .list{top:0 !important; opacity:1; width:100%; float:none; margin-right:0; height:170px; padding:75px 3%}
	.mConDiv .mConD3 .crmDiv .list:nth-child(1){background:url('../images/m_mcond3_thumb1.jpg') no-repeat center center; background-size:cover}
	.mConDiv .mConD3 .crmDiv .list:nth-child(2){background:url('../images/m_mcond3_thumb2.jpg') no-repeat center center; background-size:cover}
	.mConDiv .mConD3 .crmDiv .list:nth-child(3){background:url('../images/m_mcond3_thumb3.jpg') no-repeat center center; background-size:cover}
	.mConDiv .mConD3 .crmDiv .list:nth-child(4){background:url('../images/m_mcond3_thumb4.jpg') no-repeat center center; background-size:cover}
	.mConDiv .mConD3 .crmDiv .list .tit{font-size:18px; display:inline-block; padding-right:18px; background:url('../images/crmdiv_list_arrow.png') no-repeat right center; background-size:8px auto}
	.mConDiv .mConD3 .crmDiv .list .txt{display:none}
	/* //2018-10-30 추가 */

	/* 제품 */
	/* 2018-11-09 추가*/
	.proTop{height:auto}
	.proTop img{width:100%; height:auto;}
	.proTop p{width:100%; height:auto; padding:0 4%; font-size:14px; color:#444}/* 2018-11-28 수정 */
	.proTop .broDown{width: calc(100% - 20px);/* for IE*/ width: -webkit-calc(100% - 20px);  /* for Chrome.Safari*/ width : -moz-calc(100% - 20px); /* for Firefox */ height:40px;  left:10px; bottom:20px; font-size:15px; line-height:40px}
	.proTop .broDown span{}
	.proDiv dl{margin-top:40px}
	/* 2018-11-20 추가 및 수정 */
	.proDiv dl dt{float:none; width:100%; margin-right:0}
	.proDiv dl dd{float:none; width:100%}
	.proDiv .proCon1 dd > div:last-child{margin-top:10px}
	.squBuTit{font-size:18px;}
	.proDiv{font-size:14px; line-height:20px}
	.proDiv .proCon1 .proTit{padding:15px 20px; font-size:15px;}
	.proDiv .proCon1 .proTxt{padding:20px}
	.proDiv .proCon2{margin-top:40px}
	.proDiv .proCon2 .squBuTit{float:none; width:100%; margin-right:0}
	.proDiv .proCon2 .viewCon{float:none; width:100%}
	.proDiv .proCon2 .viewCon .videoD{width:100%}
	/* //2018-11-20 추가 및 수정 */
	.proDiv .proCon3 .swiper-container .swiper-slide{}
	.proDiv .viewCon .vScriptD{height:135px}
	.proDiv .viewCon{padding:0 0 5px}
	.proDiv .viewCon .vScriptA{font-size:14px}
	.proDiv .viewCon .vScriptD{padding:0 20px}
	.proDiv .proCon3 .swiper-slide p{ padding:15px 10px;}
	.proDiv .proCon3 .swiper-pagination-bullet{width:10px; height:10px; margin-left:6px}
	.squBu:after, .squBuTit:after{background-size:15px 5px; width:15px; height:5px}
	/* // 2018-11-09 추가 */

	/*용품 서브메인*/
	.subMain .mCon1 {margin:0 auto;}
	.goodTypeA .wisN {position:relative; width:100%; height:auto;}
	.goodTypeA .wisN a , .goodTypeA .wisN span{display:block;} 
	.goodTypeA .wisN a .imgA, .goodTypeA .wisN a .imgA img {width:100%; height:100%; }
	.goodTypeA .wisN a .hover  {position:absolute; bottom:0; left:0; padding:5px 10px; width:100%; height:auto; color:#fff; box-sizing:border-box; text-align:center; background:url('../images/goodsl_bg.png') repeat center 0;}
	.goodTypeA .wisN a .titA {font-size:14px; line-height:18px;}
	.goodsMain .goodsList li {position:inherit; float:left; border-top:1px solid #fff;}
	.goodsMain .goodsList li:first-child{border-right:1px solid #fff; box-sizing:border-box}
	.goodsMain .goodsList li:nth-child(3) {width:100%;}
	.goodsMain .goodsList li a{display:block; position:relative;}
	.goodsMain .mCon2 {padding:0;}
	.subMain .mTitA{font-size:17px;}
	.mGoodsNotiD {float:none; padding:35px 15px; width:100%; height:auto}
	.mGoodsNotiD ul {margin:10px 0 0;}
	.mGoodsNotiD ul li {margin:5px 0 0;}
	.mGoodsNotiD .moreBt{top:35px}
	.mGoodsInfoD {float:none; width:100%; height:100%; overflow:hidden;} 
	.mGoodsInfoD .imgA img {width:100%;}
	.mGoodsInfoD .mTitA{position:absolute; top:30px; left:30px;}
	.mGoodsInfoD .guideD{float:left; width:50%; height:100%;}
	.mGoodsInfoD .obuD{float:left; width:50%; height:100%;}
	.mGoodsEventD {float:none; width:100%; height:100%; background:#fff;}
	.mGoodsEventD .txtArea{top:30px; left:30px}
	.mGoodsEventD .txtA {margin:15px 0 0}
	.mGoodsEventD .imgA {text-align:right; width:100%;}
	.mGoodsEventD .imgA img {max-width:640px; width:100%;}
	.subMain .mCon3 {margin:0}
	.goodsMain .mCon3 .mTitA {display:none;}
	.goodsMain .mGoodsCusL {margin:0}
	.goodsMain .mGoodsCusL .mTitA {display:block; font-size:17px;}
	.goodsMain .mGoodsCusL li {position:initial; float:left; width:50%;height:auto;  border:1px solid #eaeaea; background:#f4f4f4; min-height:240px;}
	.goodsMain .mGoodsCusL li.gl2{width:50%; height:50%;  border-left:0; background:#fff;}
	.goodsMain .mGoodsCusL li.gl3 {border-top:0; background:#fff;}
	.goodsMain .mGoodsCusL li.gl4 {width:50%; height:50%;  border-left:0; border-top:0; background:#f4f4f4;}
	.goodsMain .mGoodsCusL li a{display:block; position:relative;}
	.goodsMain .mGoodsCusL li .txtArea {left:15px; width:80%; z-index:100}
	.goodsMain .mGoodsCusL li .imgA img{max-width:640px; width:100%;}
	.mCon4 {padding:25px 0 30px}
	.goodsMain .mCon4 .mTitA {font-size:21px}
	
	/*사회책임경영 서브메인*/
	.mSoMangeD .mangeS{float:none; width:100%; margin:0}
	.mSoMangeD .mangeS.environD .imgA{float:right}
	.mSoMangeD .mangeS .imgA img{height:auto; min-height:140px}
	.mSoMangeD .mangeS .infoA a {padding:5%; height:auto;}
	.mSoMangeD .mangeS .infoA .mTitA{font-size:17px;}
	.mSoMangeD .mangeS .infoA .txtA {left:5%; line-height:18px;}
	.mSoWidthD {margin:40px 5%; padding:120px 0 0; box-sizing:border-box;}
	.mSoWidthD .mTitA {font-size:20px;}
	.mSoWidthD .mTxtA {font-size:13px; text-align:center; line-height:20px;}
	.mSoWidthD .widthL {height:100%; width:100%; overflow:hidden;}
	.mSoWidthD .widthL li {position:inherit; float:left; width:25%; margin:0 0 8px; height:auto;}
	.mSoWidthD .btnA {margin:20px 0 0}
	.mSoBlockD {margin-top:40px; height:100%}
	.mSoBlockD li {position:inherit; float:left; width:48%;}
	.mSoBlockD li:nth-child(1),.mSoBlockD li:nth-child(3){margin-right:2%;}
	.mSoBlockD li:nth-child(1),.mSoBlockD li:nth-child(2){margin-bottom:2%;}
	.mSoBlockD li .notiBox {height:100%; }
	.mSoBlockD li .notiBox a .imgA img {min-height:auto;}
	.mSoBlockD li .notiBox .txtA {padding:8px 10px}
	.mSoBlockD li .blockD ,
	.mSoBlockD li .blockD a{height:100%; padding:0;}
	.mSoBlockD li .blockD a .wisA {position:absolute; top:35px; left:15px; width:70%}
	.societyMain .mCon2 .mConD .mTitB {font-size:21px}
	.societyMain .mCon2 {padding:25px 15px 30px; box-sizing:border-box}
	.societyMain .mCon3 {padding:25px 15px 30px; box-sizing:border-box}
	.societyMain .mQuickD.count4 {height:auto; padding:0; }
	.societyMain .mQuickD.count4 ul li{width:100%; height:100%; margin:5px 0 0 !important}
	.actVideoD{width:100%;}
	.actVideoD img{max-width:100%;}

	/*footer*/
	/* 2018-10-30 추가 및 수정 */
	#footer .quickA{width:580px; padding:15px 3% 40px}
	#footer .quickA .leftD{width:80px; height:80px; font-size:13px; line-height:18px; padding:22px 0 22px 15px}
	#footer .quickA .rightD{margin-left:20px; width:480px; margin-top:0}
	#footer .quickA .rightD .list{width:160px; height:36px}
	#footer .quickA .rightD .list a{font-size:13px; line-height:18px; background-size:12px; padding-right:18px}
	#footer .topA{height:40px}
	#footer .topA .famSiteD a.bt{height:40px; line-height:40px}
	#footer .topA .famSiteD a.bt span{font-size:14px}
	#footer .topA .famSiteD .famList{bottom:40px; height:auto !important}
	#footer .topA .famSiteD .famList .listD{width:300px; padding:25px 3% 25px 3%}
	#footer .topA .famSiteD .famList .listD ul{float:none; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:0 0 15px; width:100%; margin-bottom:20px}
	#footer .topA .famSiteD .famList .listD ul:last-child{border-bottom:0; margin-bottom:0; padding:0}
	#footer .topA .famSiteD .famList .listD ul li p{font-size:14px; text-align:left; margin-bottom:8px}
	#footer .topA .famSiteD .famList .listD ul li a{font-size:13px; text-align:left; display:block; line-height:22px}
	#footer .topA .famSiteD .famList .listD ul li p a{font-size:14px; margin-bottom:8px}
	#footer .footerS .leftA{padding:0 3% !important}
	#footer .footerS .leftA .fUtillL li{margin-right:20px}
	#footer .footerS .leftA .fUtillL li a{font-size:13px}
	#footer .footerS .leftA .fUtillL li:nth-child(4){clear:initial !important}
	#footer .footerS .leftA .copy{font-size:12px; line-height:20px; margin-top:15px}
	#footer .footerS .telA{padding:0 3%; font-size:16px; margin:20px 0 0 0}
	#footer .footerS .telA span{font-size:18px}
	#footer .topA{width:100%;}
	#footer .topA .famSiteD{position:static; text-align:center; width:100%;}
	#footer .topA .famSiteD > a{border:none; }
	#footer .topA .famSiteD a.bt {width:100%; box-sizing:border-box}
	#footer .topA .famSiteD .famList {width:100%; box-sizing:border-box}
	#footer .footerS{width:100%; height:auto; padding:13px 0;}
	#footer .footerS .leftA{width:100%; padding:0 10px; float:none; box-sizing:border-box}
	#footer .footerS .leftA .fUtillL {width:100%; overflow:hidden;}
	#footer .footerS .leftA .fUtillL li {background-position:0 3px;}
	#footer .footerS .rightA{float:none; margin:15px 0 0; width:100%; color:#fff; padding:8px 10px 0; background:url('../images/fphone_bu.png') no-repeat 10px 0;}
	#footer .topA .famSiteD .famGo {line-height:44px}
	#footer .footerS .webCirtyM{width:220px; position:relative; top:auto; right:auto; margin:25px 0 0 0; padding:0 3%}
	#footer .footerS .webCirtyM a .txt{display:none}
	#footer .footerS .webCirtyM .webAwd{margin-left:10px;}
	/* //2018-10-30 추가 및 수정 */

	/*서브*/
	.sub #cBody {border-top:1px solid #f0f0f0}
	/* 2018-10-30 수정 */
	.subTopD{display:none; min-height:0; padding-right:0}
	.subTopD .printBt {display:none;}
	.subTopD .subNaviD {}
	.subTopD .subNaviD .navhome{display:none;} 
	.subTopD .subNaviD .spDep{width:50%; box-sizing:border-box} 
	.subTopD .subNaviD .spDep .bt {position:relative; padding:0; line-height:1.3; box-sizing:border-box; height:60px; letter-spacing:-1px; background:url('../images/spdep_open.png') no-repeat right 15px top 50%; background-size:6px auto; font-size:14px; line-height:20px}
	.subTopD .subNaviD .spDep2 .bt {background:url('../images/spdep_open.png') no-repeat right 15px top 50%; background-size:6px auto; color:#c20026}
	.subTopD .subNaviD .spDep.on .bt{background:url('../images/spdep_close.png')  no-repeat right 15px top 50%; background-size:6px auto}
	.subTopD .subNaviD .spDep2.on .bt {background:url('../images/spdep_close.png')  no-repeat right 15px top 50%; background-size:6px auto; color:#c20026}
	.subTopD .subNaviD .spDep .bt span{position:absolute; padding:0 35px 0 15px; top:50%; transform:translateY(-50%); width:100%; box-sizing:border-box; word-break:keep-all}
	.subTopD .subNaviD .spDep ul {top:60px; padding:0 0 10px}
	.subTopD .subNaviD .spDep ul li a{font-size:13px; padding:0 0 0 15px; line-height:26px}
	/* //2018-10-30 수정 */
	.subTitD {padding:15px 0 10px;}
	.subTitD h3 {text-align:center; font-size:20px;}
	.pShareD {top:14px; right:0; }
	.pShareD .pShareA {top:45px;}
	.pShareD .pShareA .row {top:-10px; right:5px; background-size:13px 10px;}
	.pShareD .bt{width:25px; height:25px; background-image:url('../images/share_icon_m.png'); background-size:25px 25px;}
	.pShareD .closeBt{width:25px; height:25px; background-image:url('../images/share_icon_on_m.png'); background-size:25px 25px;}
	.pShareD.typeB {bottom:15px; top:auto;}
	.subCon{padding:0 0 45px;}
	.subDiv {padding:35px 4% !important}
	.subDiv.padW0 {padding:35px 0 !important}
	.subDiv2 {padding:35px 4% !important}
	.pageTopBt {display:none;}
	.divideTxtA{overflow:hidden; padding:15px 3% 32px;}
	.divideTxtA > div{float:none; width:100%; margin-left:0; margin-top:10px;}
	.divideTxtA > div:first-child{margin-top:0;}
	.divideTxtA > div > p{line-height:24px; margin-top:10px;}
	.divideTxtA .signTxt{margin-top:27px;}
	.divideTxtA .btnA{padding-top:20px;}
	.divideTxtB{overflow:hidden; padding:15px 3% 32px;}
	.divideTxtB > div{float:none; width:100%; margin-left:0; margin-top:10px;}
	.divideTxtB > div:first-child{margin-top:0;}
	.divideTxtB > div > p{line-height:24px; margin-top:10px;}
	.divideTxtB .imgA img{width:100%}
	.listTp2 li{width:100%; float:none; margin-top:25px; margin-left:0;}
	.listTp2 li:first-child{margin-top:0;}
	.listTp2 li div{padding:17px 4%;}
	.listTp2 li div .tit{font-size:16px; font-weight:bold; color:#333;}
	.listTp2 li div .txt{font-size:13px; color:#666; margin-top:10px;}
	.listTypeB li a .infoA{padding:15px 0 15px 0; height:auto;}
	.listTypeB li a .infoA .tit{font-size:16px;}
	.listTypeB li a .infoA .txt{margin-top:10px;}
	.listTypeB li a .infoA .date{margin-top:6px;}
	.listTypeB li a .infoA .tagA{bottom:15px}
	.visionW{padding:35px 4%; overflow:hidden;}
	.visionW .idea.D3 .listTp2 li div{min-height:100%;}
	.visionList li.vision1{width:100%; height:auto}
	.visionList li.vision1 > img{display:none;}
	.visionList li.vision2{width:100%; height:auto}
	.visionList li.vision2 > img{display:none;}
	.visionList li.vision3{width:100%; height:auto}
	.visionList li.vision3 > img{display:none;}
	.visionList li .busiD{left:0;}
	.visionList li .busiD dl{float:none; width:initial; padding-top:0; min-height:57px; margin-top:15px; padding-left:82px; height:70px;}
	.visionList li .busiD dl:first-child{margin-top:0;}
	.visionList li .busiD dt{margin-bottom:3px; padding-top:8px;}
	.visionList li .busiD .unit1{background:url('../images/busiunit1.png') left no-repeat;}
	.visionList li .busiD .unit2{background:url('../images/busiunit2.png') left no-repeat;}
	.visionList li .busiD .unit2:before{background:none;}
	.visionList li .busiD .unit3{background:url('../images/busiunit3.png') left no-repeat;}
	.visionList li .busiD .unit3:before{background:none;}
	.officeHeadD{width:100%; height:auto; padding:0; background:none; position:relative;}
	.officeHeadD .txt{position:absolute; line-height:28px; font-size:18px; left:13%; top:18%;}
	.officeHeadD .cBlue{font-size:28px;}
	.officeHeadD .infoArea{padding:0 40px;}
	.officeHeadD .infoArea > div{margin-top:25px;}
	.officeHeadD .infoArea > div span{display:block;}
	.officeHeadD .infoArea .infoUnit2{margin-left:0; margin-top:5px;}
	.brachTabArea{overflow:hidden; margin-top:30px;}
	.brachTabArea a{border:1px solid #e2e2e2; display:block; font-size:16px; color:#444; text-align:center; height:40px; line-height:40px; background:#fff;}
	.brachTabArea.tp a{line-height:16px; padding:2px; font-size:14px;}
	.overseasMap{margin-top:20px;}
	.brachConArea{margin-top:20px;}
	.brachConArea .imgA{width:100%; float:none; display:block;}
	.brachConArea .imgA img{width:100%;}
	.brachConArea .con{float:none; padding:37px 30px 50px 30px; width:100%;}
	.brachConArea .con > .tit{font-size:37px; color:#444}
	.brachConArea .con > .txt{line-height:24px; margin-top:20px; padding-bottom:17px;}
	.brachConArea .con .bInfo{position:relative; margin-top:30px;}
	.brachConArea .con .bInfo.ovTp{position:relative; margin-top:30px;}
	.brachConArea .con .bInfo .tit{position:relative; font-size:17px; font-weight:bold; color:#333}
	.brachConArea .con .bInfo .tit:before{position:absolute; content:""; width:15px; height:1px; top:-3px; left:0; background:#333;}
	.brachConArea .con .bInfo .add{margin-top:15px;}
	.brachConArea .con .bInfo .add span{display:block; line-height:24px;}
	.brachConArea .con .bInfo .mapBt{position:absolute; right:0; bottom:0;}

	/* 회사소개 */
	.summaryTop,
	.moduleTop,
	.keyComTop,
	.asPartsTop,
	.infoGoodsTop {width:100%; overflow:hidden; height:auto; box-sizing:border-box;}
	.asPartsL{margin:10px 0 0;}
	.asPartsL li .titA {}
	.asPartsL li .imgA img{width:100%}
	.infoGoodsD {margin:25px 0 0;}
	.infoGoodsD .leftA {float:none; padding:0 10px 18px; width:100%;}
	.infoGoodsD .rightA {float:none; padding:18px 10px 0; width:100%; border-left:0; border-top:1px solid #e4e4e4;}
	.infoGoodsD .imgA > span {margin:0 2px;}
	.infoGoodsD .titA {margin:5px 0 0; }
	.infoGoodsD .txtA {line-height:20px; margin:10px 0 0;}
	.infoGoodsD2{margin:25px 0 0}
	.infoGoodsD2 .imgA {float:none; width:100%; text-align:center;}
	.infoGoodsD2 .titA {margin:5px 0 0}
	.infoGoodsD2 .infoA{float:none; width:100%; margin:15px 0 0}
	.introSumL li {min-height:178px; padding:18px 15px 16px 20px}
	.introSumL li .infoA {width:58%}
	.introSumL li .infoA .titA {font-size:15px}
	.introSumL li .infoA .barTxt {display:inline-block; margin:8px 0 0; padding:0 5px 10px 0; font-size:18px}
	.introSumL li .infoA .txt2 {margin:10px 0 0; line-height:18px;}
	.introSumL li .imgA {width:120px; padding:0;}
	.introSumL li .imgA img {width:100%;}
	.introSumL2 li .infoA {padding:12px; min-height:223px;}
	.introSumL2 li .infoA .titA {font-size:14px;}
	.introSumL2 li .infoA .txtA {margin:5px 0 0; line-height:18px}
	.colorD {margin:20px 0 0;}
	.colorD .leftA {padding:0 10px 0 0;}
	.colorD .rightA {padding:0 0 0 10px;}
	.colorList li {padding:0 10px 0 0; margin:10px 0 0;}
	.colorList li:nth-child(2n){padding:0}   
	.colorList li .txtA {padding:9px 5px; min-height:35px;}
	.colorList li .txtA.twoR {padding:9px 5px}
	.colorList.subColorL li:nth-child(1) .txtA{padding:9px 2px;}
	.colorList.mainColorL li:nth-child(3) .txtA,
	.colorList.subColorL li:nth-child(6) .txtA,
	.colorList.subColorL li:nth-child(7) .txtA{padding:9px 5px}
	.colorLogoL li {margin:10px 0 0; width:50%;}
	.colorLogoL li .imgA {width:40%; margin:0; padding:0 10px 0 0; box-sizing:border-box}	
	.colorLogoL li .txtA{margin:27px 0 25px; line-height:1.2}
	.colorLogoL li .txtA.twoR {margin:17px 0; line-height:1.2}
	.colorLogoL.cLogoL1 li .txtA {line-height:1.2}
	.colorLogoL.cLogoL1 li .txtA.twoR {margin:15px 0 12px; line-height:1.2}
	.colorLogoL li .txtA.thrR {margin:8px 0; line-height:1.2}
	.logoMarkD {margin:20px 0 0; padding:25px 40px}
	.banGraphicD {margin:20px 0 0}

	/* 고객서비스 */
	.proSrchTxt{padding:30px 4% 0;}
	.proSrchA{width:100%; margin:20px auto 0; padding:0 4%;}
	.proSrchA.pTp{margin:20px auto 0; padding:0 4%}
	.proSrchA .chkList li{padding-left:3%; width:100%; height:60px; line-height:60px;  box-sizing:border-box; display:table}/* 2018-11-29 수정 */
	.proSrchA .chkList li .titA{width:18%; display:table-cell; float:none; vertical-align:middle}/* 2018-11-29 수정 */
	.proSrchA .chkList li .chkA{width:82%; display:table-cell; float:none; vertical-align:middle}/* 2018-11-29 수정 */
	.proSrchA .chkList li .chkA select{vertical-align:0; font-size:14px;}
	.proSrchA .chkList li .chkA .regionSel0{width:309px}
	.proSrchA .chkList label{padding-left:25px;background: url('../images/chktp1_off.gif') left 0px no-repeat;}
	.proSrchA .chkList input[type="radio"]:checked + label {background:url('../images/chktp1_on.gif') left 0px no-repeat;}
	.proSrchA.tp1 .chkList li.areaTp{height:auto; line-height:1.3;}/* 2018-11-29 수정 */
	.proSrchA.tp1 .chkList li.areaTp .chkA{line-height:normal; padding:19px 0 19px 0}
	.proSrchA.tp1 .chkList li.areaTp .chkA input{margin-top:10px;}
	.proSrchA.tp2 .chkList li.areaTp{height:auto; line-height:1.3;}/* 2018-11-29 수정 */
	.proSrchA.tp2 .chkList li.areaTp .chkA{line-height:normal; padding:11px 0 11px 0}
	.proSrchA.tp2 .chkList li.areaTp .chkA .regionSel2{margin-top:7px;}/* 2018-11-29 수정 */
	.proSrchA.tp2 .chkList li.areaTp2{height:auto; line-height:1.3;}/* 2018-11-29 수정 */
	.proSrchA.tp2 .chkList li.areaTp2 .chkA{line-height:normal; padding:19px 0 21px;}
	.proSrchA.tp2 .chkList li.areaTp2 .chkA .reactB{margin-bottom:0} /* 2018-11-29 수정 */
	.proResultA{padding:0 35px; margin-top:55px;}
	.proResultA .partInfoA .infoA{padding:27px 0 35px 50px;}
	.proResultA .partInfoA .infoA.noData{line-height:70px; padding:28px 0 28px 25px}
	.proSrchA.tp2 input[type="text"]{width:500px; height:32px; font-size:16px; color:#003f82; font-weight:bold}
	.partFindA{padding:15px 4% 50px;}
	.titInfoA{margin-top:10px; margin-bottom:40px;}
	.titInfoA.tp2{margin-top:10px; margin-bottom:0;}
	.titInfoA .titA{float:none; width:100%; position:relative; border:none}
	.titInfoA .titA.tp2{float:none; width:100%; position:relative; border:none}
	.titInfoA .titA .tit{font-size:20px; position:relative;}
	.titInfoA .titA .tit:before{position:absolute; content:""; width:80px; height:2px; background:#323232; top:-5px; left:0;}
	.titInfoA .titA .btn{position:absolute; right:0; top:0;}
	.titInfoA .titA .btn a{font-size:13px; padding:6px 11px;}
	.titInfoA .infoA{float:none; width:100%; border-top:none; padding-top:0; margin-top:5px;}
	.titInfoA .infoA.tp2{float:none; width:100%; border-top:none; padding-top:0; margin-top:0;}
	.titInfoA .infoA .recordList li p{padding-left:23px}
	.titInfoA .featA li{width:29.3%; padding-top:20px; margin:0 2%}
	.titInfoA .featA li.feat1{background:none;}
	.titInfoA .featA li.feat2{background:none;}
	.titInfoA .featA li.feat3{background:none;}
	.titInfoA .featA li.feat4{background:none; clear:both}
	.titInfoA .featA li.feat5{background:none;}
	.titInfoA .featA li p.wisN{width:80%; margin:auto;}
	.titInfoA .featA li p.wisN img{width:100%;}
	.titInfoA .featA li p.txt{margin-top:10px}
	.titInfoA .manualA .btnA a{padding:16px 34px 12px 22px; background:url('../images/arrowbgtp.png') 172px no-repeat #003e80; font-size:17px;}
	.titInfoA .infoA .infoListA li > p{line-height:18px;}
	.titInfoA .infoA .infoListA li > p > img{width:15px}
	.titInfoA .infoA .infoListA li .imgA{margin-bottom:25px; margin-top:0}
	.titInfoA .infoA .infoListA li .imgA img{width:100%; margin-left:0; margin-top:10px;}
	.titInfoA .infoA .infoListA li .imgA img:first-child{margin-top:0;}
	.titInfoA .strategyA{float:none; width:100%; padding-top:0; margin-top:5px;}
	.titInfoA .strategyA li{float:none; width:100%; margin-left:0; margin-top:10px; min-height:100%; padding:32px 33px 35px 33px; overflow:hidden;}
	.titInfoA .strategyA li:first-child{margin-top:0}
	.titInfoA .strategyA dl{width:50%; float:left;}
	.titInfoA .strategyA dd:before{top:7px}
	.manualBotA{padding:15px 4% 50px;}
	.manualBotA.tp{padding:30px 4% 50px;}
	.faqType li{background:#fff; margin-bottom:10px;}
	.faqType li a{display:block; position:relative; padding:15px 50px 15px 50px; background:url('../images/faq_q.png') no-repeat 16px 15px; font-size:14px; font-weight:bold; color:#666; background-size:20px;}
	.faqType li a:hover{background:url('../images/faq_q.png') no-repeat 16px 15px; color:#444; font-weight:bold; background-size:20px;}
	.faqType li.on a{background:url('../images/faq_q_on.png') no-repeat 16px 15px #fff; color:#444; font-weight:bold; text-decoration:underline; background-size:20px;}
	.faqType li a span{display:block; position:absolute; top:20px; right:20px;}
	.faqType li a span img{width:13px;}
	.faqType li .answer{padding:17px 4% 26px 50px; background:url('../images/faq_a.png') no-repeat 15px 23px #f9f9f9; line-height:24px; border:1px solid #e2e2e2; background-size:20px;}
	.partnerShipA .txtA{padding:0 0 0 60px; font-size:14px; line-height:22px}/* 2018-11-29 추가 */
	.serviceMain .serviceVisualW .srchD .title{text-align:center;}
	.serviceMain .serviceVisualW .srchW{width:100%;}
	.serviceMain .serviceVisualW .srchD{width:90%; left:5%;}
	.serviceMain .serviceVisualW .srchD li > p{width:15%}
	.serviceMain .serviceVisualW .srchD li > div{width:85%}
	.serviceMain .serviceVisualW .srchD li > div > a{margin-left:1%;}
	.serviceMain .serviceVisualW .srchD li > div > a.w50{width:49.5%}
	.serviceMain .serviceVisualW .srchD li > div > a.w33{width:32.66%}
	.serviceMain .serviceVisualW .srchD .btnA{width:100%;}
	.serviceMain .serviceVisualW .srchD .btnA a{width:100%; float:none;}
	.serviceMain .mCon1{padding:0 0; margin:0 auto 0 !important;;}
	.serviceMain .mGoodsCusL {margin:0}
	.serviceMain .mGoodsCusL .mTitA {display:block; font-size:17px;}
	.serviceMain .mGoodsCusL li {position:initial; float:left; width:50%;height:auto;  border:1px solid #eaeaea; background:#f4f4f4;}
	.serviceMain .mGoodsCusL li.gl2{width:50%; height:50%;  border-left:0; background:#fff;}
	.serviceMain .mGoodsCusL li.gl3 {width:100%; border-top:0; background:#fff;}
	.serviceMain .mGoodsCusL li a{display:block; position:relative;}
	.serviceMain .mGoodsCusL li .txtArea {left:15px; width:80%; z-index:100}
	.serviceMain .mGoodsCusL li .imgA img{max-width:640px; width:100%;}
	.serviceMain .mGoodsCusL li.gl3 .imgA img{max-width:100%}
	.serviceMain .mCon2{padding:25px 0 30px !important;}
	.serviceMain .mCon2 .mTitA{font-size:21px;}
	.serviceMain .mCon3{padding:40px 15px; box-sizing:border-box}
	.serviceMain .mCon3 .mManaD{margin:0;}
	.sManualA .manualList li > p{line-height:18px;}
	.sManualA .manualList li .imgA{margin-bottom:25px; margin-top:0;}

	/*용품*/
	.goodsTop{padding:255px 0 0;}
	.goodsTop .gSrchD{padding:20px 10px; min-height:177px; box-sizing:border-box}
	.gCateD button{margin:0 0 5px; padding:0 15px; height:28px; line-height:28px; font-size:14px}
	.gCateD button.on {padding:0 6px 0 8px}
	.gCateD button.on span{display:inline-block; margin:0 0 0 2px; width:14px; height:28px; background-size:12px 8px; background-position:0 9px;}
	.gSrchA {width:90%; padding:0 55px 10px 0; margin:15px auto 0; box-sizing:border-box}
	.gSrchA .inputA {width:100%; min-height:40px; box-sizing:border-box}
	.gSrchA .inputA input{font-size:20px; width:100%; box-sizing:border-box}
	.gSrchA .btA img{width:30px;}
	.gSrchA button{position:absolute; top:6px; right:0;}
	.goodsList {margin:20px 0 0; width:100%; overflow:hidden;}
	.goodsList ul > li a .hover{display:block}
	.goodsList ul > li a .hover {top:auto; bottom:0; left:0; padding:5px 10px; width:100%; height:auto; box-sizing:border-box}
	.goodsList ul > li a .hover .titA {margin:0}
	.goodsList ul > li a .hover .txtA {display:none}
	.goodsList ul > li a .hover .rowA {display:none}
	.goodsList ul > li{width:50%;}
	.goodsList ul > li a .hover .titA {font-size:14px; line-height:18px;}
	.loginD.gLoginD .rightA{padding:0;}

	/* 미디어센터 */
	.comNewsTop {position:relative; width:100%; overflow:hidden; padding:0;  height:auto; box-sizing:border-box; background:none;}
	.comNewsTop .btnA{margin:0; position:absolute; bottom:10%; left:7%;}
	.comNewsTop .btnA .androidBt {padding:0 15px 0 0}
	.comNewsTop .btnA .iosBt {padding:0 0 0 12px;}
	.gardenList li{width:50%; margin-top:10px !important;}
	.gardenList li .imgA img{width:100%;}
	.gardenList li .txtA{font-size:14px; color:#333; padding:15px 18px; box-sizing:border-box}
	.mediaMain .mCon1{margin:5px auto 30px !important;}
	.mediaMain .mCon1 .btnArea{padding:0 15px; background:none;;}
	.mediaMain .mediaTabArea1 .wrapA{margin:20px auto 0;}
	.mediaMain .mediaTabArea1 .tabA1 li .txtB span{font-size:13px; line-height:20px}
	/* 2018-10-30 추가*/
	#wrapper.sub .mVisualM{display:block;}
    /*.mediaMain .mediaTabArea1 .mTabCon1{display:none;}  2018-10-30 삭제 */
	.mediaMain .mediaTabArea1 .wrapA ul li{width:49% !important; margin-right:2% !important}
	.mediaMain .mediaTabArea1 .wrapA ul li.long .imgB{position:relative}
	.mediaMain .mediaTabArea1 .wrapA ul li.long .imgB img{height:100%; width:auto; position:absolute; left:50%; transform:translateX(-50%)}
	.mediaMain .mediaTabArea1 .wrapA ul li:nth-child(2n){margin-right:0 !important}
	.mediaMain .mediaTabArea1 .wrapA ul li:nth-child(5){display:none}
	/* 2018-11-08 추가 */
	.mediaMain .mediaTabArea1 .wrapA .tabA1 ul.type2 li{width:49% !important}
	.mediaMain .mediaTabArea1 .wrapA .tabA1 ul.type2 li:nth-child(2n){margin:2% 0 0 0}
	.mediaMain .mediaTabArea1 .wrapA .tabA1 ul.type2 li:nth-child(2n-1){margin:2% 1% 0 0}
	.mediaMain .mediaTabArea1 .wrapA .tabA1 ul.type2 li:nth-child(6){display:none}
	/* //2018-11-08 추가 */
	.mediaMain .mediaTabArea1 .tabA1 li .txtB strong{font-size:18px}
	.mediaMain .mCon2 .mediaSnsW a{width:30%; margin-right:0}
	.mediaMain .mediaTabArea1 .tabA1 .mdCmoreBtn a{margin-bottom:20px}
	.subMain .mConD .snsTit{margin-top:20px}
	/* // 2018-10-30 추가*/
	.mediaMain .mediaTabArea1 .mTabCon1M{position:relative; display:block;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA1{position:relative;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2{position:relative;}
	.mediaMain .mediaTabArea1 .mTabCon1M #mMediaCon1V1{overflow:hidden; position:relative;}
	.mediaMain .mediaTabArea1 .mTabCon1M #mMediaCon1V2{overflow:hidden; position:relative;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA1 .imgA img{width:100%;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA1 .txtA .tit{font-size:15px; font-weight:bold; color:#333}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA1 .txtA .txt{margin-top:8px; display:block;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mMediaRollBtnA1_1 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mMediaRollBtnA1_1 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mMediaRollBtnA1_2 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mMediaRollBtnA1_2 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 ul li{top:0; opacity:1; background:none;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 ul li > a{display:block;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 ul li > a span{display:block;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 .topArticle{width:100%; height:125px; box-sizing:border-box; padding:20px 6%; background:#fff; position:relative;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 .botArticle{width:100%; height:125px; box-sizing:border-box; padding:20px 6%; background:#fff; position:relative; margin-top:10px;}
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 ul li .tit{font-size:18px; color:#333; font-weight:bold; }
	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 ul li .date{font-size:14px; color:#999; margin-top:35px; position:absolute; left:6%; bottom:20px}
	.mediaMain .mediaTabArea1 .wrapA ul li{margin-left:0;}
	.mediaMain .mediaTabArea1 .wrapA ul li > a{display:block;}
	.mediaMain .mediaTabArea1 .wrapA ul li > a span{display:block;}
	.mediaMain .mediaTabArea1 li .txtA{padding:20px 5%;}
	.mediaMain .mediaTabArea2{margin-top:40px}
	.mediaMain .mediaTabArea2 .wrapA{padding:0 15px; margin-top:20px}
	.mediaMain .mediaTabArea2 .mTabCon2{display:none;}
	.mediaMain .mediaTabArea2 .mTabCon2M{position:relative; display:block;}
	.mediaMain .mediaTabArea2 .mTabCon2M #mMediaCon2V1{overflow:hidden; position:relative;}
	.mediaMain .mediaTabArea2 .mTabCon2M #mMediaCon2V2{overflow:hidden; position:relative;}
	.mediaMain .mediaTabArea2 .mTabCon2M #mMediaCon2V3{overflow:hidden; position:relative;}
	.mediaMain .mediaTabArea2 .mTabCon2M #mMediaCon2V4{overflow:hidden; position:relative;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA{position:relative; width:100%; height:auto; overflow:hidden;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA a{display:block; position:relative;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA .bgA{width:100%; height:auto;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA .bgA img{width:100%;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA .imgA{width:100%; height:auto; position:absolute; top:0; left:0;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA .imgA img{width:100%;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA{padding:10px 4% 50px; box-sizing:border-box; position:relative; height:auto; background:#fff;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA span{display:block;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .tagA{font-size:13px; margin-top:15px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .tagA a{display:inline; color:#074b88; margin-left:3px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .tagA a:first-child{margin-left:0;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .utilA{position:absolute; left:4%; bottom:20px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .utilA .like{display:inline-block; padding-left:20px; background:url('../images/sns_likesym.gif') left no-repeat;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .utilA .cmnt{display:inline-block; padding-left:20px; background:url('../images/sns_cmntsym.gif') left no-repeat; margin-left:8px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .date{position:absolute; right:4%; bottom:20px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA{position:relative; padding:30px 30px 60px; width:100%; box-sizing:border-box; overflow:hidden; background:#fff;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA a:hover{text-decoration:underline;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA span{display:inline-block;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .label{color:#fff; font-size:13px;height:25px; line-height:25px; text-align:center; padding:0 10px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .label.tp1{background:#81a2ce;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .label.tp2{background:#5db947;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .label.tp3{background:#866ec2;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .label.tp4{background:#999999;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .tit{font-size:15px; font-weight:bold; color:#333; margin-top:16px; display:block;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .tit a{color:#333}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .txt{line-height:22px; margin-top:12px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .dateA {position:absolute; bottom:25px; left:30px; width:90%; color:#aaa}
	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_1 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_1 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_2 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_2 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_3 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_3 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_4 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_4 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}
	.mediaMain .mediaTabArea1 .btnArea a img{top:9px; right:5px; width:15px;}
	.mediaMain .mediaTabArea2 .btnArea a img{top:7px; right:6px; width:25px;}
	.mediaMain .mCon2{padding:30px 15px;}
	.mediaMain .mCon2 .mConD > .tit{font-size:21px;}
	.mediaMain .mCon2 .mConD > .txt{font-size:14px; letter-spacing:0;} /* 2018-10-30 수정 */
	.mediaMain .mCon2 .prCenterW{margin-top:25px;}
	.mediaMain .mCon2 .mMideaVideoD{float:none; width:100%;}
	.mediaMain .mCon2 .mMideaVideoD .playBu{margin-left:-15px; margin-top:-15px;}
	.mediaMain .mCon2 .mMideaVideoD .playBu img{width:30px;}
	.mediaMain .mCon2 .mMideaReportD{width:50%;}
	.mediaMain .mCon2 .mMideaPrD{width:50%;}
	.mediaMain .mCon2 .mMideaPrD > div{width:100%; height:auto; padding:0;}
	.mediaMain .mCon2 .mMideaPrD	.tit{position:absolute; z-index:1; left:10%; top:15%; font-size:16px;}
	.mediaMain .mCon2 .mMideaPrD	.txt{position:absolute; z-index:1; left:10%; top:15%; font-size:14px; line-height:18px;}
	.mediaMain .mCon2 .mMideaPrD	.imgA{position:relative;}
	.mediaMain .mCon2 .mMideaPrD	.imgA img{width:100%;}
	.mediaMain .mCon3{padding:25px 0 30px !important;}
	.mediaMain .mCon3 .mConD{padding:0 15px !important; box-sizing:border-box}
	.mediaMain .mCon3 .mTitA{font-size:21px !important;}
	
	.fSubVisualD {width:100%; overflow:hidden; padding:0;  height:auto; box-sizing:border-box; background:none;}
	.eHistoryW {padding:25px 0 0;}
	.eHisTabA .eHisButD{font-size:16px;}
	.eHisTabA .eHisButD a{margin:0 0 0 15px;}
	.eHisTabA .eHisButD .year{font-size:14px; letter-spacing:0px}
	.eHisTabA .eHisButD a.on span.year,
	.eHisTabA .eHisButD a:nth-child(3).on {padding:0 0 20px;}
	.eHisTabCon .keywordD {padding:10px;}
	.eHisTabCon .keywordD .titA{float:none; width:100%; margin:0}
	.eHisTabCon .keywordD .keyButA {float:none; width:100%;}
	.eHisTabCon .keywordD .keyButA button {margin:0 2px 2px; padding:5px 6px 8px; color:#fff; line-height:1; }
	.eHisListD {margin:25px 0 0; position:relative;}
	.eHisListD .titA {font-size:16px;}
	.eHisListD .titA .yearA {display:inline-block; font-size:28px; color:#003f82; margin:0 10px 0 0; height:24px;}
	.eHisSideBg{width:30px; background-size:30px 100%;}
	.eHisPopW {padding:20px 15px 15px; width:100%; box-sizing:border-box}
	.episodePop .eHisPopD{max-height:600px;} 
	.eHisPopD {width:100%; box-sizing:border-box; overflow:hidden;}
	.eHisPopD .eHisTitA{margin:0 0 8px}
	.eHisPopD .eHisTitA .titA {font-size:16px;}
	.eHisPopD .eHisTitA .dateA {margin:5px 0 0; font-size:14px;}
	.eHisPopD .eHisD {margin:10px 0 0; padding:0 10px; height:180px; font-size:13px;}
	.eHisPopD .videoScriptD {padding:5px; margin:15px 0 0;}
	.eHisPopD .videoScriptD .vidTit{font-size:15px;}
	.eHisPopD .videoScriptD .vidD{margin:5px 0 0; font-size:13px;}	
	.eHisPopD .imgA img{max-width:100%; max-height:300px}
	.eHisPopD .eHisCon .videoA video {width:100%; max-width:480px !important;}
	.eHisPopW .eHisRollBtnA button img {width:17px;}
	.eHisPopW .eHisRollBtnA .btL{top:180px; left:5px;}
	.eHisPopW .eHisRollBtnA .btR{top:180px; right:5px;}
	.eHisPopW .closeBt {top:-30px; right:0;}
	.eHisPopW .closeBt img{top:-30px; right:0; width:20px;}


	/* 사회책임경영 */
	.reportW .potenReportA{overflow:visible; margin-bottom:70px;}
	.reportW .potenReportA .imgA{width:200px; position:relative; float:left; margin:0 18px 0 0;}
	.reportW .potenReportA .imgA img{width:100%;}
	.reportW .potenReportA .conA{padding-left:0; height:auto;}
	.reportW .potenReportA .conA .tit{padding-bottom:10px}
	.reportW .potenReportA .conA .tit:before{display:none;}
	.reportW .potenReportA .conA .txt{margin-top:0;}
	.reportW .potenReportA .conA .btnA{position:relative; bottom:0; left:0; margin-top:25px;}
	.reportW .potenReportA .conA .btnA.tp{position:relative; bottom:0; left:0; margin-top:25px;}
	.reportW .potenReportA .conA .btnA .titA{font-size:14px; width:70px}
	.reportW .potenReportA .conA .btnA .lang a{font-size:13px;}
	.reportList{margin-top:10px}
	.reportList li .btnUtil .tit{font-size:14px; width:initial; padding-right:20px;}
	.reportList li .btnUtil .lang a{font-size:13px;}
	.reportList li .btnUtil .tit.tp2{background:url('../images/btnutil_icon2.png') right 4px no-repeat;}
	.reportList.tp li .imgA{margin-top:10px;}
	.chartSrchA .txt{font-size:16px;}
	.chartSrchA .botA2 span select{width:160px;}
	.chartSrchA .botA3 span select{width:160px;}
	.strategyList > li > div p{font-size:14px; padding:13px 15px 15px}
	.strategyList > li > div ul{padding:15px 12px}
	.strategyList > li > div ul li{font-size:14px;}
	.c3List li .tit{font-size:16px;}
	.c3List li .txt{margin-top:12px;}
	.ethicsSystemW{padding-left:0;}
	.ethicsSystemW > p{position:relative;}
	.ethicsSystemW li{width:100%; margin-top:15px; height:100%; position:relative;}
	.ethicsSystemW li:first-child{margin-top:20px;}
	.ethicsSystemW li .titA{font-size:16px; }
	.ethicsSystemW li div{padding:19px 3% 19px 3%; width:100%;}
	.ethicsOperSys{padding:0; margin-top:15px}
	.ethicsOperSys ul{margin-top:20px}
	.scrCpPolicy ul{margin-left:30px;}
	.faqType2 li a{padding:11px 40px 9px 50px}
	.faqType2 li a .num{width:25px; height:25px; border-radius:25px; line-height:27px; font-size:13px; top:16px;}
	.faqType2 li a .aTit{font-size:15px;}
	.faqType2 li a .aUtil{margin-top:1px;}
	.faqType2 li a .arrow{right:15px}
	.faqType2 li a .arrow img{width:13px}
	.faqType2 li .answer{padding:11px 10px 9px 50px}
	.receiptD .iconA img {width:70px}
	.receiptD .txtA {margin:10px 0 0; font-size:18px}
	.receiptD .btnA {margin:20px 0 0;}
	.receiptD .numA{margin:25px auto 0; padding:23px 0 23px; width:90%}
	.receiptD .numA .num2 input{display:block; width:90%; box-sizing:border-box; padding:3px 4%; margin-left:5%; margin-top:5px;}
	.actList li{margin-left:0.5%; margin-right:0.5%; width:49%; text-align:center; padding:30px 0 25px; margin-top:10px;}
	.actList li:first-child{margin-left:0.5%}
	.adminIntro{padding-left:0; box-sizing:border-box; width:100%; min-height:272px; background:none;}
	.adminIntro .botA{box-sizing:border-box; position:relative; padding-left:200px; min-height:270px; border-bottom:0;}
	.adminIntro .botA .imgA{position:absolute; left:0; top:17px;}
	.adminIntro .botA .imgA img{width:180px;}
	.adminIntro .botA .reactB{margin-bottom:8px;}
	.adminIntro .botA .bar{display:none;}
	.cpElementList li{width:32%; margin-left:2%;}
	.sumW{padding:35px 4%; overflow:hidden;}
	.sumW .listTp li{width:100%;}
	.sumW .listTp li .tit{margin-top:10px;}
	.sumW .listTp li .txt1{margin-top:9px;}
	.sumW .listTp li .txt2{margin-top:8px;}
	.wType{padding:35px 4%; overflow:hidden;}
	.wType .termsList li{line-height:20px; text-indent:-12px; margin-left:12px;}
	.wType .btnTit .moreBt{padding:6px 14px 2px;}
	.wType .boxTp{padding:10px 15px}
	.wType .listTp li:before{top:7px;}
	.reportW{padding:35px 4%; overflow:hidden;}
	.questionTop,
	.naviUpdateTop{width:100%; overflow:hidden; padding:0;  height:auto; box-sizing:border-box; background:none;}
	.fTradeTit{font-size: 20px; padding-top: 90px;background:url('../images/ftradetit_icon.gif') center top no-repeat; line-height: 28px; background-size: 80px;}
	.ftBoxList{padding:20px 3%;}
	.srclNoti{padding:12px 4%;}
	.srclNoti .fr{float:none; display:block; margin-top:5px;}
	.ftListTp li{min-height:280px; padding:0 3%;}
	.cpElementList li:nth-child(4){margin-left:0; margin-top:30px;}
	.cpElementList li:nth-child(5){margin-left:2%;}
	.cpElementList li:nth-child(7){margin-left:0}
	.cpElementList li:nth-child(4),
	.cpElementList li:nth-child(5),
	.cpElementList li:nth-child(6),
	.cpElementList li:nth-child(7){min-height:180px;}
	.aTwoBox li{float:none; width:100%; margin-left:0; margin-top:15px;}
	.aTwoBox li:first-child{margin-top:0;}
	.aTwoBox li .tit{margin-top:10px;}
	.aTwoBox li .txt{margin-top:7px;}
	.actRollW{width:100%;}
	.actRollW .pnBtn{display:none;}
	.meerForestD .fl {float:none; width:100%; margin:0 0 10px; text-align:center; max-width:100%;}
	.meerForestD .fl img {width:180px;}
	.meerForestD .fr {float:none; width:100%;}
	.meerForestD .fr .titA {font-size:20px; color:#003f82}
	.mForestRollW {width:100%; margin:15px auto 0;}
	.mForestRollW #mForestRollL {width:100%; height:100%;}
	.mForestRollW #mForestRollL ul {width:100%; height:100%}
	.mForestRollW #mForestRollL ul li {width:100%; height:100%;}
	.mForestRollW #mForestRollL ul li .bImgA img{width:100%;} 
	.mForestRollW .mfMapS{width:100%; padding:15px; background-size:100% 100%; box-sizing:border-box}
	.mForestRollW .mfMapS .imgA{width:25%; padding:0 10px 0 0;  box-sizing:border-box}
	.mForestRollW .mfMapS .infoA{width:75%; padding:0 40px 0 0;  box-sizing:border-box}
	.mForestRollW .mfMapS .infoA .titA {font-size:17px; line-height:18px; font-weight:bold;}
	.mForestRollW .btn_area button {display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold;}
	.mForestRollW .mForestBtn .btn_prev{right:40px; bottom:190px;}
	.mForestRollW .mForestBtn .btn_next{right:20px; bottom:190px;}
	.mForestRollW #mForest_paging{position:absolute; bottom:20px; left:0; width:100%;}
	.sSumD{margin:0 0 0;}
	.sSumD .widthL{height:auto; margin-top:20px;}
	.sSumD .widthL li {width:25%; text-align:center; letter-spacing:-0.8px; float:left; min-height:160px; margin:0 0 8px;}
	.sSumD .mTitA{font-size:20px;}
	.sSumD .mTxtA{margin-top:15px; font-size:14px;}
	.sSumD .widthL li .titA{word-break:break-all; font-size:14px; margin:6px 0 0;}

	/* 스포츠단 */
	.basketballTop,
	.archeryTop{width:100%; overflow:hidden; padding:0;  height:auto; box-sizing:border-box; background:none;}
	.basketDiv {padding:25px 4% 25px; background:#fff;}
	.archeryD {padding:0; min-height:auto; background:none}
	.archeryPopW .accoPopD .accTopA{width:100%; box-sizing:border-box}
	.archeryPopW .accoPopD .imgA {width:40%; height:auto;}
	.archeryPopW .accoPopD .imgA img {width:100%;}
	.archeryPopW .accoPopD .infoA {width:60%; padding:10px 0 0}
	.archeryPopW .accoPopD .infoA .titA {margin:5px 0 0; font-size:16px}
	.archeryPopW .accoPopD .infoA .txtA {margin:2px 0 0; font-size:14px;}

	/*hr*/
	.talentTrainingTop{width:100%; overflow:hidden; padding:0;  height:auto; box-sizing:border-box; background:none;}
	.talTrainingL {margin:20px 0 0}
	.talTrainingL ul > li {padding:15px 0;}
	.talTrainingL ul > li .infoA {float:none; width:100%; height:auto; padding:0; box-sizing:border-box}
	.talTrainingL ul > li .infoA .iconA {display:none;}
	.talTrainingL ul > li .infoA .titA {float:left; margin:12px 0 0; font-size:16px}
	.talTrainingL ul > li:nth-child(2) .infoA .titA{margin:8px 0 0}
	.talTrainingL ul > li:nth-child(4) .infoA .titA,
	.talTrainingL ul > li:nth-child(5) .infoA .titA{margin:17px 0 0}  
	.talTrainingL ul > li .infoA .pTxt {margin:5px 0 10px;}
	.talTrainingL ul > li .imgA {float:none; width:100%; height:auto;}
	.talTrainingL ul > li .imgA img{width:100%;}
	.talTrainingL2 {margin:20px 0 0}
	.talTrainingL2 ul > li {float:none; width:100%; padding:10px 0 18px; border-top:1px solid #ddd; height:auto !important; margin:0 !important;}
	.talTrainingL2 ul > li:nth-child(1){padding-top:0; border-top:0;}
	.talTrainingL2 ul > li .infoA .titA {margin:0 0 5px; font-size:16px; color:#222}
	.talTrainingL2 ul > li .imgA {position:static; margin:10px 0 0}
	.talTrainingL2 ul > li .imgA img{width:100%;}


	/*ir*/
	.nameBoxD ul > li {padding:15px; width:48%}
	.nameBoxD ul > li:nth-child(2n-1) {margin-left:0;}
	.nameBoxD ul > li .titA {padding:0 0 18px;}
	.nameBoxD ul > li .titA .nameA{font-size:18px; color:#333;}
	.nameBoxD ul > li .infoA {margin:15px 0 0; line-height:22px;}
	.condiBox ul > li {width:48%}
	.condiBox ul > li .topA {padding:15px;}
	.condiBox ul > li .topA .titA {margin:0 0 5px; font-size:18px;}
	.condiBox ul > li .infoA {padding:15px; line-height:22px; min-height:180px}

	/*회원가입*/
	.loginD {padding:45px 30px; }
	.loginD .leftA{float:none; width:100%; padding:0;  text-align:center;}
	.loginD .leftA .logoA img {width:300px}
	.loginD .rightA{float:none; width:100%; margin:20px auto 0; padding:0; border:0}
	.loginD .rightA label {display:inline-block; width:25%; font-size:14px; box-sizing:border-box}
	.loginD .rightA input {width:75%; height:32px; box-sizing:border-box}
	.loginD .rightA .btnA {padding:0 0 0 25%; width:100%; box-sizing:border-box;}
	.loginD .rightA .listA {padding:0 0 0 25%; width:100%; box-sizing:border-box}
	.loginD .rightA .listA a{font-size:14px; background:url('../images/bar1x14_bu_m.png') no-repeat 0 6px; background-size:1px 14px;}
	.memberEndD .iconA img {width:70px}
	.memberEndD .txtA {margin:10px 0 0; font-size:18px}
	.memberEndD .txtA2{margin:20px 0 0}
	.memberEndD .btnA {margin:20px 0 0;}
	.mSearchDiv {padding:45px 20px; width:100%; overflow:hidden; box-sizing:border-box}
	.searchBox .searchTop {font-size:19px;}
	.searchBox .searchTop .txtA {margin:20px 0 0; line-height:22px}
	.searchBox .inputD{margin:25px 0 0; padding:25px 0}
	.searchBox .inputD .w740 {width:90%; margin:0 auto}
	.searchBox .iconA img {width:70px}
	.searchBox .inputArea {width:100%}
	.searchBox .inputArea label {width:25%; font-size:14px; box-sizing:border-box}
	.searchBox .inputArea input {width:75%; height:34px; box-sizing:border-box}
	.searchBox .inputArea select{width:100%; height:34px; box-sizing:border-box}
	.searchBox .inputArea.type2 {width:100%}
	.searchBox .inputArea.type2 label {width:40%; padding:0 10px 0 0}
	.searchBox .inputArea.type2 input {width:60%}

	.searchBox .inputArea .phoneA{width:75%; box-sizing:border-box}
	.searchBox .inputArea .phoneA input {width:100%}
	.searchBox .inputArea .infoTxA {padding:0 0 0 25%;}
	.searchBox .inputArea .infoTxA label {width:88%}
	.searchBox .inputArea .infoTxA input {width:auto}
	.searchBox .inputArea .changPhoeA {display:none; margin:10px 0 0; padding:0 0 0 25%; width:100%; box-sizing:border-box}
	.mSearchDiv .btnA {margin:20px 0 0;}
	.blueBox {padding:20px 15px}
	.blueBox .btA {display:block; margin:10px 0 0;}

	/* 유틸리티 */
	.allSrchA{left:12%; width:400px;}
	.allSrchA .topA p input{font-size:18px;}
	.siteInfoList li .imgA{margin:20px auto 0; width:50%;}
	.siteInfoList li .imgA img{width:100%;}
	.siteInfoList li .tit{margin-top:15px;}
	.siteInfoList li .txt{margin-top:7px; line-height:18px;}
	.errorW{width:600px; margin:200px auto 0;}
	.errorW .wrap{width:600px; height:450px; background:#fff; position:relative; box-sizing:border-box; padding:70px;}
	.errorW .wrap dl{margin-top:33px;}
	.errorW .wrap dt{font-size:20px; font-weight:bold; color:#333; margin-bottom:10px}
	.errorW .wrap dd{margin:4px 0;}
	.errorW .wrap a{position:absolute; bottom:0; left:0; padding:11px 0; display:block; width:100%; background:#383838; text-align:center; color:#fff; font-size:16px; font-weight:bold;}

}

/* 사이버감사실 해상도 */
@media all and (max-width:845px){
	#wrapper.cyber{width:100%;}
	.cbCon{padding:40px 40px;}


}

@media all and (max-width:758px){
	/*#uSiteSlider_paging button{width:50%}*/
	.headDiv h1 a{width:53px  !important; height:20px; background-size:53px 20px;}
	.introH .headDiv h1 a.subLogo ,
	.goodsH .headDiv h1 a.subLogo,
	.serviceH .headDiv h1 a.subLogo,
	.mediaH .headDiv h1 a.subLogo,
	.societyH .headDiv h1 a.subLogo,
	.sportH .headDiv h1 a.subLogo,
	.hrH .headDiv h1 a.subLogo,
	.irH .headDiv h1 a.subLogo{background-size:auto 20px; margin-left:2px;}

	/* 2018-10-30 삭제
	.utillW {top:16px;}
	.utillW {top:16px;}
	.utillD > ul {width:190px; height:16px; background:url('../images/toputill_bg_m.png') no-repeat 0 0; background-size:190px 16px;}
	.utillD > ul > li,
	.utillD > ul > li  > a{width:31px; height:28px;}
	.utillD > ul > li .closeBt {height:42px;}
	.utillD > ul > li:last-child,
	.utillD > ul > li:last-child > a{width:26px}
	.utillD > ul > li.utl2 .inputA {top:28px;}
	.utillD > ul > li.utl3 .uLangB {top:28px;}
	.utillD > ul > li.utl4 .uNewsB {top:28px;}
	.utillD > ul > li.utl5 .uSiteB {top:28px;}
	*/
	
	.mConDiv .mConD1 .banner.left .bt{width:30px; height:30px; background-size:30px;}/* 2018-11-05 추가 */
	.mMediaD .mTitA {left:5%; top:10px; letter-spacing:-0.7px;}
	.mMediaD .mMediaS .mBoxA a {padding:46px  5% 0}
	.mMediaD .mMediaS .mBoxA .titA {margin:2px 0 0; line-height:15px;}
	.mMediaD .mMediaS .mBoxA .dateA {bottom:5px; left:5%;}
	.mMediaD .btnA {right:6px; top:8px}
	.mMediaD .btnA:after{content:""; clear:both; display:block !important}
	.mMediaD .btnA button {width:20px; height:20px; margin:0; background-size:20px; float:left;}
	.mMediaD .btnA button:first-child{margin:0 3px 0 0}
	.mVideoD a span {top:18%;}
	.mVideoD .playBgA .playIcon{top:56%}
	.mVideoD .playBgA .playIcon img {width:35px; height:35px;}
	.mNoticeD .infoA .mTitA{left:5%; top:10px;}
	.mNoticeD .infoA a {padding:46px  5% 0}
	.mNoticeD .infoA .titA{margin:4px 0 0; line-height:18px;}
	.mNoticeD .infoA .txtA {display:none}
	.mNoticeD .infoA .dateA{bottom:5px; left:5%;}
	.mNoticeD .btnA {right:10px; top:8px}
	.mNoticeD .btnA button {width:25px; height:25px; margin:0; background-size:25px;}
	.mSnsD .infoA a {padding:5% 10% 22px 5%; height:auto; box-sizing:border-box}
	.mSnsD .infoA .titA{display:none;margin:4px 0 0; line-height:18px;}
	.mSnsD .infoA .txtA {margin-top:5px}
	.mSnsD .infoA .dateA{bottom:5px; left:5%;}
	.mBlockD .webA {top:8%; left:5%;}
	.mBlockD a .row {bottom:8%; left:5%;}
	.mManaD .listA li .infoA {height:180px;}
	.mManaD .listA li .rowA{height:25px; background-size:25px;}
	.mManaD .newL li .titA {padding:10px 0; height:70px;}
	.mManaD .newL li:nth-child(3) .titA,
	.mManaD .newL li:nth-child(4) .titA{padding:18px 0;  height:65px;}
	.mLinkD .mLinkL li {margin:0 1% 5px 0}
	.mLinkD .mLinkL li a {max-height:150px !important; max-width:150px !important;}
	.mLinkD .mLinkL li a .imgA img {width:35px;}
	.mLinkD .mLinkL li a .txtA {font-size:13px;}
	.mQuickD ul li .mTitA {bottom:8px; left:3%; width:94%; padding:3px 5px; letter-spacing:-1px;} 
	.mQuickD ul li a:hover .mTitA span{background:none}
	
	/*용품 서브메인*/
	.mGoodsInfoD .mTitA{top:10%; left:10%;}
	.mGoodsEventD .txtArea{top:10%; left:5%; width:45%;}
	.mGoodsEventD .txtA {margin:5px 0 0; line-height:17px;}
	.mGoodsEventD .txtA span{display:inline}
	.mGoodsEventD .imgA {text-align:right; width:100%;}
	.mGoodsEventD .imgA img {max-width:640px; width:100%;}
	.goodsMain .mGoodsCusL li .txtArea {top:10%; left:5%}
	.goodsMain .mGoodsCusL li .txtA{margin:5px 0 0; line-height:17px;}

	/*footer*/
	/* 2018-10-30 수정 */
	#footer .quickA{width:auto}
	#footer .quickA .leftD{float:none}
	#footer .quickA .rightD{float:none; margin-left:0; width:auto; margin-top:10px}
	#footer .quickA .rightD .list{width:160px}
	#footer .quickA .rightD .list:nth-child(2n){width:140px}
	#footer .footerS .leftA .fUtillL li:nth-child(4){content:""; clear:both; display:block !important; padding:0; background:none; margin-left:0;}
	#footer .footerS .webCirtyM{width:200px;}
	#footer .footerS .webCirtyM .webAwd.wtisN span:first-child{margin-top:3px;}
	/* //2018-10-30 수정 */

	.pShareD .pShareA {top:39px; width:100%; height:auto; padding:10px 10px 5px;}
	.pShareD .pShareA .titA {font-size:19px; color:#444;}
	.pShareD .pShareA .pSnsList {width:240px; margin:10px auto 0 }
	.pShareD .pShareA .pSnsList a{display:inline-block; width:50px; height:80px; margin:0 0 0 3%; font-size:12px;}
	.pShareD .pShareA .pSnsList a img {width:35px; display:block; margin:0 auto 5px;}
	.asPartsL li {width:50%}
	.asPartsL li:nth-child(3) .titA{border-left:1px solid #ddd; border-top:none;}
	.asPartsL li:nth-child(3) .imgA{border-left:1px solid #ddd}
	.asPartsL li:nth-child(2) .titA{padding-left:1px;}
	.asPartsL li:nth-child(4) .titA{padding-left:1px; border-top:none;}
	.asPartsL li:nth-child(2) .imgA,
	.asPartsL li:nth-child(4) .imgA{padding-left:11px}
	.infoGoodsD .leftA {padding:0 10px 18px;}
	.infoGoodsD .rightA {padding:18px 10px 0}
	.infoGoodsD .imgA{width:100%; overflow:hidden;}
	.infoGoodsD .imgA > span{width:48%; margin:0 1%; float:left;}
	.infoGoodsD .imgA > span img{width:100%;}
	#footer.cyber .footerS{width:100%; padding:0 3%; height:45px; line-height:45px;}

	/* 서브 */
	.btB6{display:inline-block;line-height: 39px;color:#fff;background:#383838;width: 150px;text-align:center;}
	.titStyle{font-size:15px;}
	.titStyle:before{top:-4px;}
	.visionW .listTp{margin-top:20px;}
	.visionW .listTp li{width:100%; float:none; min-height:120px; overflow:hidden; min-height:initial;}
	.visionW .listTp li.listUnit1{background:none; margin-top:8px;}
	.visionW .listTp li.listUnit2{background:none; margin-top:8px;}
	.visionW .listTp li.listUnit3{background:none; margin-top:8px;}
	.visionW .listTp li.listUnit4{background:none; margin-top:8px;}
	.visionW .listTp li.listUnit5{background:none; margin-top:8px;}
	.visionW .listTp li.listUnit6{background:none; margin-top:8px;}
	.visionW .listTp li.listUnit7{background:none; margin-top:8px;}
	.visionW .listTp li > p{width:22%; float:left;}
	.visionW .listTp li div{padding-left:10px; width:78%; float:left; box-sizing:border-box}
	.visionW .listTp li .tit{font-size:15px; margin-top:2px;}
	.visionW .listTp li .txt1{font-size:14px; margin-top:4px;}
	.visionW .listTp li .txt2{font-size:12px; margin-top:4px; line-height:16px;}
	.visionW .idea > .tit{font-size:15px;}
	.visionW .idea > .tit:before{top:-4px;}
	.visionW .idea .tit.mt80{margin-top:40px !important;}
	.visionW .listTp2.mt30{margin-top:25px !important;}
	.visionW .boardType1{margin-top:10px;}
	.visionW .boardType1 tbody th{width:10% !important;}
	.visionList li.vision1{background:none; position:relative; width:100%; height:initial;}
	.visionList li.vision2{background:none; position:relative; width:100%; height:initial;}
	.visionList li.vision3{background:none; position:relative; width:100%; height:initial;}
	.visionList li > img{width:100%; position:relative; top:0; left:0;}
	.visionList li > div{top:13%; left:3%;}
	.visionList li > div .tit{font-size:14px; margin-top:10%;}
	.visionList li.vision1 .subTit3{margin-top:12px; font-size:18px;}
	.visionList li > div .txt{line-height:16px; font-size:10px;}
	.visionList li.vision1{min-height:150px;}
	.visionList li.vision1 > div{min-height:150px; position:absolute; top:0; left:0; padding:2%; width:50%; box-sizing:border-box;}
	.visionList li.vision1 > p{min-height:150px;}
	.visionList li.vision1 > p img{width:100%; min-height:150px;}
	.visionList li.vision1 .txt{margin-top:5px !important; padding-top:0px; font-size:11px;}
	.visionList li.vision2{min-height:150px;}
	.visionList li.vision2 > div{min-height:150px; position:absolute; top:0; left:0; padding:2%; width:50%; box-sizing:border-box;}
	.visionList li.vision2 > p{min-height:150px;}
	.visionList li.vision2 > p img{width:100%; min-height:150px;}
	.visionList li.vision2 .txt{margin-top:20px !important; background-size:80px 35px; padding-top:40px; font-size:12px;}
	.visionList li.vision3{min-height:220px}
	.visionList li.vision3 > div{float:none; width:50%; position:absolute; top:0; left:0; min-height:220px; box-sizing:border-box; padding:2%;}
	.visionList li.vision3 > p{width:100%; min-height:220px}
	.visionList li.vision3 > p img{width:100%; min-height:220px}
	.visionList li .busiD{margin-top:5%;}
	.visionList li .busiD dl{padding-left:0; font-size:12px; min-height:initial; height:initial; margin-top:0;}
	.visionList li .busiD dd{font-size:11px;}
	.visionList li .busiD .unit1{background:none;}
	.visionList li .busiD .unit2{background:none;}
	.visionList li .busiD .unit3{background:none;}
	.officeHeadD .txt{left:4%; top:35px; font-size:14px; line-height:20px}
	.officeHeadD .cBlue{font-size:16px;}
	.officeHeadD .infoArea{height:100px; padding:0 4%;}
	.officeHeadD .infoArea > a{padding:7px 12px 5px; margin-top:35px; font-size:14px;}
	.officeHeadD .infoArea > div span{padding:4px 0 5px 32px; font-size:13px;}
	.officeHeadD .infoArea .infoUnit1{background-size:25px}
	.officeHeadD .infoArea .infoUnit2{background-size:25px}
	.brachTabArea span{float:left; width:25%;}
	.brachTabArea a{ border:1px solid #e2e2e2; display:block; font-size:14px; color:#444; text-align:center; height:30px; line-height:30px; background:#fff;}
	.brachConArea{margin-top:15px}
	.brachConArea .con{padding:25px 20px 40px 20px}
	.brachConArea .con > .tit{font-size:30px;}
	.brachConArea .con > .txt{margin-top:15px; padding-bottom:0;}
	.brachConArea .con .bInfo{padding-right:0; margin-top:20px;}
	.brachConArea .con .bInfo.ovTp{padding-right:0; margin-top:20px;}
	.brachConArea .con .bInfo .add{margin-top:7px;}
	.brachConArea .con .bInfo .mapBt{position:relative; margin-top:10px; display:block;}
	.brachTabArea.tp a{line-height:16px; padding:2px; font-size:14px; height:51px; width:20%}
	.overseasMap{margin-top:15px; padding:0 2%; box-sizing:border-box}
	.overseasMap img{width:100%;}
	.listTypeB li a .infoA .tagA{position:relative; bottom:0; display:inline-block; margin-top:10px;}

	.introSumL li  {width:100%;min-height:auto; padding:15px 10px}
	.introSumL li.bgW{background:#ececec;}
	.introSumL li.reBgW{background:#fff;}
	.introSumL li .infoA {width:59%}
	.introSumL li .infoA .titA {font-size:15px}
	.introSumL li .infoA .barTxt {display:inline-block; margin:8px 0 0; padding:0 5px 10px 0; font-size:18px}
	.introSumL li .infoA .txt2 {margin:10px 0 0; line-height:18px;}
	.introSumL li .imgA {min-width:90px; width:25%; max-width:132px;}
	.introSumL2 li{width:100%; overflow:hidden; margin:10px 0 0}
	.introSumL2 li:first-child{margin:0;}
	.introSumL2 li .infoA {min-height:100%; height:auto}
	.colorD .leftA {float:none; width:100%; padding:0; margin:0 0 15px;}
	.colorD .rightA {float:none; width:100%; padding:0; }
	.colorList li {width:50%;}
	.colorList li .txtA {min-height:52px;}
	.colorLogoL li {margin:10px 0 0;}
	.colorLogoL li .imgA {float:none; width:100%; padding:0 10%}
	.colorLogoL li .txtA {float:none; text-align:center; line-height:1.2; margin:5px 0;  padding:0 2px;}
	.colorLogoL.cLogoL1 li .txtA,
	.colorLogoL li .txtA.twoR,
	.colorLogoL.cLogoL1 li .txtA.twoR {margin:5px 0}
	.colorLogoL.cLogoL2 li:nth-child(1) .txtA,
	.colorLogoL.cLogoL2 li:nth-child(2) .txtA,
	.colorLogoL.cLogoL2 li:nth-child(3) .txtA,
	.colorLogoL.cLogoL2 li:nth-child(4) .txtA {min-height:35px;}
	.logoMarkD {padding:25px 20px}
	.banGraphicD {padding-bottom:15px; border-bottom:1px solid #e9e9e9}
	.banGraphicD .imgA img{width:80%;}
	.banGraphicD .imgA {float:none; width:100%; text-align:center;}
	.banGraphicD .txtA {float:none; width:100%; padding:3% 0 0 5%; text-align:center;}

	/* 고객서비스 */
	.proResultA{padding:0 4%; margin-top:40px;}
	.partSrchBt{font-size:14px; padding:8.5px 30px;}
	.proSrchTxt .txt1{font-size:17px;}
	.proSrchA .chkList .tit{font-size:14px;}
	.proSrchA .chkList li{height:auto}/* 2018-11-29 수정 */
	.proSrchA .chkList li .titA{width:25%}
	.proSrchA .chkList li .chkA{width:75%; box-sizing:border-box; padding-right:3%}
	.proSrchA.tp1 .chkList li.areaTp{height:auto; line-height:1.3}/* 2018-11-29 수정 */
	.proSrchA.tp2 .chkList li.areaTp{height:auto; line-height:1.3}/* 2018-11-29 수정 */
	.proSrchA.tp1 .chkList li.areaTp .chkA{width:75%; padding:10px 3% 12px 0; box-sizing:border-box;}
	.proSrchA.tp2 .chkList li.areaTp .chkA{width:75%; padding:7px 3% 7px 0; box-sizing:border-box;}
	.proSrchA.tp2 .chkList li.areaTp2{height:auto; line-height:1.3}/* 2018-11-29 수정 */
	.proSrchA.tp2 .chkList li.areaTp2 .chkA{line-height:normal; padding:10px 0 12px}
	.proSrchA.tp2 .chkList li.areaTp2 .chkA .reactB{margin-bottom:0;}/* 2018-11-29 수정 */
	.proSrchA.tp2 .chkList li.areaTp3{height:auto; line-height:1.3} /* 2018-11-29 수정 */
	.proSrchA .chkList li .chkA .chk{margin-right:8px;}
	.proSrchA .chkList label{padding-left:23px; background:url('../images/chktp1_off.gif') left no-repeat; background-size:18px 18px; font-size:16px; color:#444; cursor:pointer; font-size:14px;}
	.proSrchA .chkList input[type="radio"]:checked + label {background:url('../images/chktp1_on.gif') left no-repeat; background-size:18px 18px;}
	.proSrchA.tp1 select{width:100% !important; height:32px !important;}
	.proSrchA.tp2 select{width:100% !important; height:32px !important;}
	.proSrchA .chkList .chkA input{width:100% !important; box-sizing:border-box}
	.proResultA .tit{font-size:16px; color:#333; }
	.proResultA .boardType1.mt25{margin-top:10px !important;}
	.proResultA .partInfoA .infoA{padding:20px 0 23px 20px;}
	.proResultA .partInfoA .infoA .tit{font-size:18px;}
	.proResultA .partInfoA .infoA ul{margin-top:8px}
	.proResultA .partInfoA .infoA li{font-size:14px;}
	.proResultA .partInfoA .infoA.noData{line-height:50px; padding:25px 0 25px 25px}
	.proResultA .partInfoA .infoA.noData p{font-size:14px; color:#444}
	.partNoData{font-size:16px; padding:22px 20px;}
	.partNoData p{background:url('../images/partnodata_icon.png') top no-repeat; background-size:23px; padding-top:25px; }
	.manualBotA{padding:15px 4% 0;}
	.manualBotA.tp{padding:30px 4% 0;}
	.manualBotA .txt{padding-bottom:10px;}
	.titInfoA .titA.tp2{padding-top:0;}
	.titInfoA .titA .titTp2{font-size:25px;}
	.titInfoA .manualA .btnA span{border-radius:28px; overflow:hidden; display:inline-block; margin-top:5px;}
	.titInfoA .manualA .btnA span:first-child{margin-top:0;}
	.titInfoA .manualA .btnA a{padding:12px 30px 11px 18px; background:url('../images/arrowbgtp.png') 142px no-repeat #003e80; font-size:14px; margin:8px auto 0 !important; display:table;}
	.titInfoA .manualA .btnA a:first-child{margin:0 auto 0;}
	.titInfoA .strategyA dl{width:100%; float:none;}
	.reportW .potenReportA{margin-bottom:40px;}
	.reportW .potenReportA .conA{padding-left:0; height:auto;}
	.reportW .potenReportA .conA .tit{font-size:18px; padding-bottom:0;}
	.reportW .potenReportA .conA .tit:before{display:none;}
	.reportW .potenReportA .conA .txt{margin-top:10px; line-height:22px;}
	.reportW .potenReportA .conA .btnA.tp{font-size: 14px; margin-top:10px;}
	.reportW .potenReportA .conA .btnA.tp a img{top: 13px;left:2px;}
	.reportW .potenReportA .conA .btnA .lang{margin-top:2px;}
	.reportW .potenReportA .conA .btnA .lang a{font-size:10px; padding:5px 10px;}
	.reportW .potenReportA .conA .btnA .titA.tp1{background:url('../images/btnutil_icon1.png') right 4px no-repeat; background-size:10px;}
	.reportW .potenReportA .conA .btnA .titA.tp2{background:url('../images/btnutil_icon2.png') right 4px no-repeat; background-size:10px;}
	.reportList{margin-top:0}
	.reportList li{width:46%; margin:20px 2% 20px 2% !important}
	.reportList li .imgA{margin-top:5px;}
	.reportList li .btnUtil .lang{margin-top:2px; display:block;}
	.reportList li .btnUtil .lang a{font-size:10px; padding:5px 5%;}
	.reportList li .year{font-size:18px;}
	.reportList li .year:before{top:-4px;}
	.reportList li .btnUtil .tit{padding-right:14px;}
	.reportList li .btnUtil .tit.tp1{background:url('../images/btnutil_icon1.png') right 4px no-repeat; background-size:10px;}
	.reportList li .btnUtil .tit.tp2{background:url('../images/btnutil_icon2.png') right 4px no-repeat; background-size:10px;}
	.reportList li .btnUtil2 span a{display:block; font-size:13px; font-weight:bold; color:#666; line-height:35px;}
	.reportList li .btnUtil2 span a img{top:10px;}
	.reportList.tp li .imgA{margin-top:5px}
	.partnerShipA{padding:20px 5% 20px 5%}
	.partnerShipA .btnA{margin-top:5px;}
	.partnerShipA .btnA a{font-size:14px; margin-left:1px; margin-right:1px; margin-top:1px; margin-bottom:1px;}
	.partnerShipA .btnA a:first-child{margin-left:1px;}
	.serviceMain .serviceVisualW{height:500px}
	.serviceMain .serviceVisualW .srchD{top:60px;}
	.serviceMain .serviceVisualW .srchD li > p{width:20%;}
	.serviceMain .serviceVisualW .srchD li > div{width:80%}
	.sManualA .manualList li .imgA img{width:100%;}

	/* 미디어센터 */
	.comNewsTop .btnA .androidBt {padding:2px 10px 0 0}
	.comNewsTop .btnA .iosBt {padding:2px 0 0 5px;}
	.comNewsTop .btnA a span {margin:0 0 0 7px; padding:0; font-size:11px;}
	.comNewsTop .btnA a img {width:22px;}
	.gardenList li{width:100%;}
	.gardenList li .txtA{font-size:14px; color:#333; padding:15px 15px; box-sizing:border-box}
	.searchD .appBt{height:28px; line-height:28px; padding:0 12px;}
	.searchD .appBt span{background:url('../images/appbt_bu.png') no-repeat 0 0; background-size:12px; top:7px; left:3px;}
	.subAppPop{width:88%;}
	.subAppPop .pWrap{width:100%;}
	.subAppPop .pWrap .pHead{padding:12px 5% 8px; font-size:18px;}
	.subAppPop .pWrap .pHead a{top:15px; right:5%;}
	.subAppPop .pWrap .pHead a img{width:12px}
	.subAppPop .pWrap .pBody{padding:15px 3% 20px 3%}
	.subAppPop .pWrap .pBody .infoList{padding:12px 2% 10px 2%; margin-top:12px;}
	.subAppPop .pWrap .pBody .agreeChkA{padding:12px 2% 10px 2%}
	.subAppPop .pWrap .pBody .agreeChkA span{bottom:10px; right:2%;}
	.subAppPop .pWrap .pBody .registA{position:relative; box-sizing:border-box; padding-right:87px; margin-top:20px;}
	.subAppPop .pWrap .pBody .registA span{width:100%; display:inline-block;}
	.subAppPop .pWrap .pBody .registA span input{width:100%;}
	.subAppPop .pWrap .pBody .registA a{position:absolute; top:0; right:0; line-height:40px}
	.mediaMain .mediaTabArea1 .btnArea a img{top:10px; right:5px; width:13px;}
	.mediaMain .mediaTabArea2 .btnArea a img{top:9px; right:6px; width:21px;}
	.eHisTabA .eHisButD{font-size:18px;}
	.eHisTabA .eHisButD a{margin:0 0 0 15px;}
	.eHisTabA .eHisButD .year{font-size:12px; letter-spacing:0px}
	.eHisTabA .eHisButD a.on span.year,
	.eHisTabA .eHisButD a:nth-child(3).on {padding:0 0 14px;}
	.eHisPopD .eHisCon .videoA video {width:100%; max-width:290px !important;}

	/* 사회책임경영 */
	.mSoWidthD {padding:190px 0 0}
	.mSoWidthD .widthL li {padding:0 2px; box-sizing:border-box}
	.mSoWidthD .widthL li .imgA {max-width:100px;}
	.mSoWidthD .widthL li .imgA img{width:100%; max-width:100px;}
	.mSoWidthD .btnA {margin:20px 0 0}
	.mSoWidthD .btnA a{font-size:15px; padding:8px 10px}
	.mSoBlockD li .notiBox .cateA {padding:5px 10px;}
	.mSoBlockD li .blockD a .wisA {top:10%; left:5%; z-index:200; width:auto;}
	.mSoBlockD li .blockD .mTitA {font-size:17px}
	.mSoBlockD li .blockD .txtA {margin:5px 0 0; padding:0 5% 0 0}
	.mSoBlockD li .blockD .imgA.on {min-height:200px; background:#fff;}
	.mSoBlockD li .blockD .imgA.on img {position:absolute; bottom:0; left:0;}
	.sumW{padding:25px 4%;}
	.sumW .txt{margin-top:8px; line-height:20px;}
	.sumW .listTp{margin-top:20px;}
	.sumW .listTp li{width:100%; float:none; min-height:120px; overflow:hidden; min-height:initial;}
	.sumW .listTp li.listUnit1{background:none; margin-top:8px;}
	.sumW .listTp li.listUnit2{background:none; margin-top:8px;}
	.sumW .listTp li.listUnit3{background:none; margin-top:8px;}
	.sumW .listTp li.listUnit4{background:none; margin-top:8px;}
	.sumW .listTp li.listUnit5{background:none; margin-top:8px;}
	.sumW .listTp li.listUnit6{background:none; margin-top:8px;}
	.sumW .listTp li.listUnit7{background:none; margin-top:8px;}
	.sumW .listTp li > p{width:22%; float:left;}
	.sumW .listTp li div{padding-left:10px; width:78%; float:left; box-sizing:border-box}
	.sumW .listTp li .tit{font-size:15px; margin-top:2px;}
	.sumW .listTp li .txt1{font-size:14px; margin-top:4px;}
	.sumW .listTp li .txt2{font-size:12px; margin-top:4px; line-height:16px;}
	.sumW .cirTit.mt95{margin-top:30px !important;;}
	.sumW .diagram img{width:100%;}
	.sumW .diagram{margin-top:10px !important;}
	.wType{padding:25px 4%;}
	.wType > .imgA img{width:100%;}
	.divideTxtB .mTit{font-size:15px; color:#333}
	.chartSrchA{top:30px; left:0; padding:0 5%; width:100%; box-sizing:border-box;}
	.chartSrchA .txt{font-size:15px;}
	.chartSrchA .botA2{margin-top:20px;}
	.chartSrchA .botA2 span{width:100%; margin-top:10px; margin-left:0; text-align:center;}
	.chartSrchA .botA2 span:first-child{margin-top:0px;}
	.chartSrchA .botA2 span select{width:49%; margin-left:2%;}
	.chartSrchA .botA2 span a{width:49%; margin-left:0; box-sizing:border-box; padding:0;}
	.chartSrchA .botA2 a img{top:10px}
	.chartSrchA .botA3{margin-top:20px;}
	.chartSrchA .botA3 span{width:100%; margin-top:10px; margin-left:0; text-align:center;}
	.chartSrchA .botA3 span:first-child{margin-top:0px;}
	.chartSrchA .botA3 span select{width:49%; margin-left:2%;}
	.chartSrchA .botA3 span a{width:49%; margin-left:2%; box-sizing:border-box; padding:0;}
	.chartSrchA .botA3 a img{top:10px}
	.strategyList > li{width:100%; margin-left:0; margin-top:25px;}
	.strategyList > li:first-child{margin-left:0; margin-top:0;}
	.strategyList > li > p{text-align:center;}
	.strategyList > li > .arrowA{display:block; margin-bottom:15px;}
	.strategyList > li > .imgA img{width:60%;}
	.strategyList > li > div p{padding:12px 15px 9px}
	.strategyList > li > div ul{padding:10px 10px;}
	.strategyList > li > div ul li:before{top:8px;}
	.strategyA > img{display:none;}	
	.strategyA.tp{width:100%;}
	.strategyA.tp .strategyList > li{margin-top:0; width:48%; margin-left:4%;}
	.c3List li{width:100%; min-height:100%; margin-left:0; margin-top:8px; padding:20px 3% 17px 3%}
	.c3List li:first-child{margin-left:0; margin-top:0px;}
	.ethicsOperSys{margin-top:20px;}
	.ethicsOperSys p img{width:110px}
	.ethicsOperSys li{width:46%; margin:0 2% 10px}
	.ethicsOperSys li:first-child{margin:0 2% 10px}
	.ethicsOperSys li .titA{font-size:16px; padding:10px 0;}
	.ethicsOperSys li div{padding:15px 2%; font-size:14px; min-height:100px;}
	.sctCpCon > div{padding:0 3%; float:none; width:100%; margin-top:30px;}
	.sctCpCon > div:first-child{border-right:none; margin-top:0;}
	.sctCpCon > div .img img{width:90px}
	.sctCpCon > div .tit{font-size:17px; margin-top:15px;}
	.sctCpCon > div .txt{margin-top:10px}
	.scrCpPolicy{padding-left:0; background:none; margin-top:50px;}
	.scrCpPolicy ul{margin-left:0;}
	.scrCpPolicy li{margin-top:20px;}
	.scrCpPolicy .tit{padding-top:6px; font-size:18px;}
	.scrCpPolicy .txt{margin-top:5px}
	.cpBtnW span{display:block; margin-top:7px;}
	.cpBtnW span:first-child{margin-top:0;}
	.cpBtnW a{padding:14px 24px; font-size:16px;}
	.cpBtnW a img{width:20px;}
	.cpBtnW2 a{margin-left:0%; width:100%; margin-top:8px;}
	.cpBtnW2 a:first-child{margin-left:0%; margin-top:0;}
	.fTradeTit{font-size:18px; padding-top:85px; background:url('../images/ftradetit_icon.gif') center top no-repeat; background-size:70px; line-height:24px}
	.ftListTp li{width:100%; border-left:0; min-height:100%; margin-top:25px;}
	.ftListTp li:first-child{margin-top:0;}
	.ftListTp li .imgA img{width:90px;}
	.ftListTp li .tit{margin-top:10px;}
	.ftListTp li .txt{margin-top:10px;}
	.actList li{margin-top:5px; padding:20px 0 15px}
	.actList li img{width:70%;}
	.adminIntro .topA .tit{font-size:22px; line-height:30px}
	.adminIntro .topA .txt{font-size:15px; margin-top:7px; line-height:22px}
	.adminIntro .botA{padding-left:115px; min-height:100%; margin-top:15px}
	.adminIntro .botA .imgA img{width:106.5px}
	.cpElementList li{width:49%; margin-left:2%; min-height:185px;}
	.cpElementList li:nth-child(3){margin-left:0; margin-top:30px;}
	.cpElementList li:nth-child(4){margin-left:2%; margin-top:30px;}
	.cpElementList li:nth-child(5){margin-left:0;}
	.cpElementList li:nth-child(3),
	.cpElementList li:nth-child(4),
	.cpElementList li:nth-child(5),
	.cpElementList li:nth-child(6),
	.cpElementList li:nth-child(7){min-height:135px;}
	.cpElementList dt{padding:20px 15px 20px;}
	.cpElementList dt .tit{font-size:16px;}
	.cpElementList dt .num{width:20px; height:20px; line-height:20px; font-size:15px;}
	.cpElementList dd{margin-top:5px;}
	.cpElementList dd span{font-size:13px; line-height:18px; padding-left:8px;}
	.cpElementList dd span:before{top:6px}
	.aTwoBox li{float:none; width:100%; margin-left:0; margin-top:15px;}
	.aTwoBox li:first-child{margin-top:0;}
	.actRollW #actRolling{width:100% !important; }
	.actRollW #actRolling ul{width:100% !important; height:initial}
	.actRollW #actRolling ul li{width:100% !important; height:initial}
	.actRollW #actRolling ul li > span{width:30.3333%; margin:0 1.5%;}
	.actRollW #actRolling ul li > span img{width:100%;}
	.actRollW #actRolling_paging{margin-top:10px;}
	.mForestRollW {width:100%; margin:15px auto 0;}
	.mForestRollW #mForestRollL {width:100%; height:100%;}
	.mForestRollW #mForestRollL ul {width:100%; height:100%}
	.mForestRollW #mForestRollL ul li {width:100%; height:100%;}
	.mForestRollW #mForestRollL ul li .bImgA img{width:100%;} 
	.mForestRollW .mfMapS{width:100%; padding:15px; background-size:100% 100%; box-sizing:border-box}
	.mForestRollW .mfMapS .imgA{width:0; float:none; display:none}
	.mForestRollW .mfMapS .infoA{width:100%; padding:0;  box-sizing:border-box}
	.mForestRollW .mfMapS .infoA .titA {padding:0 60px 0 0;}
	.mForestRollW .btn_area button {display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold;}
	.mForestRollW .mForestBtn .btn_prev{right:40px;}
	.mForestRollW .mForestBtn .btn_next{right:20px;}
	.mForestRollW #mForest_paging{position:absolute; bottom:20px; left:0; width:100%;}
	.sSumD .widthL li{padding:0 2px; box-sizing:border-box; min-height:190px;}
	.sSumD .widthL li .imgA{max-width:100px; margin:0 auto;}
	.sSumD .widthL li .imgA img{width:100%; max-width:100%;}

	/* 스포츠단 */
	.archeryPopW .accoPopD {width:100%;}
	.archeryPopW .accoPopD .imgA {width:42%; height:auto; }
	.archeryPopW .accoPopD .imgA img {width:100%; max-width:160px;}
	.archeryPopW .accoPopD .infoA {width:58%; padding:10px 0 5px}
	.archeryPopW .accoPopD .infoA .titA {margin:5px 0 0}
	.archeryPopW .accoPopD .infoA .txtA {margin:2px 0 0}
	.archeryPopW .accoPopD .infoA .buA span{height:24px; line-height:24px}

	/*ir*/
	.nameBoxD ul > li {padding:15px; width:100%; margin:0 0 3% 0;}
	.condiBox ul > li {width:100%; margin:3% 0 0 0;}
	.condiBox ul > li .infoA {min-height:100%; height:auto;}

	/*회원가입*/
	.loginD {padding:35px 20px;}
	.loginD .leftA{padding:0 20px; }
	.loginD .leftA .logoA img {width:100%; max-width:300px; min-width:200px;}
	.loginD .rightA label {width:23%}
	.loginD .rightA input {width:77%}
	.loginD .rightA .btnA {padding:0 0 0 23%}
	.loginD .rightA .listA {padding:0 0 0 23%}
	.loginD .rightA .listA a{padding:0 4px 0 4px; font-size:13px} 
	.loginD .rightA .listA a:last-child{padding-right:0;}

	/* 사이버감사실 */
	.cbCon{padding:25px 4% 35px;}
	.cbCon .boxTp2{padding:15px 0;}
	.cbCon .boxTp2 p{width:100%; position:relative; padding-right:80px; box-sizing:border-box; text-align:left;}
	.cbCon .boxTp2 p .tit{margin-bottom:5px;}
	.cbCon .boxTp2 input{width:100%; height:40px; box-sizing:border-box}
	.cbCon .boxTp2 p .btn{position:absolute; bottom:0; right:0;}
	.cbCon .listTp .imgA{width:80%; margin: auto}
	.cbCon .listTp .imgA img{width:100%}
	.cbCon .listTp .tit{font-size:16px;}
	.cbCon .cpltBox{padding:15px 4%; margin-top:20px;}
	.cbCon .cpltBox .textA{background:none; min-height:100%; box-sizing:border-box; padding:10px 0 10px 0;}
	.cbCon .cpltBox .txt .react{display:inline;}
	.cbCon .cpltBox .cirtiNum{font-size:20px; padding:22px 0; margin-top:15px;}
	.cbCon .cpltBox .cirtiNum span{display:block;}

	/* 유틸리티 */
	.allSrchW{height:175px; padding:10px 3% 45px; box-sizing:border-box}
	.allSrchA{left:3%; width:94%; top:0}
	.srchBt{width:100%; height:45px; line-height:45px; font-size:16px; bottom:0; top:auto;}
	.srchBt span{background: url('../images/allsrch_icon.png') left 5px no-repeat;padding-left: 16px;background-size: 15px;}
	.allSrchA .topA p{padding:5px 10px 8px; font-size:20px;}
	.allSrchA .topA p:before{height:20px}
	.allSrchA .topA p input{position:relative; top:2px;}
	.allSrchA .botA{padding-top:0; padding-left:0; position:relative; box-sizing:border-box; width:100%;}
	.allSrchA .botA .monthA{float:none; width:100%;}
	.allSrchA .botA .monthA span{width:47%; display:inline-block;}
	.allSrchA .botA .monthA input{width:100%; box-sizing:border-box}
	.allSrchA .botA .monthA a{top:8px; right:9px}
	.allSrchA .botA .monthA .noun{width:6%; text-align:center;}
	.allSrchA .botA .chkA{position:relative; top:5px;}
	.allSrchA .botA .chkA label{background:url('../images/allchk_icon.gif') left 0 no-repeat;}
	.allSrchA .botA .chkA input[type="checkbox"]:checked + label {background:url('../images/allchk_icon_on.gif') left 0 no-repeat;}
	.siteInfoList li{width:100%; margin:0 0 10px !important; padding:0 2% 50px 2%; min-height:100% !important;}
	.siteInfoList li.tp{min-height:310px}
	.siteInfoList li .tit{font-size:15px;}
	.siteInfoList li .arrow{bottom:15px; margin-left:-10px;}
	.siteInfoList li .arrow img{width:20px;}
	.siteInfoList li .imgA{width:20%;}
	.errorW{width:100%; margin:60px auto 0;}
	.errorW .wrap{width:100%; height:auto; background:#fff; position:relative; box-sizing:border-box; padding:20px 4% 60px;}
	.errorW .wrap .logo{top:-40px;}
	.errorW .wrap .logo img{width:65.5px}
	.errorW .wrap .tit img{width:75%;}
	.errorW .wrap dl{margin-top:25px;}
	.errorW .wrap dt{font-size:20px; font-weight:bold; color:#333; margin-bottom:10px}
	.errorW .wrap dd{margin:4px 0;}
	.errorW .wrap a{position:absolute; bottom:0; left:0; padding:11px 0; display:block; width:100%; background:#383838; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
	.errorW .wrap a span{background:url('../images/btarrowtp2.png') right no-repeat; background-size:5px; padding-right:12px}

	/* 2018-10-30 추가 */
	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea{height:235px}
	.mediaMain .mediaTabArea1 .tabA1 .mdCmoreBtn a{margin-bottom:20px}
	.subMain .mConD .snsTit{margin-top:20px}
	/* // 2018-10-30 추가*/
}


@media all and (max-width:450px){
	/* 2019-03-11 추가 */
	.viewCon .viewD .swiper-button-prev{left:-10%; }
	.viewCon .viewD .swiper-button-next{right:-10%; }
	/*  // 2019-03-11 추가 */
	#uSiteSlider2 {width:60%; left:40%} /* 2018-10-30 추가*/
	#uSiteSlider_paging {width:40%}/* 2018-10-30 추가*/ 
	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea{height:245px}/* 2018-10-30 추가 */
	.mConDiv .mConD1 .banner.left .bt{width:20px; height:20px; background-size:20px}/* 2018-11-05 추가 */
	.mLinkD .mLinkL li a {max-height:95px !important; max-width:95px !important;}
	.broDownList .logoA img{width:100%; max-height:65px;}
	.mLinkD .mLinkA {margin:10px 0 0;}
	.colorLogoL.cLogoL1 li:nth-child(3) .txtA,
	.colorLogoL.cLogoL1 li:nth-child(4) .txtA {min-height:65px;}
	.colorLogoL.cLogoL4 li:nth-child(3) .txtA,
	.colorLogoL.cLogoL4 li:nth-child(4) .txtA {min-height:48px;}
	.colorLogoL li .txtA .disB{display:inline !important}

	/* 2018-10-30 추가*/
	.utillD > ul > li.utl3 a.bt{box-sizing:border-box; padding-left:8px; text-align:left; background:url("../images/utill_lang_more.png") right 6px top 50% no-repeat}/* 2018-11-29 수정 */
	.utillD > ul > li.utl3 a.bt.on{background:url("../images/utill_lang_more.png") 91% 19px no-repeat #fff}/* 2018-11-29 추가 */
	.mediaMain .mediaTabArea1 .tabA1 li .txtB span{overflow: hidden; display:block; position:relative; bottom:0; width:100%; margin-bottom:20px}
	.mediaMain .mediaTabArea1 .mTabCon1 ul li{box-shadow:none; background:none};
	.mediaMain .mediaTabArea1 .wrapA ul li{width:49% !important; margin-right:2% !important}
	.mediaMain .mediaTabArea1 .wrapA ul li.long .imgB{position:relative}
	.mediaMain .mediaTabArea1 .tabA1 li .txtB{position:relative; background:none; line-height:18px; font-size:13px; color:#222;  padding:0; margin-top:10px; height:auto}
	.mediaMain .mediaTabArea1 .tabA1 li .txtB strong{font-size:13px}
	.mediaMain .mCon2 .mediaSnsW a{width:20%; margin-right:0}
	.mediaMain .mediaTabArea1 .tabA1 li .txtB span{vertical-align:top}
	.mediaMain .mediaTabArea1 .tabA1 .mdCmoreBtn a{margin-bottom:20px}
	.subMain .mConD .snsTit{margin-top:20px}
	.mediaMain .mCon2 .mConD > .txt{letter-spacing:0; margin-top:17px}
	.mediaMain .mCon2 .mediaSnsW{margin-top:25px}
	.mediaMain .mCon2 .mediaSnsW>div{width:100%}
	.mediaMain .mCon2 .mediaSnsW a{width:calc(100% / 3); box-sizing:border-box; padding-bottom:25px; font-size:13px; font-weight:bold; color:#333}
	.mediaMain .mCon2 .mediaSnsW a:hover{top:0}
	.mediaMain .mCon2 .mediaSnsW a:after{display:none}
	.mediaMain .mediaTabArea1 .mTabCon1 ul li > a:after{display:none} 
	.sub .subTitD{width:94%; margin:0 auto}
	#footer .topA .famSiteD .famList .listD{width:auto}
	/* // 2018-10-30 추가*/
}