/* header */
.headerWrap{position:fixed;width:100%;z-index:9999;background:#e7e9e9}
.headerWrap .headerLine{height:15px;background:#3a3a3a}
.headerWrap .headerArea{width:1173px;height:116px;margin:0 auto;padding:0 14px 0 13px;background:#ffffff;}
.headerWrap .headerArea:after{display:block;content:"";clear:both}
.headerWrap .headerArea .logo{float:left;cursor:pointer}
.headerWrap .headerArea .logo > img{margin-top:26px;}
.headerWrap .headerArea .menu{float:right;position:relative;}
.headerWrap .headerArea .menu > ul{padding-top:75px;}
.headerWrap .headerArea .menu > ul:after{display:block;content:"";clear:both}
.headerWrap .headerArea .menu > ul > li{float:left;left:0;top:0;padding:0 14px;font-family:'notoB';font-size:14px;color:#333333;line-height:14px;background:url(/images/header/bar.jpg) left 2px no-repeat;cursor:pointer}
.headerWrap .headerArea .menu > ul > li:first-child{background:none}
.headerWrap .headerArea .menu > dl{display:none;position:absolute;left:0;top:106px;padding-bottom:6px;background:#3d3c3e}
.headerWrap .headerArea .menu > dl > dt{height:19px;background:url(/images/header/arrow.png) center bottom no-repeat #ffffff}
.headerWrap .headerArea .menu > dl > dd{min-width:65px;height:29px;padding:0 5px;margin:0 10px;border-top:1px solid #4c4c4c;font-family:'notoM';font-size:12px;color:#ffffff;text-align:center;line-height:29px;}
.headerWrap .headerArea .menu > dl > dd:hover{background:#2b2a2c;cursor:pointer}
.headerWrap .headerArea .menu > dl > dd:nth-child(2){border:none}
.headerWrap .headerShadow{width:1173px;height:1px;margin:0 auto;padding:0 14px 0 13px;background:#ffffff;box-shadow:0 2px 3px rgba(0, 0, 0, 0.25);/*box-shadow:2px 2px 3px #000000*/}


/* main */
.contentWrap{padding-top:131px;background:#e7e9e9}
.contentWrap .contentArea{width:1173px;margin:0 auto;padding:0 14px 0 13px;background:#ffffff}
.contentWrap .contentArea .mainProduct{width:1185px;}
.contentWrap .contentArea .mainProduct > div{position:relative;width:225px;margin:0 12px 12px 0;cursor:pointer}
.contentWrap .contentArea .mainProduct > div > dl{position:absolute;left:0;bottom:35px;;width:225px;text-align:center;}
.contentWrap .contentArea .mainProduct > div > dl > dt{font-family:'notoM';font-size:19px;line-height:19px;color:#393837}
.contentWrap .contentArea .mainProduct > div > dl > dd{padding-top:5px;font-family:'notoR';font-size:13px;line-height:13px;color:#797979}
.contentWrap .contentArea .mainProduct > div > dl > dd .pointer{display:inline-block;width:11px;height:5px;background:url(/images/main/pointer.png) center top no-repeat}

.contentWrap .contentArea .cscenterArea{padding-bottom:14px;}
.contentWrap .contentArea .cscenterArea:after{display:block;content:"";clear:both}
.contentWrap .contentArea .cscenterArea > div{float:left;}
.contentWrap .contentArea .cscenterArea > div.s1{width:293px;height:130px;text-align:center;background:url(/images/banner/bannerBg01.jpg) left top no-repeat}
.contentWrap .contentArea .cscenterArea > div.s1 .s1Box{display:inline-block;padding-top:29px;}
.contentWrap .contentArea .cscenterArea > div.s1 .s1Box .title{font-family:'notoM';font-size:13px;color:#393837;text-align:right}
.contentWrap .contentArea .cscenterArea > div.s1 .s1Box .tel{font-family:'notoB';font-size:26px;color:#2c2b2b;line-height:31px;}
.contentWrap .contentArea .cscenterArea > div.s1 .s1Box .time{font-family:'notoM';font-size:12px;color:#888888;line-height:15px}

.contentWrap .contentArea .cscenterArea > div.s2{width:294px;height:130px;text-align:center;background:url(/images/banner/bannerBg02.jpg) left top no-repeat;cursor:pointer}
.contentWrap .contentArea .cscenterArea > div.s2:hover{background:url(/images/banner/bannerBg02_over.jpg) left top no-repeat}
.contentWrap .contentArea .cscenterArea > div.s2 > span{display:inline-block;padding-top:39px;font-family:'notoB';font-size:20px;color:#ffffff;line-height:27px;}
.contentWrap .contentArea .cscenterArea > div.s3{width:293px;height:130px;text-align:center;background:url(/images/banner/bannerBg03.jpg) left top no-repeat;cursor:pointer}
.contentWrap .contentArea .cscenterArea > div.s3:hover{background:url(/images/banner/bannerBg03_over.jpg) left top no-repeat;}
.contentWrap .contentArea .cscenterArea > div.s3 > span{display:inline-block;padding-top:39px;font-family:'notoB';font-size:20px;color:#4e4e4e;line-height:27px;}
.contentWrap .contentArea .cscenterArea > div.s4{width:293px;height:130px;background:url(/images/banner/bannerBg04.jpg) left top no-repeat;cursor:pointer}
.contentWrap .contentArea .cscenterArea > div.s4:hover{background:url(/images/banner/bannerBg04_over.jpg) left top no-repeat;}
.contentWrap .contentArea .cscenterArea > div.s4 .title{display:block;padding:34px 0 0 115px;font-family:'notoB';font-size:20px;color:#ffffff;line-height:20px;}
.contentWrap .contentArea .cscenterArea > div.s4 .idpw{display:block;padding:6px 0 0 115px;font-family:'notoB';font-size:15px;color:#ffffff;line-height:20px;}

/* submenu */
.contentWrap .contentArea .subArea{padding:14px 0 13px 0;}
.contentWrap .contentArea .subArea:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .subMenuBox{display:none;float:left;width:220px;background:url(/images/menu/bottomLogo.png) left 71px bottom 20px no-repeat #f2f4f4}
.contentWrap .contentArea .subArea .subMenuBox .subMenu{min-height:520px;padding-bottom:100px;}
.contentWrap .contentArea .subArea .subMenuBox .subMenu .title{height:68px;background:#ffffff}
.contentWrap .contentArea .subArea .subMenuBox .subMenu .title > span{display:block;height:59px;font-family:'notoM';font-size:20px;color:#ffffff;line-height:59px;text-align:center;background:#3a3a3a;border-bottom-right-radius:18px;}
.contentWrap .contentArea .subArea .subMenuBox .subMenu > ul{}
.contentWrap .contentArea .subArea .subMenuBox .subMenu > ul > li{padding:17px 22px 7px 0;margin:0 11px 0 11px;border-bottom:1px solid #dedede;font-family:'notoM';font-size:16px;color:#7c7c7c;line-height:20px;cursor:pointer}
.contentWrap .contentArea .subArea .subMenuBox .subMenu > ul > li:first-child{margin-top:10px}
.contentWrap .contentArea .subArea .subMenuBox .subMenu > ul > li:hover{border-bottom:1px solid #3a3a3a;color:#222222;background:url(/images/menu/bar.png) right 18px no-repeat}
.contentWrap .contentArea .subArea .subMenuBox .subMenu > ul > li.on{border-bottom:1px solid #3a3a3a;color:#222222;background:url(/images/menu/bar.png) right 18px no-repeat}

.contentWrap .contentArea .subArea .contentBox{float:right;width:900px;}
.contentWrap .contentArea .subArea .contentBox .naviArea{height:58px;border-bottom:1px solid #e2e2e2;}
.contentWrap .contentArea .subArea .contentBox .naviArea:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .naviArea .title{float:left;}
.contentWrap .contentArea .subArea .contentBox .naviArea .title .depth1{display:inline-block;font-family:'notoM';font-size:27px;line-height:58px;color:#222222;vertical-align:middle}
.contentWrap .contentArea .subArea .contentBox .naviArea .title .depth2{display:inline-block;padding-left:54px;font-family:'notoR';font-size:24px;line-height:58px;color:#3a3a3a;background:url(/images/menu/naviArrow.png) 24px 20px no-repeat;vertical-align:middle}
.contentWrap .contentArea .subArea .contentBox .naviArea .navi{float:right;padding-top:34px;font-family:'NanumGothic';font-size:13px;color:#737373;}
.contentWrap .contentArea .subArea .contentBox .naviArea .navi > img{margin-top:1px}
.contentWrap .contentArea .subArea .contentBox .naviArea .navi .depth1{padding-left:21px;background:url(/images/menu/arrow.png) 8px 2px no-repeat}
.contentWrap .contentArea .subArea .contentBox .naviArea .navi .depth2{padding-left:21px;background:url(/images/menu/arrow.png) 8px 2px no-repeat}
.contentWrap .contentArea .subArea .contentBox .naviArea .navi .depth3{padding:0 6px 0 23px;color:#000000;background:url(/images/menu/arrow.png) 10px 2px no-repeat}

/* greeting */
.contentWrap .contentArea .subArea .contentBox .greetingArea{min-height:562px;background:url(/images/company/greetingBg.png) left bottom no-repeat}
.contentWrap .contentArea .subArea .contentBox .greetingArea > dl{text-align:center}
.contentWrap .contentArea .subArea .contentBox .greetingArea > dl > dt{padding-top:42px;font-family:'notoM';font-size:46px;color:#ef8831;line-height:1}
.contentWrap .contentArea .subArea .contentBox .greetingArea > dl > dd{padding-top:11px;font-family:'NanumGothic';font-size:22px;color:#ef8831;line-height:1}
.contentWrap .contentArea .subArea .contentBox .greetingArea .greeting{padding-top:48px;font-family:'NanumGothic';font-size:16px;color:#545454;line-height:24px;text-align:center;}
.contentWrap .contentArea .subArea .contentBox .greetingArea .signArea{height:69px;margin:37px 0 0 516px;background:url(/images/company/sign.png) right 148px top 0 no-repeat}
.contentWrap .contentArea .subArea .contentBox .greetingArea .signArea .title{font-family:'NanumGothic';font-size:16px;color:#6d6d6d;line-height:69px;vertical-align:middle}
.contentWrap .contentArea .subArea .contentBox .greetingArea .signArea .name{padding-left:9px;font-family:'NanumGothicB';font-size:24px;color:#3a3a3a;line-height:69px;vertical-align:middle}

/* business */
.contentWrap .contentArea .subArea .contentBox .businessArea{padding:20px 0 0 20px}
.contentWrap .contentArea .subArea .contentBox .businessArea:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .businessArea > dl{float:left;margin-right:10px;}
.contentWrap .contentArea .subArea .contentBox .businessArea > dl > dt{}
.contentWrap .contentArea .subArea .contentBox .businessArea > dl > dd{padding:7px 0 28px 0;font-family:'NanumGothic';font-size:15px;color:#1a1a1a;text-align:center;line-height:1;}

/* organization */
.contentWrap .contentArea .subArea .contentBox .organizationArea{padding:67px 0 0 46px}

/* location */
.contentWrap .contentArea .subArea .contentBox .locationArea{padding:20px}
.contentWrap .contentArea .subArea .contentBox .locationArea .map{width:860px;height:362px;background:#960}
.contentWrap .contentArea .subArea .contentBox .locationArea .addressArea{height:60px;border-bottom:1px solid #eb6c00;text-align:center}
.contentWrap .contentArea .subArea .contentBox .locationArea .addressArea .address{font-family:'notoM';font-size:18px;color:#222222;line-height:60px;vertical-align:middle}
.contentWrap .contentArea .subArea .contentBox .locationArea .addressArea .title{padding:0 9px 0 40px;font-family:'notoR';font-size:14px;color:#eb6c00;line-height:60px;background:url(/images/company/addressBar.jpg) 20px 4px no-repeat;vertical-align:middle}
.contentWrap .contentArea .subArea .contentBox .locationArea .addressArea .tel{font-family:'notoR';font-size:17px;color:#222222;line-height:60px;vertical-align:middle}


/* product */
.contentWrap .contentArea .subArea .contentBox .productArea{padding-left:20px;width:861px;}
.contentWrap .contentArea .subArea .contentBox .productArea .subMenu{padding:12px 0 8px 0;}
.contentWrap .contentArea .subArea .contentBox .productArea .subMenu > ul{display:inline-block;}
.contentWrap .contentArea .subArea .contentBox .productArea .subMenu > ul:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .productArea .subMenu > ul > li{overflow:hidden;float:left;width:194px;height:38px;padding:0 5px;margin:0 12px 12px 0;border:1px solid #e7e7e7;font-family:'NanumGothic';font-size:15px;color:#222222;text-align:center;line-height:38px;background:#f2f4f4;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .productArea .subMenu > ul > li:hover{border:1px solid #3a3a3a;color:#ffffff;background:#3a3a3a}
.contentWrap .contentArea .subArea .contentBox .productArea .subMenu > ul > li.on{border:1px solid #3a3a3a;color:#ffffff;background:#3a3a3a}
.contentWrap .contentArea .subArea .contentBox .productArea .subMenu > ul > li.last{margin:0 0 12px 0;}


.contentWrap .contentArea .subArea .contentBox .productArea .productList{padding:20px 0 0 0;border-bottom: 1px solid #eb6c00}
.contentWrap .contentArea .subArea .contentBox .productArea .productList:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .productArea .productList > dl{float:left;width:265px;margin-right:33px;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .productArea .productList > dl.noData{width:100%;text-align:center;margin-top:27px;cursor:default}
.contentWrap .contentArea .subArea .contentBox .productArea .productList > dl.noData:hover > dd{color:#545454;}
.contentWrap .contentArea .subArea .contentBox .productArea .productList > dl.last{margin-right:0;}
.contentWrap .contentArea .subArea .contentBox .productArea .productList > dl > dt{width:265px;height:199px;}
.contentWrap .contentArea .subArea .contentBox .productArea .productList > dl > dt > img{width:265px;height:199px}
.contentWrap .contentArea .subArea .contentBox .productArea .productList > dl > dd{overflow:hidden;height:33px;margin-bottom:27px;font-family:'NanumGothic';font-size:15px;color:#545454;text-align:center;line-height:33px;white-space:nowrap;text-overflow:ellipsis}
.contentWrap .contentArea .subArea .contentBox .productArea .productList > dl:hover > dd{color:#eb6c00}

.contentWrap .contentArea .subArea .contentBox .listBottom{padding:20px 0 20px 0;}
.contentWrap .contentArea .subArea .contentBox .listBottom:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .listBottom .left{float:left}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea{padding-top:7px;}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul{}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li{float:left}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li > a{display:inline-block;min-width:25px;height:25px;font-family:'NanumGothic';font-size:16px;color:#545454;text-align:center;line-height:25px;text-decoration:none;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li > a:hover{color:#eb6c00}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li > a.on{color:#eb6c00}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.prev2{margin-right:5px;}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.prev2 > a{display:inline-block;width:25px;height:25px;background:url(/images/product/prev2.jpg) left top no-repeat;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.prev2 > a:hover{background:url(/images/product/prev2_over.jpg) left top no-repeat}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.prev1{margin-right:15px;}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.prev1 > a{display:inline-block;width:25px;height:25px;background:url(/images/product/prev1.jpg) left top no-repeat;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.prev1 > a:hover{background:url(/images/product/prev1_over.jpg) left top no-repeat}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.next1{margin-left:15px;}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.next1 > a{display:inline-block;width:25px;height:25px;background:url(/images/product/next1.jpg) left top no-repeat;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.next1 > a:hover{background:url(/images/product/next1_over.jpg) left top no-repeat}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.next2{margin-left:5px;}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.next2 > a{display:inline-block;width:25px;height:25px;background:url(/images/product/next2.jpg) left top no-repeat;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .listBottom .left .pageArea > ul > li.next2 > a:hover{background:url(/images/product/next2_over.jpg) left top no-repeat}
.contentWrap .contentArea .subArea .contentBox .listBottom .right{float:right}

/* product read */
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo{padding-top:20px;}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo .productImage{float:left;width:425px;margin-right:20px;}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo .productImage > p{width:425px;height:318px;}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo .productImage > p > img{width:425px;height:318px;}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo .productImage > ul{}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo .productImage > ul:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo .productImage > ul > li{float:left;padding:5px 0 0 5px;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo .productImage > ul > li:first-child{padding-left:0;}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo .productImage > ul > li > img{width81px;height:61px}

.contentWrap .contentArea .subArea .contentBox .productArea .productInfo > dl{float:left;width:415px;}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo > dl > dt{height:40px;padding:0 20px;font-family:'notoM';font-size:16px;color:#ffffff;line-height:40px;background:#3a3a3a}
.contentWrap .contentArea .subArea .contentBox .productArea .productInfo > dl > dd{padding:15px 20px;margin:9px 0 10px 0;border:1px solid #e5e5e5;font-family:'NanumGothic';font-size:14px;color:#222222;line-height:24px}

.contentWrap .contentArea .subArea .contentBox .productArea .detailArea{padding-bottom:20px;border-bottom:1px solid #eb6c00}
.contentWrap .contentArea .subArea .contentBox .productArea .detailArea .productTitle{height:40px;padding-left:20px;margin-top:20px;font-family:'notoM';font-size:16px;color:#ffffff;line-height:40px;background:#3a3a3a}
.contentWrap .contentArea .subArea .contentBox .productArea .detailArea .productTitle2{padding:7px 20px;margin-top:20px;font-family:'notoM';font-size:16px;color:#ffffff;line-height:26px;background:#3a3a3a}
.contentWrap .contentArea .subArea .contentBox .productArea .detailArea .productDetail{min-height:500px;padding:15px 20px;margin-top:10px;border:1px solid #e5e5e5;font-family:'NanumGothic';font-size:14px;color:#222222;line-height:24px}
.contentWrap .contentArea .subArea .contentBox .productArea .detailArea .productDetail2{min-height:500px;padding:15px 20px;margin-top:20px;border:1px solid #e5e5e5;font-family:'NanumGothic';font-size:14px;color:#222222;line-height:24px}

.contentWrap .contentArea .subArea .contentBox .readBottom{padding:15px 0 20px 0;}
.contentWrap .contentArea .subArea .contentBox .readBottom:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .readBottom .left{float:left}
.contentWrap .contentArea .subArea .contentBox .readBottom .right{float:right}

/* guide */
.contentWrap .contentArea .subArea .contentBox .guideArea{padding-left:20px;padding-top:30px;}
.contentWrap .contentArea .subArea .contentBox .guideArea > dl{margin-bottom:28px;}
.contentWrap .contentArea .subArea .contentBox .guideArea > dl > dt{font-family:'NanumGothicB';font-size:18px;color:#222222;line-height:35px}
.contentWrap .contentArea .subArea .contentBox .guideArea > dl > dt > span{display:inline-block;width:35px;height:35px;margin-right:12px;text-align:center;font-family:'notoM';font-size:20px;color:#eb6c00;line-height:35px;font-style:italic;background:#f2f4f4}
.contentWrap .contentArea .subArea .contentBox .guideArea > dl > dd{padding-left:53px;}
.contentWrap .contentArea .subArea .contentBox .guideArea > dl > dd .link{display:inline-block;padding-top:10px;border-bottom:1px solid #cacaca;font-family:'NanumGothic';font-size:17px;color:#464646;line-height:23px;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .guideArea > dl > dd .link:hover{border-bottom:1px solid #eb6c00;color:#eb6c00;}
.contentWrap .contentArea .subArea .contentBox .guideArea > dl > dd .option{padding:24px 0 21px 0;font-family:'NanumGothicB';font-size:15px;color:#4b4b4b;line-height:1}
.contentWrap .contentArea .subArea .contentBox .guideArea > dl > dd .option > span{display:inline-block;width:79px;height:24px;margin-right:8px;font-style:italic;text-align:center;line-height:24px;background:#e7e9e9; border-radius:4px;}
.contentWrap .contentArea .subArea .contentBox .guideArea > dl > dd .option > em{padding:0 3px;font-size:17px;color:#222222}
.contentWrap .contentArea .subArea .contentBox .guideArea > dl > dd .sample{display:inline-block;padding-top:24px;}


/* notice */
.contentWrap .contentArea .subArea .contentBox .boardArea{padding-left:20px;width:861px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList{padding:20px 0 0 0;border-bottom: 1px solid #eb6c00}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardTitle{}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardTitle > ul{}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardTitle > ul:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardTitle > ul > li{float:left;height:46px;font-family:'NanumGothic';font-size:14px;color:#ffffff;text-align:center;line-height:46px;background:url(/images/cscenter/bar.jpg) left 16px no-repeat #3a3a3a;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardTitle > ul > li:first-child{background:#3a3a3a;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardTitle > ul > li.s1{width:80px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardTitle > ul > li.s2{width:540px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardTitle > ul > li.s3{width:150px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardTitle > ul > li.s4{width:90px;}

.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail{}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul{}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul > li{float:left;height:49px;border-top:1px solid #c7c7c7;font-family:'NanumGothic';font-size:14px;color:#393939;text-align:center;line-height:49px;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul:first-child > li{border-top:none}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul > li.s1{width:80px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul > li.s1 > img{margin-top:14px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul > li.s2{overflow:hidden;width:540px;font-family:'NanumGothicB';font-size:15px;color:#222222;text-align:left;text-indent:11px;white-space:nowrap;text-overflow:ellipsis}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul > li.s3{width:150px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul > li.s4{width:90px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul.noData{}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardList .boardDetail > ul.noData > li{width:100%;text-align:center;cursor:default}

.contentWrap .contentArea .subArea .contentBox .boardArea .boardRead{padding-top:20px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardRead .readTitle{padding:13px 10px 13px 20px;background:#3a3a3a}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardRead .readTitle:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardRead .readTitle .title{float:left;width:700px;font-family:'notoM';font-size:16px;color:#ffffff;line-height:26px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardRead .readTitle .date{float:right;padding-right:22px;font-family:'NanumGothic';font-size:14px;color:#ffffff;line-height:26px;}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardRead .readDown{padding:8px 10px 8px 67px;border-bottom:1px solid #cfcfcf;background:url(/images/cscenter/ico_download.png) 21px 11px no-repeat}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardRead .readDown > a{display:inline-block;padding-right:28px;font-family:'NanumGothic';font-size:13px;color:#888888;line-height:23px;cursor:pointer}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardRead .readDown > a:hover{color:#eb6c00;text-decoration:none}
.contentWrap .contentArea .subArea .contentBox .boardArea .boardRead .readContent{min-height:368px;padding:15px 21px;border-bottom:1px solid #eb6c00;font-family:'NanumGothic';font-size:14px;color:#222222;line-height:24px}

/* inquiry */
.contentWrap .contentArea .subArea .contentBox .inquiryArea{padding-left:20px;width:861px;}
.contentWrap .contentArea .subArea .contentBox .inquiryArea .inquiryTable{display:table;width:100%;padding-top:20px;}
.contentWrap .contentArea .subArea .contentBox .inquiryArea .inquiryTable > div{display:table-row}
.contentWrap .contentArea .subArea .contentBox .inquiryArea .inquiryTable > div > div{display:table-cell;padding:10px 0;border-top:1px solid #eaeaea;font-family:'notoM';font-size:16px;color:#555555;line-height:35px;vertical-align:top}
.contentWrap .contentArea .subArea .contentBox .inquiryArea .inquiryTable > div > div:first-child{width:147px;}
.contentWrap .contentArea .subArea .contentBox .inquiryArea .inquiryTable > div > div.last{border-bottom:1px solid #ed6e00;}
.contentWrap .contentArea .subArea .contentBox .inquiryArea .inquiryTable > div > div.first{border-top:1px solid #3a3a3a;}
.contentWrap .contentArea .subArea .contentBox .inquiryArea .inquirySend{padding:20px 0 40px 0;text-align:center}

.contentWrap .contentArea .subArea .contentBox .cscenterBox{padding:30px 0 28px 0;margin-bottom:10px;border:1px solid #dedede;text-align:center}
.contentWrap .contentArea .subArea .contentBox .cscenterBox .title{display:inline-block;height:41px;padding-left:61px;background:url(/images/cscenter/ico_logo.png) left top no-repeat}
.contentWrap .contentArea .subArea .contentBox .cscenterBox .title > span{display:inline-block;padding-top:15px;font-family:'notoM';font-size:18px;color:#666666;line-height:1;}
.contentWrap .contentArea .subArea .contentBox .cscenterBox .info{width:750px;height:43px;margin:31px auto 0 auto;font-family:'notoR';font-size:16px;color:#555555;line-height:43px;background:#f2f4f4}
.contentWrap .contentArea .subArea .contentBox .cscenterBox .info > span{display:inline-block;padding-left:43px;background:url(/images/cscenter/bar2.jpg) 22px 15px no-repeat;vertical-align:middle}
.contentWrap .contentArea .subArea .contentBox .cscenterBox .info > span:first-child{padding-left:0;background:none}
.contentWrap .contentArea .subArea .contentBox .cscenterBox .info > em{display:inline-block;font-family:'notoM';font-size:20px;color:#1d1d1d;vertical-align:middle;}

/* catalog */
.contentWrap .contentArea .subArea .contentBox .catalogArea{padding:20px 0 0 20px;width:861px;}
.contentWrap .contentArea .subArea .contentBox .catalogArea .catalogList{}
.contentWrap .contentArea .subArea .contentBox .catalogArea .catalogList:after{display:block;content:"";clear:both}
.contentWrap .contentArea .subArea .contentBox .catalogArea .catalogList .catalog{float:left;width:264px;padding:0 34px 40px 0;}
.contentWrap .contentArea .subArea .contentBox .catalogArea .catalogList .catalog.last{padding:0 0 40px 0;}
.contentWrap .contentArea .subArea .contentBox .catalogArea .catalogList .catalog > dl{}
.contentWrap .contentArea .subArea .contentBox .catalogArea .catalogList .catalog > dl > dt{width:264px;height:372px}
.contentWrap .contentArea .subArea .contentBox .catalogArea .catalogList .catalog > dl > dt > img{width:264px;height:372px}
.contentWrap .contentArea .subArea .contentBox .catalogArea .catalogList .catalog > dl > dd{overflow:hidden;height:50px;font-family:'notoM';font-size:18px;color:#222222;line-height:50px;text-align:center}

/* webhard */
.contentWrap .contentArea .subArea .contentBox .webhardArea{padding-left:20px;width:861px;}
.contentWrap .contentArea .subArea .contentBox .webhardArea .webhardBox{margin:20px 0 30px 0;border-top:1px solid #3a3a3a;border-bottom:1px solid #ed6e00}
.contentWrap .contentArea .subArea .contentBox .webhardArea .webhardBox .idpwBox{width:290px;margin:0 auto;padding:0 0 38px 0;background:url(/images/cscenter/ico_webhard.png) 9px 8px no-repeat}
.contentWrap .contentArea .subArea .contentBox .webhardArea .webhardBox .idpwBox .idpw{padding-left:107px;margin:33px 0 16px 0;}
.contentWrap .contentArea .subArea .contentBox .webhardArea .webhardBox .idpwBox .idpw .id{}
.contentWrap .contentArea .subArea .contentBox .webhardArea .webhardBox .idpwBox .idpw .pw{}
.contentWrap .contentArea .subArea .contentBox .webhardArea .webhardBox .idpwBox .idpw .label{font-family:'NanumGothicB';font-size:26px;color:#8b8a89;line-height:38px;vertical-align:middle;}
.contentWrap .contentArea .subArea .contentBox .webhardArea .webhardBox .idpwBox .idpw .value{font-family:'NanumGothicB';font-size:32px;color:#3a3a3a;line-height:38px;vertical-align:middle;}

/* input & width*/
input, textarea{font-family:'NanumGothic';font-size:15px;color:#545454;}
.inputText{height:33px;border:1px solid #dedede;text-indent:10px;background:#f2f4f4}
.inputDown{height:33px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;border-left:1px solid #dedede;background:#f2f4f4}
.inputSearchText{width:223px;height:38px;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;text-indent:10px;background:#f2f4f4;vertical-align:middle}
.inputSearchSubmit{width:40px;height:40px;background:url(/images/product/ico_search.png) 9px 7px no-repeat #eb6c00;text-indent:-9999px;vertical-align:middle;cursor:pointer}
.inputSearchSubmit:hover{background:url(/images/product/ico_search.png) 9px 7px no-repeat #3a3a3a;}
.textarea{width:711px;height:153px;padding:10px;border:1px solid #dedede;line-height:24px;background:#f2f4f4}
.buttonList{width:130px;height:35px;font-family:'NanumGothic';font-size:14px;color:#ffffff;text-align:center;line-height:35px;background:#eb6c00;cursor:pointer}
.buttonList:hover{background:#3a3a3a}
.buttonDown{width:35px;height:35px;background:url(/images/cscenter/ico_download2.png) 9px 8px no-repeat #b2b2b2;cursor:pointer}
.buttonDown:hover{background:url(/images/cscenter/ico_download2.png) 9px 8px no-repeat #ed6e00}
.buttonInquiry{width:220px;height:40px;font-family:'notoM';font-size:18px;color:#ffffff;line-height:40px;background:#3a3a3a;cursor:pointer}
.buttonInquiry:hover{background:#ed6e00}
.buttonCatalog{width:264px;height:35px;font-family:'NanumGothicB';font-size:15px;color:#ffffff;line-height:35px;background:#3a3a3a;cursor:pointer}
.buttonCatalog:hover{background:#ed6e00}
.buttonWebhard{width:290px;height:42px;font-family:'NanumGothicB';font-size:15px;color:#ffffff;line-height:42px;background:#ed6e00;cursor:pointer}
.buttonWebhard:hover{background:#3a3a3a}

.btnReadLeft{width:35px;height:35px;background:url(/images/product/readLeft.jpg) left top no-repeat;cursor:pointer}
.btnReadLeft:hover{background:url(/images/product/readLeft_over.jpg) left top no-repeat}
.btnReadRight{width:35px;height:35px;margin-left:4px;background:url(/images/product/readRight.jpg) left top no-repeat;cursor:pointer}
.btnReadRight:hover{background:url(/images/product/readRight_over.jpg) left top no-repeat}

.w400{width:400px}
.w366{width:366px}
.w73{width:73px}

















/* footer */
.footerWrap{background:#3a3a3a}
.footerWrap .footerArea{width:1173px;margin:0 auto;padding:0 14px 0 13px; position:relative;}
.footerWrap .footerArea:after{display:block;content:"";clear:both}
.footerWrap .footerArea .copyright{float:right;height:70px;}
.footerWrap .footerArea .copyright:after{display:block;content:"";clear:both}
.footerWrap .footerArea .address{float:left;padding-top:14px;font-family:'notoM';font-size:12px;color:#9e9c9c;line-height:17px;text-align:right}
.footerWrap .footerArea .address > p > em{display:inline-block;padding-left:25px;background:url(/images/footer/bar.jpg) 12px 3px no-repeat}
.footerWrap .footerArea .address > p > em:first-child{padding-left:0;background:none}
.footerWrap .footerArea .address .admin{display:inline-block;width:12px;height:11px;margin:0 0 2px 6px;background:url(/images/footer/admin.png) left top no-repeat;vertical-align:middle;cursor:pointer}
.footerWrap .footerArea .address .admin:hover{background:url(/images/footer/admin_over.png) left top no-repeat;}
.footerWrap .footerArea .address .yabes{display:inline-block;width:11px;height:11px;margin:0 0 2px 5px;background:url(/images/footer/yabes.png) left top no-repeat;vertical-align:middle;cursor:pointer}
.footerWrap .footerArea .address .yabes:hover{background:url(/images/footer/yabes_over.png) left top no-repeat;}
.footerWrap .footerArea .logo{float:left;padding:21px 3px 0 20px}

/*200806 추가*/
.footerWrap .footerArea .bot_logo{position:absolute; left:13px; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
/**************************************/

/* quick */
.quickWrap{position:fixed;right:5px;top:50%;width:69px;margin-top:-150px}
.quickWrap > p{padding-bottom:5px;cursor:pointer}