/* header */
#header .btnGoodSch {border:1px solid white;color:white;position:absolute;right:0;width: 85px !important;line-height: 30px;text-align:center;height: 30px !important;top: 25px;margin: 0 5px !important;}

/* Good Easy Search */
    fieldset.typeWrap.main {height: 180px;}
    .goodSchWrap {display:none;position:fixed; left:0; top:0; width:100%; padding-top:75px; z-index:12;}
    .goodSchWrap.on {display:block;}
    .goodSchWrap .typeWrap {float:left;background:white;border:1px solid #ccc;width: 100%;}
    .goodSchWrap .goodSch {float:left;background:white;border:1px solid #ccc;width: 100%;padding: 10px 10px 0px;margin-left: 0px;height: 20%;}
    .goodSchWrap .goodTypeTabMenu02 {overflow:hidden;margin: -1px 0 0 0px;}
    .goodSchWrap .goodTypeTabMenu02 li {float:left; *width:220px !important; *margin-left:-1px;}
    .goodSchWrap .goodTypeTabMenu02 li button {border:1px solid #ddd;height:46px;/* font-size:16px; */color:#777;}
    .goodSchWrap .goodTypeTabMenu02 li.on button {border:1px solid #2bb161; border-bottom:0; height:46px; font-family:'nngb'; color:#fff; background:#2bb161;}
    .goodSchWrap .tabConWrap,
    .eduSchWrap .tabConWrap{position:relative;/* height: 100%; */}
    .goodSchWrap .selAreaWrap,
    .eduSchWrap .selAreaWrap{overflow:hidden;/* border:1px solid #e5e5e5; */margin: 0px;/* position:relative; */}
    .selAreaWrapBd{border: 1px solid #ccc;position: relative; margin-bottom:30px;}
    .goodSchWrap .selAreaWrap .selArea,
    .eduSchWrap .selAreaWrap .selArea{float:left;border-left:1px solid #e5e5e5;line-height: 30px;}
    .goodSchWrap .selAreaWrap .selArea:first-child,
    .eduSchWrap .selAreaWrap .selArea:first-child { border-left:0 }
    .goodSchWrap .tabCon.type01 .selAreaWrap .selArea,
    .eduSchWrap .tabCon.type01 .selAreaWrap .selArea {width: 45%;height: 140px;}

    .goodSchWrap .tabCon.type02 .selAreaWrap .selArea {width: 30%;height: 137px;}
    .eduSchWrap .tabCon.type02 .selAreaWrap .selArea.type01{width:513px !important;}
    .goodSchWrap .selAreaWrap .tit,
    .eduSchWrap .selAreaWrap .tit {background:#fafafa;padding-left: 20px;font-family:'nngb';color:#333;height: 35px;}
    .goodSchWrap .selAreaWrap button,
    .eduSchWrap .selAreaWrap button {width:100%;padding-left:20px;line-height: 35px;text-align:left;}
    .goodSchWrap .selAreaWrap li.on button,
    .eduSchWrap .selAreaWrap li.on button{background:#999; font-family:'nngb'; color:white;}
    .goodSchWrap .scrollBox {height: 100px;}
    .goodSchWrap .btnGood {float:left;/* display:block; */height: 74% !important;border:1px solid #e5e5e5;/* width:265px; *//* height:68px; *//* padding-top: 28px; *//* text-align:center; *//* margin:40px 0 0 20px; */}
    .goodSchWrap .btnGood:first-child {margin-left:0;}
    .goodSchWrap .btnGood.type01 {background: url("../images/icon/icon_zoom02.png") center  no-repeat #fafafa;margin-left:55px;width: 49% !important;line-height: 59px;}
    .goodSchWrap .btnGood.type02 {background: url("../images/icon/icon_cirHand.png") center  no-repeat #fafafa;width: 49% !important;float: right;line-height: 59px;}
    .goodSchWrap .btnGood.on{border:1px solid #2BB161;background-color:#EDF8F2;}
    .goodSchWrap .btnGood .tit {font-family:'nngb';font-size:24px;color:#333;padding-left:0;background:none;}
    .goodSchWrap .btnGood .tit span {display:block; margin-top:10px; font-family:'nng'; font-size:13px; color:#5dc379;}
    .goodSchWrap .btnSch {position:absolute;right:0;top:0;background:#1e8ef2;width: 10%;margin:0 -1px 0 0;/* padding:55px 0; */font-family:'nngb';font-size:16px;line-height:26px;text-align:center;color:white;}
    .goodSchWrap .btnSch.type02{position:absolute; right:0px; top:0px; background:#1e8ef2; width:60px; margin:0 -1px 0 0; padding:72px 0; font-family:'nngb'; font-size:16px; line-height:26px; text-align:center; color:white;}
    .goodSchWrap .btnSch.type03{/* position:absolute; *//* right:0px; *//* top:0px; *//* background:#1e8ef2; *//* width:60px; *//* margin:0 -1px 0 0; *//* padding:80px 0; *//* font-family:'nngb'; *//* font-size:16px; *//* line-height:26px; *//* text-align:center; *//* color:white; */}
    .goodSchWrap .btnSch.type04 {position: absolute;right: 0; top: 0; background: #1e8ef2;  width: 60px; margin: 0 -1px 0 0;padding: 55px 0;font-family: 'nngb'; font-size: 16px; line-height: 26px;text-align: center; color: white;    margin-top: 41px; margin-right: 10px;}
    .goodSchWrap .btnSch.type05 {position: absolute;right: 0;top: 0;background: #1e8ef2;width: 10% !important;margin: -1px 1px 0px 3px !important;padding: 49px 0;font-family: 'nngb';font-size: 16px;line-height: 26px;text-align: center;color: white;margin-top: 41px;margin-right: 10px;}
    .goodSchWrap .goodSch .title01 {font-family:'nngb'; font-size:18px; color:#333;}
    .goodSchWrap .goodSch .schIn {border:3px solid #777;margin-top:20px;width: 91%;}
    .goodSchWrap .goodSch .schIn input {border:none;width: 80%;height:33px;padding: 3px 0px;}
    .goodSchWrap .goodSch .schIn a {display:inline-block  !important;background:#777;width:20%!important;font-family:'nngb';font-size:16px;line-height:39px;text-align:center;color:white;/* align-items: center; */}
    .goodSchWrap .goodSch .title02 {margin-top:20px; font-family:'Dotum'; font-weight:bold; color:#1e8ef2;}
    .goodSchWrap .goodSch .list {overflow:hidden;/* margin:14px 0 0 -12px; */font-family:'Dotum';line-height:22px;}
    .goodSchWrap .goodSch .list li {list-style: none;float: left;line-height: 30px;width: 25%;}
    .goodSchWrap .goodSch .list li a {color:#777; width: auto !important; height: auto !important;}
    .goodSchWrap .btnClose {position:absolute; right:0; top:33px; width:26px; height:26px;}
    .goodSchWrap .btnClose {position:absolute; right:0; top:33px; width:26px; height:26px;}



#subheader{ background:#34b458;}
#subheader{overflow:hidden;width:100%;position:relative;height:75px;}
#subheader .btnGoodSch {border:1px solid white;color:white;position:absolute;right:0;width: 85px !important;line-height: 30px;text-align:center;height: 30px !important;top: 25px;margin: 0 5px !important;}
#subheader .mTop .logo{padding:22px 0 0;}
#subheader .mTop .logo a{margin:0 auto;display:block;width:211px;height:40px;text-align:center;}
#subheader .mTop .logo a > img{max-width:60%;padding-top:5px;}
#subheader .topGnb{overflow:hidden;height:33px;width:42px;position:absolute;left:20px;top:30px;}
#subheader .topGnb .mGnb{display: block;position:absolute;top:0;right:0;font-size:12px;font-weight: bold;color:#4b4b4b;}
#subheader .topGnb .mGnb .mMbtn{display:block;background:url("../images/ui/mMenu_icon.png") no-repeat;width:42px;height:33px;background-size:25px 20px;color:#444;text-indent:26px;}

#lnbWrap #lnb{border-bottom:1px solid #E0E0E0;}
#lnbWrap #lnb .swiper-container{height:50px;}
#lnbWrap #lnb .swiper-slide{height:auto;position: relative;}
#lnbWrap #lnb .swiper-wrapper{width: 100%!important; text-align:center;}
#lnbWrap #lnb a{display:block;color:#828282;font-family:'nngb';font-size:15px;height: 50px;line-height: 50px;}
#lnbWrap #lnb a.on{color:#018FDC;}
#lnbWrap #lnb a.on:after{content:'';display: inline-block;position:absolute;left:50%;bottom:0;background:#018FDC;width:80px;height:2px;margin-left:-40px;}
#lnbWrap #lnb .swiper-slide2 {height:auto;position: relative; width: 50%;  }
#lnbWrap #lnb .swiper-slide2 a{display:block;color:#828282;font-family:'nngb';font-size:15px;height: 50px;line-height: 50px;}
#lnbWrap #lnb .swiper-slide2 a.on{color:#018FDC;}
#lnbWrap #lnb .swiper-slide2 a.on:after{content:'';display: inline-block;position:absolute;left:75%; bottom:0;background:#018FDC;width:80px;height:2px;margin-left:-90px;}


/* 서브 화면 */
#contents .contentsIn {padding:5%;line-height: 1.5}
#contents .contentsIn .tit {font-size:14px;font-family:'nngb';background:url("../images/icon/subtitCon.png") no-repeat left 5px;padding-left:20px;color:#111;line-height:27px;background-size:15px 16px;margin-bottom:20px;}
#contents .contentsIn .tit2 {position: absolute;padding-top: 32%;font-size:14px;font-family:'nngb';background:url("../images/icon/subtitCon.png") no-repeat left 5px;padding-left:20px;color:#111;line-height:27px;background-size:15px 16px;margin-bottom:20px;}
#contents .contentsIn .title {font-size:24px;font-family:'nngb';margin-bottom:20px;word-break: keep-all;}
#contents .contentsIn select{width:100%;padding:10px;}
/* sub - 0101 */
#contents .contentsIn .subTop{position:relative;margin:10px 0;}
#contents .contentsIn .subTop select{float:right;line-height: 30px;width:30%;height:30px;padding: 0;}
.subTop .resultList{overflow:hidden;}
.subTop .resultList > span{padding-top:7px;display: inline-block;vertical-align: middle;}
.subCont .product{position: relative;margin-bottom: 20px;}
.subCont .product > img{max-width: 15%;margin:25px 0 0 7%;width:55px;}
.subCont .product .proWrap{position: absolute;left:37%;top:15%;width:60%; word-break: keep-all;}
.subCont .product .proWrap p{font-size:13px;}
.subCont .product .proWrap dl{margin-bottom:5px;}
.subCont .product .proWrap dt{font-family: 'nngb';font-size:18px;margin:10px 0 15px 0;}
.subCont .product .proWrap dd{line-height: 15px;font-size:11px;padding-bottom: 10px;}
.subCont .product .proWrap > .btn{float:right;background:url("../images/icon/icon_download.png") no-repeat 17px;background-size:15px 10px;width:45%;height:15px;color:#fff;padding:7px 0 7px 27px;border:1px solid #fff;border-radius: 30px;}
.subCont .product .proWrap > .btn2{float: right;background: url("../images/icon/icon_download.png") no-repeat 11px;background-size: 11px 8px;width: 28%;height: 15px;color:#fff;padding: 5px 5px 5px 25px;border:1px solid #fff;border-radius: 20px;font-size:11px;}
/*.subCont .goods_bg01{z-index:5;background:url("../images/bg/0101/0101_goods_bg01.png") no-repeat;width:100%;height:185px;background-size:100%;color: #fff;text-align: left;}*/
.subCont .goods_bg01{background:url("../images/bg/0101/0101_goods_bg01.png") no-repeat;width:100%;height:200px;background-size:100%;color: #fff;text-align: left;}
.subCont .goods_bg01:before{content:'';display:block;width:60%;z-index:-1;border-left: 30px solid transparent;height:0;position: absolute;right:0;top:0;}
.subCont .goods_bg01.type01:before{border-bottom: 185px solid rgba(218, 70, 153, 0.85);}
.subCont .goods_bg01.type02:before{border-bottom: 185px solid rgba(106, 185, 232, 0.85);}
.subCont .goods_bg01.type03:before{border-bottom: 185px solid rgba(40, 177, 79, 0.85);}
.subCont .goods_bg01.type04:before{border-bottom: 185px solid rgba(200, 200, 36, 0.85);}
.subCont .goods_bg01.type05:before{border-bottom: 185px solid rgba(80, 150, 180, 0.85);}

/* sub - 0102 */
.subCont .branch{border-top:2px solid #000;}
.subCont .branch .list{border-bottom: 1px solid #D4D4D4;padding:20px 0;line-height: 22px;}
.subCont .branch .list > ul{display: table;width: 100%;margin-bottom: 15px;}
.subCont .branch .list > ul li{display: table-cell;}
.subCont .branch .list > ul li:nth-child(1){width:35%;background:url("../images/icon/icon_bulSqa.gif") no-repeat left 12px;font-family: 'nngb';font-size:15px;padding-left:15px;position: relative;}
.subCont .branch .list > ul li:nth-child(2){width:65%;background:url("../images/icon/icon_phone.png") no-repeat left center;padding-left: 22px;}
/*.subCont .branch .list > ul li.name:after{content:'';display: inline-block;position: absolute;right:9px;top:9px;background: #ccc;height: 13px;width: 1px;}*/
.subCont .branch .list > p{padding-left:15px;}
/* sub - 0201 */
.subCont .goVer{border:1px solid #d8d8d8;width:100%;background: #f4f4f4 url("../images/icon/icon_bgnh.png") no-repeat center 20px;background-size:50px;height:250px;box-sizing: border-box;font-family:'nngb';font-size:15px;line-height: 22px;text-align: center;}
.subCont .goVer > p{margin:90px 0 20px 0;color:#707070;}
.subCont .goVer > .btn.pc{display:block;margin:0 auto;border:1px solid #dedede;width:200px;height:40px;padding:9px 25px;box-sizing:border-box;text-align:left;background:#fff url("../images/icon/icon_pcver.png") no-repeat 85% 10px;background-size:21px 17px;}
/* sub - 0202 ~ 0203 */
.subCont .tabMenu{margin:0 0 20px 0;}
.subCont .noticeBox{border:1px solid #e5e5e5;background: #f6f7f9 url("../images/icon/icon_sound.png") no-repeat 12px center;background-size:28px;font-size:14px;padding:20px 0 20px 45px;}
.subCont .list{padding-top:15px;border-bottom: 1px solid #b4b4b4;}
.subCont .list > p > a{text-align: left;display: block;font-size: 15px;font-family: 'nngb';}
.subCont .list > ul{display: table;width: 80%;}
.subCont .list > ul li{display: table-cell;width: 20%;height:30px;line-height:30px; color:#093;font-family:'nngb';text-align: left;}
.subCont .list > ul li.date{background:url("../images/icon/icon_clock.png") no-repeat left center;background-size:22px;padding-left:30px;}
.subCont .list > ul li.hit{background:url("../images/icon/icon_view.png") no-repeat left center;background-size:30px;padding-left:35px;}
.subCont .list > ul li.reply{background:url("../images/icon/icon_pcver_gr.png") no-repeat left center;background-size:21px 17px;padding-left:35px;}
.subCont .resultSchForm{width: 100%;margin:25px auto;overflow: hidden;}
.subCont .resultSchForm .rSchWrap{overflow:hidden;}
#contents .contentsIn .subCont .resultSchForm select{float:left;width: 24%;height:35px;padding:5px 0;border:1px solid #ccc;}
.subCont .resultSchForm input{float:left;border:1px solid #ccc;border-left:0;width: 49%;height: 27px;}
.subCont .resultSchForm .btn{float:left;display: block;background: #ccc url("../images/ui/ui_recomGoodSlideRightOff.png") no-repeat 82%;background-size:7px;width:23%;height: 35px;line-height: 23px;padding: 5px 10px 5px 0;box-sizing: border-box;color: #fff;font-family: 'nngb';}
.subCont .resultSchForm:after{content:'';display:block;clear: both;}
.subCont .btn.moreList{margin:20px 0;border:1px solid #cfcfcf;display: block;font-size:15px;padding:15px 0;font-family: 'nngb';background:url("../images/ui/ui_arrow.png") no-repeat 60%;}
.subCont .viewTop{border-top:2px solid #34b458;padding:15px 0 10px;}
.subCont .viewTop > p{margin-bottom:10px; font-size:15px;font-family: 'nngb';}
.subCont .viewCont{padding:15px 10px;line-height: 1.5;color:#727272;}
.subCont .viewCont img{max-width:100%;margin:15px 0;}
.subCont .replyCont{background:#f6f7f9;border-top:1px solid #ddd;padding:15px 15px 18px 15px;color:#9C9C9C;font-family:'nngb';}
.subCont .replyCont .reicon{background:url("../images/icon/icon_reply_bg.png") no-repeat left top;padding-left:30px;height:27px;background-size:95px 27px;color:#fff;line-height: 27px;margin-bottom: 15px;}
.subCont .viewFile{border-top:1px solid #727272;border-bottom:1px solid #727272;}
.subCont .viewFile li:first-child{border-bottom:1px solid #d4d4d4;}
.subCont .viewFile li{background: url("../images/icon/icon_file.png") no-repeat 5px 10px;padding:5px 0 5px 35px;line-height: 31px;background-size:21px;}
.subCont .viewFile li > a{display: block;padding-left:10px;position: relative;color:#969696;}
.subCont .viewFile li > a:before{content:'';display: inline-block;width: 1px;height:15px;position: absolute;left:0;top:8px;background:#eee;}
/* sub - 0301 */
.subCont .adviceText{background:url("../images/icon/icon_handMonitor.png") no-repeat center 15px;height:94px;padding:120px 0 30px 0;margin-bottom:40px;border-bottom:1px solid #ccc;text-align: left;line-height: 1.5;color:#727272;}
#contents .contentsIn .subCont .adviceText + p{margin-bottom: 10px;}
.subCont .agreeText{border:1px solid #ededed;background:#f9f9f9;padding: 10px;}
/*.subCont .agreeText dl:first-child{margin-bottom: 20px}*/
.subCont .agreeText dt{font-family: 'nngb';}


.subCont .vision .agreeText dl dd{width:100%;box-sizing: border-box; padding: 22px 15px 10px; text-align: left;}
.subCont .vision .agreeText .type01{background:url("../images/img/img_vision_bg01.png") no-repeat;background-size: 100%;}
.subCont .vision .agreeText .type02{background:url("../images/img/img_vision_bg02.png") no-repeat;background-size: 100%;}
.subCont .vision .agreeText .type03{background:url("../images/img/img_vision_bg03.png") no-repeat;background-size: 100%;}
.subCont .vision .agreeText .findBtn{display:block;background:#ffcd3b url("../images/icon/icon_zoom5.png") no-repeat 60%;width:90%;height:60px;box-sizing: border-box;margin:0 auto;text-align:center;color:#fff;font-size:15px;font-family: 'nngb';line-height: 60px;padding-right:40px;background-size:20px;}


#contents .contentsIn .subCont .form select{height:30px;width:41%;padding:0;vertical-align: middle;border:1px solid #d6d6d6;}
.subCont .form dl {border-left: 1px solid #ccc;border-right:1px solid #ccc;}
.subCont .form dt {font-family: 'nngb';background:#f9f9f9;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;}
.subCont .form dd {padding:10px;overflow: hidden;}
.subCont .form dd.h50fix{height:50px;box-sizing: border-box;}
.subCont .form dl:last-child dd{border-bottom:1px solid #ccc;}
.subCont .form dd > input[type="text"],.subCont .form dd > input[type="tel"],.subCont .form dd > input[type="password"]{width:100%;height:30px;box-sizing: border-box;border:1px solid #d6d6d6;}
.subCont .form dd > input.inW{width:25%;vertical-align: middle;}
.subCont .form dd textarea{border:1px solid #bfbfbf;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;min-height: 145px;width:100%;box-sizing:border-box;}
.subCont .form .fileAdd .btnFileAdd{border:1px solid #c7c7c7;border-radius: 3px;background:#f9f9f9;min-width:50px;height:30px;line-height: 30px;display: inline-block;box-sizing: border-box;padding: 0 15px;}
.subCont .form .fileAdd .fileList{margin-top:10px;border:1px solid #ccc;padding:8px;}
.subCont .formBox dl dd{width:90%;margin:0 auto 20px auto;border:1px solid #ccc;height: 45px;padding-left:50px;box-sizing: border-box;}
.subCont .formBox dl:nth-child(1) dd{background:url("../images/icon/icon_user.png") no-repeat 12px 9px;background-size: 24px;}
.subCont .formBox dl:nth-child(2) dd{background:url("../images/icon/icon_phone3.png") no-repeat 13px 9px;background-size: 18px;}
.subCont .formBox dl:nth-child(3) dd{background:url("../images/icon/icon_lock.png") no-repeat 12px 9px;background-size: 20px;}
.subCont .formBox dl dd > input{width:100%;height:100%;box-sizing: border-box;border: 0;border-left:1px solid #efefef;}
.subCont .formBox .findBtn{display:block;background:#ffcd3b url("../images/icon/icon_zoom5.png") no-repeat 60%;width:90%;height:60px;box-sizing: border-box;margin:0 auto;text-align:center;color:#fff;font-size:15px;font-family: 'nngb';line-height: 60px;padding-right:40px;background-size:20px;}
/* sub - 0302 */
.subCont .edu{background:url("../images/bg/line_bg.png") repeat-x 0 bottom;}
.subCont .edu .eduInfo{overflow:hidden;text-align:center;padding:20px;}
.subCont .edu .eduInfo p{margin-top:20px;font-family: 'nngb';}
.subCont .edu .eduCont{overflow: hidden;margin-bottom: 20px;}
.subCont .edu .eduCont > .tit{margin-bottom: 10px !important;}
.subCont .edu .eduCont > div, .eduCont > .bugs{padding:20px;background:#f4f4f4;border:1px solid #d7d7d7;box-sizing: border-box;}
.subCont .edu .eduCont > .bugs{width:100%;display: table;}
.subCont .edu .eduCont > .bugs li{text-align: center;float:left;display: table-cell;width:33.3%;margin-bottom: 20px;}
.subCont .edu .eduCont > .bugs li:nth-child(4),
.subCont .edu .eduCont > .bugs li:nth-child(7){clear: both;}
.subCont .edu .eduCont > .bugs li:nth-child(7),
.subCont .edu .eduCont > .bugs li:nth-child(8),
.subCont .edu .eduCont > .bugs li:nth-child(9){margin-bottom: 0}
.subCont .edu .eduCont > .bugs li img{max-width: 60%;}
.subCont .edu .eduCont > .bugs li > span{display:block;padding-top:5px;}
.subCont .edu .eduCont > .eduDoc{border-top:1px solid #000;border-bottom: 1px solid #ccc;}
.subCont .edu .eduCont > .eduDoc li{display:table;width: 100%;}
.subCont .edu .eduCont > .eduDoc li p{font-family:'nngb';display: table-cell;width:30%;background:url("../images/ui/ui_liimg06.png") no-repeat left 22px;padding:15px 0 15px 15px;background-size: 7px;}
.subCont .edu .eduCont > .eduDoc li p + ul{display: table-cell;line-height: 25px;}
.subCont .edu .btnArea{padding:20px 0 35px;text-align:center;}
.subCont .edu .btnArea .down{width:90% !important;background-position: 88% 8px;}
.subCont .edu + .btnArea .btn.edu{width:47% !important;}
.subCont .eduBox .form .btn.educhk:last-child{margin-right:0;}
.subCont .eduBox .form > div{position: relative;overflow: hidden;}
.subCont .eduBox .form > div .btn.plus{position: absolute;right:0;top:0;}
.subCont .eduBox + .btnArea .btn{height:35px;line-height:34px;min-width: 80px;font-size:14px;color:#fff;box-sizing: border-box;}
.subCont .eduBox + .btnArea .btn.list{padding-top:0;}

/* sub - 0303_3  */
.subCont .edu .test div{display: none; }
.subCont .edu .test div:nth-child(1){display: block; }
.subCont .edu .test div p{font-family:'nngb'; background:url("../images/ui/ui_liimg06.png") no-repeat left 22px;padding:15px 0 0px 15px;background-size: 7px;}



/* sub - 0402 */
.subCont .subNav, .subCont .subNav2{border:1px solid #e1e1e1;padding:15px;background:#fafafa;position:relative;display: block;z-index: 6;margin-top:15px;}
.subCont .subNav .subtit, .subCont .subNav2 .subtit{width:100%;background:#fff url("../images/ui/ui_nhNewsSlideUpOn.gif") 99% 50% no-repeat;position:relative;}
.subCont .subNav .subtit > a, .subCont .subNav2 .subtit > a{display:block;font-size:13px;padding:10px;text-align:left;border:1px solid #e1e1e1;}
.subCont .subNav .nvTab, .subCont .subNav2 .nvTab2{background:#fff;margin-top:-2px;position: relative;top:0;width:100%;display: none;}
.subCont .subNav .nvTab li.active a, .subCont .subNav2 .nvTab2 li.active a{background:#018fdc;color:#fff;}
.subCont .subNav .nvTab li, .subCont .subNav2 .nvTab2 li{border:1px solid #e1e1e1;}
.subCont .subNav .nvTab li:last-child, .subCont .subNav2 .nvTab2 li:last-child{border-top:0;}
.subCont .subNav .nvTab li a, .subCont .subNav2 .nvTab2 li a{display: block;padding:10px;}
.subCont .isoCont .iso01{padding:30px 0;}
.subCont .isoCont .iso01 img{max-width:80%;}
.subCont .isoCont .iso01 .isoText{border:1px solid #ccc;}
.subCont .isoCont .iso01 .isoText > p{padding:20px 15px;}
.subCont .isoCont .iso01 .isoText > ul{overflow:hidden;background:#f6f7f9;padding:20px;display:table;width:100%;box-sizing:border-box;}
.subCont .isoCont .iso01 .isoText > ul:before{content:'';display:inline-block;}
.subCont .isoCont .iso01 .isoText > ul li{background-image:url("../images/icon/040202_ISO.png");background-repeat:no-repeat;background-position:0 0;float:left;display:table-cell;padding-left:50px;padding-top:8px;width:50%;height:40px;box-sizing:border-box;}
.subCont .isoCont .iso01 .isoText > ul li + li{background-position:0 -45px;padding-top:0;}
.subCont .isoCont .iso01 .isoText > ul li + li + li{background-position:0 -89px;padding-top:8px;margin-top:15px;}
.subCont .isoCont .iso01 .isoText > ul li + li + li + li{background-position:0 -133px;padding-top:0;margin-top:15px;}
/* sub - 0403 */
.subCont .award, .work, .evt{overflow:hidden;}
.subCont .imglist{overflow:hidden;margin-bottom:20px;border:1px solid #eee;float:left;width:100%;box-sizing:border-box;}
.subCont .imglist:after{content:'';display:block;clear:both;}
.subCont .imglist > a{display:block;}
.subCont .imglist > a img{width:100%;}
.subCont .imglist > a:hover{color:#2bb161;}
.subCont .imglist > a div{overflow:hidden;padding:25px;box-sizing:border-box;}
.subCont .imglist > a dl dt{font-size:17px;font-family:'nngb';}
.subCont .imglist > a dl dd{font-size:13px;margin:20px 0 20px 0;height:45px;line-height:22px;}
.subCont .imglist > a ul li{float:left;}
.subCont .imglist > a ul li.hit{float:right;background:url("../images/icon/icon_eyes.png") no-repeat left center;padding-left:25px;}
/* sub - 0501 */
.subCont .msg > h4 span{color: green;}
.subCont .msg > img{width:100%;visibility: inherit;}
.subCont .msg > div img{width:100%;visibility: inherit;padding: 40px 15px 0px 0px;}
.subCont .msg > p{margin:20px 0;font-size:16px;color:#727272;word-break: keep-all;}
.subCont .msg > p span{color:#2bb161;font-weight: bold;}
.subCont .msg .last{font-size: 12px;word-break: keep-all;text-align: right;font-weight: bold;}
.subCont .msg .last1{font-size: 18px;word-break: keep-all;text-align: right;font-weight: bold;/*background: url(/mobile/images/img/employees1.gif) no-repeat right 40px;*/line-height: 75px;}
/*.subCont .msg > .txtBg{background:url("../images/bg/msg_txt_bg.png") no-repeat top center;background-size:88% 235px;height:230px;color:#fff;font-family:'nngb';font-size:15px;box-sizing:border-box;text-align:center;padding:65px 55px;}*/
.subCont .msg  .title {font-size:24px;font-family:'nngb';margin-bottom:20px;padding: 24px 0px 0px 0px;}
.subCont .msg  .title img{width:100%;visibility: inherit;}
/*.subCont .msg  .title {font-size:24px;font-family:'nngb';margin-bottom:20px;word-break: keep-all;background: url("/mobile/images/bg/bg_subVisual050101_5.png") no-repeat top left, url("/mobile/images/bg/bg_subVisual050101_6.png") no-repeat bottom right;padding: 24px 15px 0px 30px;}*/
.subCont .msg > .txtBg{background:url("../images/bg/msg_txt_bg.png") no-repeat top center;background-size: 88% 260px;height: 255px;color:#fff;font-family:'nngb';font-size:15px;box-sizing:border-box;text-align:left;padding:65px 55px;word-break: keep-all;}
/* sub - 0502 */
/*.subCont .vision{background:url("../images/bg/img_vision_bg.png") no-repeat center 540px;background-size:335px;}*/
.subCont .vision h4.titnh{background:url("../images/icon/img_vision_icon.png") no-repeat left;background-size:22px 22px;line-height:29px;height:29px;padding-left:30px;font-size:24px;font-family: 'nngb';margin-bottom: 20px;}
.subCont .vision .visionBox{margin-bottom:40px;}
.subCont .vision .visionBox > div{margin:5px 0;}
.subCont .vision .visionBox > div.boxing{border-bottom:1px solid #ccc;padding:0px 0;margin-bottom:0px;}
.subCont .vision .visionBox > div p {margin-bottom:20px;font-size:14px;font-family: 'nngb';color:#727272;}
.subCont .vision .visionBox > div ul.blue{border:1px solid #018fdc;padding:20px;}
.subCont .vision .visionBox > div ul.green{border:1px solid #2bb161;padding:20px;}
.subCont .vision .visionBox > div ul.yellow{border:1px solid #fabe00;padding:20px;}
.subCont .vision .visionBox > div ul{text-align:left;}
.subCont .vision .visionBox > div ul li{font-size:15px;line-height: 25px;word-break: keep-all;}
.subCont .vision .visionBox > .brdline{border:1px solid #ccc;background:#fff;padding:20px;}
.subCont .vision .visionBox > .grow{}
.subCont .vision .visionBox > .grow dl{margin-bottom:30px;line-height: 25px;}
.subCont .vision .visionBox > .grow dl:nth-child(1) dt{background:url("../images/ui/ui_liimg03.png") no-repeat left 7px;background-size:10px 10px;}
.subCont .vision .visionBox > .grow dl:nth-child(2) dt{background:url("../images/ui/ui_liimg04.png") no-repeat left 7px;background-size:10px 10px;}
.subCont .vision .visionBox > .grow dl:nth-child(3) dt{background:url("../images/ui/ui_liimg05.png") no-repeat left 7px;background-size:10px 10px;}
.subCont .vision .visionBox > .grow dt{font-size:16px;font-family:'nngb';padding:0 0 10px 20px;height:20px;}
.subCont .vision .visionBox > .grow dd{font-size:15px;background:url("../images/ui/ui_liimg01.png") no-repeat left 9px;padding-left:15px;margin-left:20px;}

/* sub - 0503 */
.contentsIn .locMap .tit {font-size:14px;font-family:'nngb';background:url("../images/icon/subtitCon.png") no-repeat left 5px;padding-left:20px;color:#111;line-height:27px;background-size:15px 16px;margin-bottom:20px;}
.contentsIn .locMap > img{width: 100%;}
.mapItem_text{line-height: 20px;}
.mapItem_text dt{font-size:18px;margin:21px 0 3px;}
.mapItem_text dt:first-child{margin-top:20px;}
.mapItem_text dd{padding-left:20px;color:#666;}
.mapItem_text .addr{background: url("../images/icon/location.png") no-repeat left 3px;}
.mapItem_text .call{background: url("../images/icon/call.png") no-repeat left 3px;}
.mapItem_text .load{background: url("../images/icon/point02.png") no-repeat left 3px;}
/* .contentsIn .locMap > .text{line-height: 20px;}
.contentsIn .locMap > .text dt{font-size:18px;margin:21px 0 3px;}
.contentsIn .locMap > .text dt:first-child{margin-top:20px;}
.contentsIn .locMap > .text dd{padding-left:20px;color:#666;}
.contentsIn .locMap > .text .addr{background: url("../images/icon/location.png") no-repeat left 3px;}
.contentsIn .locMap > .text .call{background: url("../images/icon/call.png") no-repeat left 3px;}
.contentsIn .locMap > .text .load{background: url("../images/icon/point02.png") no-repeat left 3px;} */
.contentsIn .subNav, .subCont .subNav2{border:1px solid #e1e1e1;padding:15px;background:#fafafa;position:relative;display: block;z-index: 6;margin-top:15px;}
.contentsIn .subNav .subtit, .subCont .subNav2 .subtit{width:100%;background:#fff url("../images/ui/ui_nhNewsSlideUpOn.gif") 99% 50% no-repeat;position:relative;}
.contentsIn .subNav .subtit > a, .subCont .subNav2 .subtit > a{display:block;font-size:13px;padding:10px;text-align:left;border:1px solid #e1e1e1;}
.contentsIn .subNav .nvTab, .subCont .subNav2 .nvTab2{background:#fff;margin-top:-2px;position: relative;top:0;width:100%;display: none;}
.contentsIn .subNav .nvTab li.active a, .subCont .subNav2 .nvTab2 li.active a{background:#018fdc;color:#fff;}
.contentsIn .subNav .nvTab li, .subCont .subNav2 .nvTab2 li{border:1px solid #e1e1e1;}
.contentsIn .subNav .nvTab li:last-child, .subCont .subNav2 .nvTab2 li:last-child{border-top:0;}
.contentsIn .subNav .nvTab li a, .subCont .subNav2 .nvTab2 li a{display: block;padding:10px;}


/* Slick */
.slick-slider {position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* Tab Menu */
.tabMenu button {display:block; width:100%; text-align:center;}
/*.tabMenu + .tabConWrap {margin-top:15px;}*/
.tabConWrap .tabCon {display:none;}
.tabConWrap .tabCon.on {display:block;height: 100%;width: 100%;}
.infoTabWrap .infoTab, .infoTabWrap2 .infoTab {display:none;}
.infoTabWrap .infoTab.on, .infoTabWrap2 .infoTab.on {display:block;}


/* sub - 탭메뉴 이동버튼  */
.tabsNum{position: relative;overflow:hidden;border-top:1px solid #cbcbcb;}
.tabsNum > a{text-indent:-9999em;display:block;padding-top:15px;box-sizing:border-box;width:10%;height:51px;border:1px solid #ccc;border-top:0;position:absolute;top:0;text-align:center;background:#fff;}
.tabsNum .btn_prev{left:0;background:url("../images/ui/ui_recomGoodSlideLeftOn.png") no-repeat center;background-size:12px 22px;}
.tabsNum .btn_next{right:0;background:url("../images/ui/ui_recomGoodSlideRightOn.png") no-repeat center;background-size:12px 22px;}
.tabsNum .tabConMenu{border-top:0;}
.subCont .tabsNum .tabMenu{width:80%;height:50px;margin:0 auto 20px auto;border-bottom:1px solid #cbcbcb;}
.subCont .tabsNum .tabMenu li{width:50%;float:left;}

/* 공통 Tab Menu */
.tabConMenu {overflow:hidden; border-bottom:1px solid #555; border-top:1px solid #cbcbcb;margin:30px 0;}
.tabConMenu li {float:left; margin: 0 0 0 0; padding: 0 0 0 0; border: 0; width: fit-content;}
.tabConMenu li button, .tabConMenu li a {display:block; border-right:1px solid #cbcbcb; margin-bottom:-1px; font-size:15px; line-height:50px; text-align:center; color:#111;}
.tabConMenu li:first-child button, .tabConMenu li:first-child a{border-left:1px solid #cbcbcb;}
.tabConMenu li.on button, .tabConMenu li.on a {background:#018fdc; border:1px solid #018fdc; border-bottom:0;font-family:'nngb'; color:white; font-size:15px;}

/* 윤리경영 */
.tabConMenu1 {overflow:hidden; border-bottom:1px solid #555; border-top:1px solid #cbcbcb;margin:0 0 20px 0;}
.tabConMenu1 li {float:left; width:190px;    display: table;}
.tabConMenu1 li button, .tabConMenu1 li a {display:block; border-right:1px solid #cbcbcb;height: 50px;margin-bottom:0px; font-size:15px; line-height:25px; text-align:center; color:#111;    display: table-cell;    vertical-align: middle;}
.tabConMenu1 li:first-child button, .tabConMenu1 li:first-child a{border-left:1px solid #cbcbcb;}
.tabConMenu1 li.on button, .tabConMenu1 li.on a {background:#018fdc; border:1px solid #018fdc; border-bottom:0;font-family:'nngb'; color:white; font-size:15px;}

.brdList {border-collapse:separate; border-spacing:0 10px; margin-top:14px; /*text-align:center;*/}
.brdList thead th {background: url("/mobile/images/bg/bg_th02.gif") left center no-repeat #f6f7f9; border-top:1px solid #e1e0de; border-bottom:1px solid #e1e0de; height:25px; font-family:'nngb'; font-size:13px; vertical-align:middle; color:#333;}
.brdList thead th:first-child {background:#f6f7f9; border-left:1px solid #e1e0de;}
.brdList thead th.last {border-right:1px solid #e1e0de;}
.brdList tbody tr {width:100%;}
.brdList tbody td {background: url("/mobile/images/bg/bg_th02.gif") left center no-repeat; border-top:1px solid #e1e0de; border-bottom:1px solid #e1e0de; padding:0 10px;text-align: center;}
.brdList tbody td.last {border-right:1px solid #e1e0de;}
.brdList tbody td:first-child {background:none; border-left:1px solid #e1e0de; padding:8px;text-align: center;}
.brdList tbody tr:hover td {border-top:1px solid #34b458; border-bottom:1px solid #34b458;}
.brdList tbody tr:hover td:first-child {border-left:1px solid #34b458;}
.brdList tbody tr:hover td.last {border-right:1px solid #34b458;}

.brdTop {overflow:hidden; margin-top:31px;}
.brdTop .para {float:left;}
.brdTop .schWrap {}
.brdTop .schWrap select {border:1px solid #9c9c9c; height:22px;width:20% !important;padding:0px !important;}
.brdTop .schWrap input {border:1px solid #d1d1d1; height:14px; width: 47%;}
.brdTop .schWrap .btn.gray{width: 25%;}
.brdTop .schWrap .btn.gray span{background:#818a93;padding-left:0;}

.brdView, .ebrdView {margin-top:19px;}
.brdView th, .brdView td, .ebrdView th, .ebrdView td {background: url("../images/bg/bg_th02.gif") left center no-repeat; border-top:1px solid #e1e0de; height:48px; padding:0 18px; font-family:'nngb'; font-size:13px; vertical-align:middle; color:#93948f;}
.brdView th:first-child, .ebrdView th:first-child {background:none;}
.brdView tr.head, .ebrdView tr.head {border:1px solid #e5e5e5;} 
.brdView tr.head th, .brdView tr.head td, .ebrdView tr.head th, .ebrdView tr.head td {background: url("../images/bg/bg_th02.gif") left center no-repeat #f6f7f9; border-top:1px solid #e1e0de; border-bottom:1px solid #e1e0de; height:48px; padding:0 18px; font-family:'nngb'; font-size:13px; vertical-align:middle; color:#333;}
.brdView tr.head th:first-child, .ebrdView tr.head th:first-child {background:#f6f7f9;}
.brdView .view {background:none; padding:27px; font-family:'nng'; line-height:24px;}
.brdView .viewImg, .ebrdView .viewImg{overflow:hidden;display:block;margin:20px 0;}
.brdView .viewImg > img, .ebrdView .viewImg > img{float:left;}

.ebrdView .view{background:none; padding:27px 0; font-family:'nng'; line-height:24px;}
.ebrdView .view p{margin-bottom:15px;}
  .ell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 20px;
  display: block;
}
.ebrdView .view > .eventImg{position:relative;background:url("../images/thumb/event_img_01.png") no-repeat;width:761px;height:846px;}
.ebrdView .view > .eventImg a{z-index:2;display:block;position:absolute;text-indent:-9999em;}
.ebrdView .view > .eventImg a.eventBtn{width:150px;height:35px;left:45%;top:62%;margin-left:-20px;}
.ebrdView .view > .eventImg a.recipeBtn{width:120px;height:25px;left:43%;top:80%;}
.ebrdView .win{background:none;border-top:1px solid #e1e0de;line-height:20px;padding-top:25px;}
.ebrdView .win strong{display:block;font-size:16px;font-family:'nngb';margin-bottom:15px;}
.brdView .view .question, .ebrdView .view .question {padding:30px; line-height:24px; color:#888;}
.brdView .view .answer, .ebrdView .view .answer {border-top:1px dashed #e1e0de; padding:30px; line-height:24px; color:#000; background:#fafafa;}
.brdView .fileList, .ebrdView .fileList {overflow:hidden;}
.brdView .fileList li, .ebrdView .fileList li {float:left; margin-left:20px;}
.brdView .fileList li:first-child, .ebrdView .fileList li:first-child {margin-left:0;}
.brdView .fileList a , .ebrdView .fileList a {background: url("../images/icon/icon_disk.gif") no-repeat; padding-left:23px; line-height:16px; color:#93948f;}
.link { background-color: rgb(255, 255, 255);   /*  margin-top: 20px; */    margin-right: 25px; line-height:16px;   color: #040100; display:inline-block;   border:1px solid #dedede;   border-radius: 10px;    box-shadow: 0 1px 0px #b2b2b2;  padding: 10px 25px 10px 26px;   font-size: 15px;}


/* footer부분 */

#footer .footerIn .footMenu li a {display: block; color: #272727; font-family: 'nngb'; font-size: 12px;}

/* 메인 로고 페이드 텍스트 */
    .fadeBox {position:absolute; top:20px; left:38px;}  
    .fadeBox.type01 {width: 163px;margin: 0 auto;position: relative;top: 15px;}
    .fadeBox img { position: absolute;width: 105px;}
    .txtfade02{display:none}
    
    .visual{padding:0;margin:0;width:100%;position:absolute;top:0;left:0;z-index:-1}
    .visualTextin {display: block; width: 74%; margin: 0 auto;}
    .visual img{position:absolute;left:0;top:0;width:100%;z-index:1; min-width:1000px; min-height:586px;}
    .visualText{ margin:0 auto;}
    .visual img.active{z-index:3}
    .visualText img{width:100%; max-width:100%;}
    .visualText .type01{ left:24%}
    .visualText .type02{ left:38%}
    .visualText .type03{ left:39%}
    .dbnone{ display:none}