/* header */
.headerWrap{position:fixed;width:100%;z-index:9999;background:#fff;}
.headerWrap .gray_bg{width:100%; height:46px; background-color:#bfc0c2;}
.headerWrap .headerArea{width:100%; max-width:1400px; min-width:1200px; height:130px;margin:0 auto;}
.headerWrap .headerArea:after{display:block;content:"";clear:both}
.headerWrap .headerArea .logo{float:left;cursor:pointer; z-index:2; position:relative }
.headerWrap .headerArea .logo > img{margin-top:50px; display:block; }
.headerWrap .headerArea .logo_2 { z-index:2; position:relative }
.headerWrap .headerArea .logo_2 > img{float:left;cursor:pointer; margin-left:115px; margin-top:50px;;}
.headerWrap .headerArea .gnb_wrap{text-align:right; font-size:0; position:relative;}
.headerWrap .headerArea .gnb_wrap > div{display:inline-block; vertical-align:top;}
.headerWrap .headerArea .gnb_wrap .menu{position:relative; padding-top:75px; margin-right:28px;}
.headerWrap .headerArea .gnb_wrap .menu > ul:after{display:block;content:"";clear:both}
.headerWrap .headerArea .gnb_wrap .menu > ul > li{float:left;left:0;top:0;padding:0 17px;font-family: 'YDIYGO330';font-size:17px;color:#000;line-height:14px;background:url(/images/header/bar.jpg) left 2px no-repeat;cursor:pointer; letter-spacing:0.040em;}
.headerWrap .headerArea .gnb_wrap .menu > ul > li:first-child{background:none}
.headerWrap .headerArea .gnb_wrap .menu > dl{display:none;position:absolute;left:0;top:89px;padding-bottom:6px;background:#3d3c3e}
.headerWrap .headerArea .gnb_wrap .menu > dl > dt{height:19px;background:url(/images/header/arrow.png) center bottom no-repeat #ffffff}
.headerWrap .headerArea .gnb_wrap .menu > dl > dd{min-width:65px;height:29px;padding:0 5px;margin:0 10px;border-top:1px solid #4c4c4c;font-family:'YDIYGO320';font-size:12px;color:#ffffff;text-align:center;line-height:29px;}
.headerWrap .headerArea .gnb_wrap .menu > dl > dd:hover{background:#2b2a2c;cursor:pointer}
.headerWrap .headerArea .gnb_wrap .menu > dl > dd:nth-child(2){border:none}
.headerWrap .headerArea .gnb_wrap .search_box{padding-top:60px;}
.headerWrap .headerArea .gnb_wrap .search_box label{display:block; width:365px; position:relative;}
.headerWrap .headerArea .gnb_wrap .search_box label input{display:block; width:100%; height:40px; border:1px solid #5d5d5d; border-radius:30px; padding:0 36px 0 16px; box-sizing:border-box; font-family: 'YDIYGO320';font-size:17px;color:#5d5d5d; letter-spacing:0.040em;}
.headerWrap .headerArea .gnb_wrap .search_box label button{position:absolute; top:6px; right:13px; border:0; padding:0;}

/*200806 추가*/
.headerWrap .headerArea .top_logo{position:absolute; right:0; top:18px;}
/******************************/

.contentWrap .contentArea{width:1173px;margin:0 auto;padding:0 14px 0 13px;background:#ffffff}

/* content */
.contentWrap{padding-top:176px;}
.contentWrap .mcon01{width:100%; background-color:#eff0f2;}
/* .contentWrap .mcon01 .list{width:100%; max-width:1400px; min-width:1200px;  margin:0 auto; font-size:0;}
.contentWrap .mcon01 .list li{display:inline-block; vertical-align:top; width:32.5%; margin-right:1.25%; position:relative;} */

/*220127 수정*/
.contentWrap .mcon01 .list{width:100%; max-width:1920px; min-width:1200px;  margin:0 auto; font-size:0;}
.contentWrap .mcon01 .list li{display:inline-block; vertical-align:top; width:24%; padding: 0 0.5% 0; position:relative;}


.contentWrap .mcon01 .list li:last-of-type{margin-right:0;}
.contentWrap .mcon01 .list li a{display:block; overflow:hidden; position:relative;}
.contentWrap .mcon01 .list li img{width:100%; transition:all 0.3s;}
.contentWrap .mcon01 .list li a:hover img{transform:scale(1.1);}

.contentWrap .mcon01 .list li .txt_box{width:100%; position:absolute; top:83px; left:0; text-align:center;}
.contentWrap .mcon01 .list li .txt_box span{font-size:25px; font-family: 'NanumGothicExtraBold'; font-weight:800; letter-spacing:-0.020em; color:#fff; line-height:1;}
.contentWrap .mcon01 .list li .txt_box p{font-size:30px; font-family: 'NanumGothicExtraBold'; font-weight:800; letter-spacing:-0.020em; color:#fff; line-height:1; padding-top:5px;}

.contentWrap .banner{width:100%; max-width:1400px; min-width:1200px; margin:25px auto 34px; font-size:0;}
.contentWrap .banner .txt_box,
.contentWrap .banner ul{display:inline-block; vertical-align:top;}
.contentWrap .banner .txt_box{width:149px; border-left:1px solid #c9c9c7; border-right:1px solid #c9c9c7; height:147px; padding-top:39px; background-color:#272823; box-sizing:border-box; text-align:center;}
.contentWrap .banner .txt_box p{font-size:26px; font-family: 'YDIYGO350'; letter-spacing:0.040em; color:#fff; line-height:1.5;}
.contentWrap .banner .list{width:calc(100% - 149px); font-size:0;}
.contentWrap .banner .list li{display:inline-block; vertical-align:top; width:25%; border:1px solid #edefee; height:147px; padding:20px 0 0 24px; box-sizing:border-box; position:relative;}
.contentWrap .banner .list li a{display:block; text-decoration: none;}
.contentWrap .banner .list li h5{font-size:21.5px; font-family: 'YDIYGO330'; letter-spacing:-0.020em; color:#231f20; line-height:1;}
.contentWrap .banner .list li span{display:block; font-size:18px; font-family: 'YDIYGO310'; letter-spacing:-0.020em; color:#231f20; padding:5px 0 17px;}
.contentWrap .banner .list li:first-of-type span{font-size:13px;}
.contentWrap .banner .list li p{font-size:17px; font-family: 'YDIYGO310'; letter-spacing:0.020em; color:#3a3a3a; line-height:1.3;}
.contentWrap .banner .list li i{position:absolute;}
.contentWrap .banner .list li:nth-of-type(1) i{top:20px; right:26px;}
.contentWrap .banner .list li:nth-of-type(2) i{top:20px; right:30px;}
.contentWrap .banner .list li:nth-of-type(3) i{top:22px; right:25px;}
.contentWrap .banner .list li:nth-of-type(4) i{top:18px; right:27px;}






/* 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.noSign { background:none;margin:37px 0 0 640px; }
.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}
.contentWrap .contentArea .subArea .contentBox .locationArea .wrap_controllers,
.contentWrap .contentArea .subArea .contentBox .locationArea .root_daum_roughmap .cont { display:none; }

/* 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{width:100%; padding:26px 0 15px; background-color:#eff0f2;}
.footerWrap .w1400{width:100%; max-width:1400px; min-width:1200px; margin:0 auto;}
.footerWrap .w1400:after{content:""; display:block; clear:both;}
.footerWrap .address{float:left;}
.footerWrap .address p{font-size:15px; font-family:'NanumGothic'; letter-spacing:-0.020em; color:#5d5d5d; line-height:1.5;}
.footerWrap .address p b{font-family:'NanumGothicB';}
.footerWrap .txt_box{float:right; text-align:right;}
.footerWrap .txt_box p{font-size:23.5px; font-family: 'NanumGothicExtraBold'; font-weight:800; letter-spacing:0.020em; color:#5d5d5d; line-height:1; padding-bottom:6px;}
.footerWrap .txt_box span{font-size:15px; font-family:'NanumGothic'; letter-spacing:-0.020em; color:#5d5d5d; line-height:1;}


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