@charset "utf-8";

#wrap {position:relative; width:100%;/* text-align:center;*/}
#headerWrap {position:relative; width:100%; text-align:center; height:177px;}
.headerInner {position:relative; width:980px; text-align:center; height:101px; margin:0 auto;}
#contentWrap {position:relative; width:100%; overflow:hidden; padding:20px 0 60px; }
.content {position:relative; width:980px; text-align:center; margin:0px auto; padding:0; clear:both;}
#footerWrap {position:relative; width:100%; text-align:center; height:108px; background:#272727; clear:both;}
.footerInner {position:relative; width:980px; text-align:center; margin:0px auto; padding:0; clear:both; text-align:left;}
#SubcontentWrap {position:relative; width:94%; padding:20px 0 60px; margin:0 auto;}

/*Header*/
.topWrap {position:relative; width:100%; height:30px; border-bottom:1px solid #e5e5e5;}
.topInner {position:relative;width:980px; height:30px; margin:0 auto;}
.topInner ul.leftmenu {float:left;}
.topInner ul.leftmenu li {padding:0px 21px 7px 0;}
.topInner ul.leftmenu li.start {padding-left:21px; /*background:url(/images/common/start_ico.png) no-repeat left;*/}
.topInner ul.leftmenu li.fav {padding-left:20px; background:url(/images/common/fav_ico.png) no-repeat left;}
.topInner ul.rightmenu {float:right;}
.topInner ul.rightmenu li.fav {padding-left:20px; background:url(/images/common/fav_ico.png) no-repeat left;}
.topInner ul.rightmenu li {padding:7px 11px 7px 10px; background:url(/images/common/tbar.png) no-repeat right;}
.topInner ul.rightmenu li.lch {background:none; padding-right:0;}
.topInner li {float:left;}
.topInner li a {line-height:16px; font-size:0.90em; color:#6e6e6e;}

p.t_logo {position:absolute; top:24px; left:0;}
.headerInner ul.naverdaum {float:right; margin-top:31px; margin-right:30px}
.headerInner ul.naverdaum li {float:left; padding-left:11px;}
.headerInner ul.naverdaum li.logos {padding:2px 0;}

.allSearch {position:absolute; top:35px; left:282px; width:437px; height:31px;}
.allSearch li {float:left;}
.allSearch li:first-child {width:70px;}
.allSearch li:first-child img {width:100%;}
.allSearch li:last-child {width:calc(100% - 70px);}
.allSearch input.allsearchBox {float:left; padding:0 10px; height:22px; width:calc(100% - 90px); font-size:1.20em; line-height:29px; color:#2d2d2d; font-weight:normal; font-family:dotum; border:1px solid #006ecd; border-left:0; border-right:0;appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
.search3 {position:relative; top:0; left:0; width:100%; height:22px; margin:30px auto;}
.pageSearch p.searchTxt {position:relative; margin-top:15px; text-align:center; font-size:1.08em; color:#242424; line-height:35px; clear:both;}


.gnbWrap {position:relative; width:100%; height:45px; background:#006ecd;}
.gnbInner {position:relative; width:980px; margin:0 auto; height:45px;}
.gnbInner li {float:left; height:45px;}
.gnbInner li span {display:none;}
.gnbInner li.bar {width:2px; background:url(/images/common/gnb_bar.png) no-repeat center 10px; padding:0; height:45px;}
.gnbInner li.gnb01 {width:106px; background:url(/images/common/gnb_01.png) no-repeat center 14px;}
.gnbInner li.gnb01:hover {background:#8ebd00 url(/images/common/gnb_01.png) no-repeat center 14px;}
.gnbInner li.gnb02 {width:204px; background:url(/images/common/gnb_02.png) no-repeat center 14px;}
.gnbInner li.gnb02:hover {background:#8ebd00 url(/images/common/gnb_02.png) no-repeat center 14px;}
.gnbInner li.gnb03 {width:261px; background:url(/images/common/gnb_03.png) no-repeat center 14px;}
.gnbInner li.gnb03:hover {background:#8ebd00 url(/images/common/gnb_03.png) no-repeat center 14px;}
.gnbInner li.gnb04 {width:135px; background:url(/images/common/gnb_04.png) no-repeat center 14px;}
.gnbInner li.gnb04:hover {background:#8ebd00 url(/images/common/gnb_04.png) no-repeat center 14px;}
.gnbInner li.gnb05 {width:122px; background:url(/images/common/gnb_05.png) no-repeat center 14px;}
.gnbInner li.gnb05:hover {background:#8ebd00 url(/images/common/gnb_05.png) no-repeat center 14px;}
.gnbInner li.gnb06 {width:135px; background:url(/images/common/gnb_06.png) no-repeat center 14px;}
.gnbInner li.gnb06:hover {background:#8ebd00 url(/images/common/gnb_06.png) no-repeat center 14px;}


/*content*/
.mainBanner {position:relative; width:769px; height:400px; float:left;}
.number_slideshow {position:relative; float:left; line-height: 20px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; display: none; }
.number_slideshow .number_slideshow_nav {padding: 0px; margin: 0px; position: absolute; bottom: 25px; right: 25px; }
.number_slideshow .number_slideshow_nav li {width:20px; height:20px; margin-left:5px; position: relative; float:left; text-align:center; cursor:auto;}
.number_slideshow .number_slideshow_nav li a {}
.number_slideshow ul {margin: 0px; background-position:center center; background-repeat: no-repeat; }
.number_slideshow ul li {padding: 0px; margin: 0px; list-style: none; position: absolute;}
.number_slideshow ul li p {margin: 0px; position: absolute; top: 0px; left: 0px; padding-left: 5px; padding-right: 5px; filter: alpha(opacity=60); opacity: 0.6; font-size: 13px; line-height: 23px;}
.number_slideshow ul li a {text-decoration:none;}
.number_slideshow ul li a img {border: none;}

.bannerRightBox {position:relative; float:left; width:195px; height:400px; margin-left:16px;}
.blueBan {position:relative; width:125px; height:38px; padding:17px 0 17px 70px; background:#006ecd url(/images/main/banner01_img.png) no-repeat 15px 14px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:0px solid #006ecd; behavior:url(/css/PIE.htc); margin-bottom:3px;}
.greenBan {position:relative; width:125px; height:36px; padding:18px 0 18px 70px; background:#acc902 url(/images/main/banner02_img.png) no-repeat 12px 18px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:0px solid #006ecd; behavior:url(/css/PIE.htc); margin-bottom:20px;}
.qnaLatest {position:relative; width:195px; text-align:left;}
.qnaLatest p.tit {width:185px; height:15px; padding:3px 0 13px 10px; border-bottom:1px solid #e5e5e5;}
.qnaLatest a.moreBtn {position:absolute; top:0; right:10px;}
.qnaLatest ul {padding:13px 10px 0; width:175px;}
.qnaLatest ul li {}
.qnaLatest ul li a {font-size:1.0em; color:#5f5e5e; line-height:22px;}
.qnaLatest ul li.re {padding-left:20px; background:url(/images/common/re_ico.png) no-repeat left 7px;}
.qnaLatest ul li.re a {color:#4b4b4b; font-weight:600;}

/*최근게시물 탭 수정*/
.tabLatest { text-align:left;}
.tabLatest a.moreBtn {position:absolute; top:-35px; right:0; z-index:999999;}
.mBn01 {position:relative; float:left; width:436px; height:146px; padding:20px 22px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cccccc; behavior:url(/css/PIE.htc);}
.mBn01 .mbn01_tab {width:430px;height:35px; margin:0;}
.mBn01 .mbn01_tab li {float:left !important; border:0px solid #dedede; border-left:1px solid #b2b2b2; padding:0px 12px;}
.mBn01 .mbn01_tab li.bl_none {border-left:0; padding-left:0;}
.mBn01 .mbn01_tab li a {display:block; float:left !important; font-size:16px; color:#474747; height:16px; font-weight:600; line-height:16px;}
.mBn01 .mbn01_tab li a.on {color:#006ecd;}
.mBn01 .mbn01_tab li span {display:block}
.mBn01 .mbn01_tabContents {position:absolute; top:55px; left:22px; width:436px; height:100px; margin:0;padding:0;z-index:-1; background:#fff;}
.mBn01 .mbn01_tabContents li {border:none; width:436px; float:none; clear:both; padding-left:0; line-height:25px;}
.mBn01 .mbn01_tabContents li a {font-size:12px; height:auto; font-weight:normal; ine-height:auto; padding:0; color:#5f5e5e;}
.mBn01 .mbn01_tabContents li a.on {color:#5f5e5e;}
.mBn01 .mbn01_tabContents li span.date {float:right; color:#a7a6a6;}
.mBn01 .mbn01_tabContents li.notice {width:400px; background:url(/images/common/notice_ico.png) no-repeat left 0px; padding-left:36px;}
.mBn01 .mbn01_tabContents li.faq {}
.mBn01 .mbn01_tabContents li.deposit {width:376px; background:url(/images/common/deposit_ico.png) no-repeat left 0px; padding-left:60px;}
.mBn01 .mbn01_tabContents.first {z-index:1}
.mBn01 .mbn01_tabContents.on {z-index:5}

.mBn02 {position:relative; float:left; width:436px; height:146px; padding:20px 22px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cccccc; behavior:url(/css/PIE.htc); margin-left:16px;}
.mBn02 .mbn02_tab {width:430px;height:35px; margin:0;}
.mBn02 .mbn02_tab li {float:left !important; border:0px solid #dedede; border-left:1px solid #b2b2b2; padding:0px 12px;}
.mBn02 .mbn02_tab li.bl_none {border-left:0; padding-left:0;}
.mBn02 .mbn02_tab li a {display:block; font-size:16px; color:#474747; height:16px; font-weight:600; line-height:16px;}
.mBn02 .mbn02_tab li a.on {color:#006ecd;}
.mBn02 .mbn02_tab li span {display:block}
.mBn02 .mbn02_tabContents {position:absolute; top:55px; left:22px; width:436px; height:100px;margin:0;padding:0;z-index:-1; background:#fff;}
.mBn02 .mbn02_tabContents li {border:none; width:436px; float:none; clear:both; padding-left:0; line-height:25px;}
.mBn02 .mbn02_tabContents li a {font-size:12px; height:auto; font-weight:normal; ine-height:auto; padding:0; color:#5f5e5e;}
.mBn02 .mbn02_tabContents li a.on {color:#5f5e5e;}
.mBn02 .mbn02_tabContents li span.date {float:right; color:#a7a6a6;}
.mBn02 .mbn02_tabContents li.notice {width:400px; background:url(/images/common/notice_ico.png) no-repeat left 0px; padding-left:36px;}
.mBn02 .mbn02_tabContents li.faq {}
.mBn02 .mbn02_tabContents li.deposit {width:376px; background:url(/images/common/deposit_ico.png) no-repeat left 0px; padding-left:60px;}
.mBn02 .mbn02_tabContents.first {z-index:1}
.mBn02 .mbn02_tabContents.on {z-index:5}

.grayBg {position:relative; width:100%; min-height:550px; height:auto; padding:25px 0; background:#eeeeee;}
.estimateTit {position:relative; width:100%; height:42px;}
.estimateTit li {float:left;}
/*.estimateBox {position:relative; width:934px; min-height:200px; border:1px solid #262626; background:#fff; padding:20px 22px;}
.estimateBox ul.estimateInner {min-height:170px; padding:20px 0;}
.estimateBox ul.estimateBtns {position:relative; width:934px; height:27px; padding:13px 0 20px; border-top:1px solid #e5e5e5;}
*/
.estimateBox {position:relative; width:100%; min-height:200px; border:1px solid #262626; background:#fff; padding:2%;box-sizing:border-box;}

.estimateBox p.slash_line {width:937px; height:9px; margin:0 auto;}
.estimateBox ul.estimateInner {min-height:170px; padding:3px 0;}
.estimateBox ul.estimateInner li.none {background:url(/images/common/estimate_none.png) no-repeat center 32px;}
.estimateBox ul.estimateBtns {position:relative; width:100%; overflow:hidden; padding:13px 0 3px; border-top:1px solid #e5e5e5;}
.estimateBox ul.estimateBtns li {float:left; line-height:27px;}
.estimateBox ul.estimateBtns li img {height:20px; vertical-align:middle;}
.estimateBox ul.estimateBtns li.charge {float:left; font-size:1.33em; color:#fd2628; font-weight:600; width:100%;margin-bottom:20px;}
.estimateBox ul.estimateBtns li.charge > ul li.total {font-size:13px; color:#fff; width:92px; text-align:center; font-weight:600; background:#f15f53; margin-right:15px;}
.estimateBox ul.estimateBtns li.btns {float:right; font-size:13px; color:#505050; font-weight:600; width:100%}
.estimateBox ul.estimateBtns li.btns > ul li.sheetBtn {font-size:13px; color:#fff; width:133px; text-align:center; font-weight:600; background:#006ecd; margin-left:10px;}
.estimateBox ul.estimateBtns li.btns > ul li.cleanBtn {font-size:13px; color:#006ecd; width:107px; height:21px; line-height:21px; text-align:center; font-weight:600; background:#fff; margin-left:5px; border:3px solid #006ecd;}


.urgentProduct {position:relative; width:100%; text-align:left;}
.urgentProduct ul.tit {height:41px; margin-bottom:20px;}
.urgentProduct ul.tit li {float:left;}
.urgentProduct ul.tit li.urgentTxt {padding-left:20px; line-height:41px; font-size:1.16em; color:#ff2f19; font-weight:600;}
.urgentProduct ul.tit li.moreBtn2 {float:right; margin-top:5px; text-align:center; width:80px; height:30px; line-height:30px; background:#444444; font-size:14px; font-weight:600; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #262626; behavior:url(/css/PIE.htc);}

.urgentProduct li > div.productBox {position:relative; width:980px; height:auto;}
.urgentProduct li > div.productBox ul {float:left;}
.urgentProduct li > div.productBox ul.proBoxIn {width:194px; height:253px; border:1px solid #bababa; text-align:center; padding:15px 0;}
.urgentProduct li > div.productBox ul.proBoxIn li.urgentImg {margin-bottom:25px;}
.urgentProduct li > div.productBox ul.proBoxIn li.urgentTit {font-size:1.08em; color:#272727; line-height:16px; margin-bottom:8px;}
.urgentProduct li > div.productBox ul.proBoxIn li.urgentWon {font-size:1.08em; color:#ec4300; font-weight:600; line-height:16px;}


/*footer*/
p.f_logo {position:absolute; top:27px; left:0;}
ul.copyBox {position:absolute; top:23px; left:210px;}
ul.copyBox li {clear:both; font-size:12px; line-height:20px;}
ul.copyBox li span {float:left; color:#8c8c8c; margin-right:17px;}
ul.copyBox li.copyright {color:#585858; font-weight:600;}


/*왼쪽배너*/
#lbnBox {position:absolute; top:197px; left:50%; margin:0 0 0 -610px; width:100px; z-index:999999;}
#lbnBox li {margin-bottom:5px;}

/*subContent*/
/*라인배경있는타이틀.subTitle {position:relative; width:100%; height:47px; border-bottom:0px solid #e5e5e5; padding-bottom:10px; margin-bottom:20px; text-align:left;background:url(/images/common/titBg.png) no-repeat left -8px;} */
.subTitle {position:relative; width:100%; height:27px; border-bottom:0px solid #e5e5e5; padding-bottom:1px; margin-bottom:1px; text-align:left; background:url(/images/common/titBg02.png) no-repeat left -8px; margin-top:20px;}
/*둥근박스형타이틀 .subTitle {position:relative; width:100%; height:47px; border-bottom:0px solid #e5e5e5; padding-bottom:1px; margin-bottom:1px; text-align:left;}*/
.subTitle li { height:47px; z-index:1;}
.subTitle span {margin-left:10px; padding:15px 15px; font-size:1.55em; color:#006ecd; font-weight:600; line-height:25px; 
/*background:#006ecd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;*/
behavior:url(/css/PIE.htc); z-index:999999;
}

.bodyCont {position:relative; width:100%; margin:0 auto; text-align:left;}









/* header */
#header:after {content:''; display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.8; z-index:110}
#header.on:after {display:block;}
#headerTop {width:94%; margin:0 auto; position:relative;}
.menuOpen {position:absolute; left:0; top:28px; cursor:pointer;}
.menuOpen img {width:20px;}
.t-mypage {position:absolute; right:0; top:18px;}
.t-mypage img {width:35px;}

#logo {text-align:center; padding:15px 0;}
#logo img {width:190px}


#headerSch {width:94%; margin:0 auto; position:relative;}
#headerSch .allsearchBox {width:100%; box-sizing:border-box; border:2px solid #006ecd; border-radius:3px; line-height:35px; padding:0 30px 0 10px; font-family:'Noto Sans KR';}
#headerSch .btn {position:absolute; right:8px; top:12px; height:20px;}
#headerSch .t1 {text-align:center; color:#2d2d2d; }

#headerMenu ul {width:100%; overflow:hidden; background:#006ecd; margin-top:3px;}
#headerMenu ul li {float:left; width:33.33%; height:37px; display:table; box-sizing:border-box; border-right:1px solid #6fa6d5;}
#headerMenu ul li:nth-child(3n) {width:33.34; border-right:0;}
#headerMenu ul li:nth-child(3) ~ li {border-top:1px solid #6fa6d5}
#headerMenu ul li a {display:table-cell; text-align:center; vertical-align:middle; color:#fff; line-height:1.2em; letter-spacing:-0.06em;}
#headerMenu ul li a img {width:15px; vertical-align:middle;}

#menuWrap {position:fixed; left:-305px; top:0; width:260px; height:100%; background:#fff; z-index:111; box-sizing:border-box; transition:0.5s all}
#menuWrap.on {left:0;}

#aLogin .login {display:block ;width:100%; line-height:44px; background:#006ecd; color:#fff; text-align:center; font-weight:500;}
#aLogin .login span {font-size:18px; font-family:'Atomy-Bold'; letter-spacing:0;}

#gnb > ul > li {position:relative;}
#gnb > ul > li > a {display:block; width:100%; font-size:16px; color:#000; line-height:50px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; padding:0 8px;}
#gnb > ul > li > ul {display:none; background:#f7f7f7}
#gnb > ul > li > ul li a {display:block; width:100%; box-sizing:border-box; font-size:13px; line-height:40px; padding:0 8px; border-bottom:1px solid #f0f0f0}
#gnb > ul > li.depth:before {content:''; display:block; width:11px; height:1px; background:#222; position:absolute; top:22px; right:7px;}
#gnb > ul > li.depth:after {content:''; display:block; width:1px; height:11px; background:#222; position:absolute; top:17px; right:12px; transition:0.5s all}
#gnb > ul > li.depth.on:after {transform:rotate(90deg)}

#menu_close {position:absolute; right:-45px; top:0; width:45px; height:46px; background:#222; cursor:pointer;}
#menu_close span {display:block; width:60%; height:2px; background:#fff; position:absolute; left:20%;top:21px;}
#menu_close span.t {transform:rotate(45deg)}
#menu_close span.b {transform:rotate(-45deg)}




/* footer */
#fCS {width:100%; background:#f7f7f7; box-sizing:border-box; padding:4% 3%;}
#fCS > div {width:100%; background:#fff url(/m/images/common/fCSBG.png) no-repeat right bottom; background-size:auto 70%; box-sizing:border-box; padding:4vw 3vw;}
#fCS h2 {font-size:3.7vw; color:#222; font-weight:bold; line-height:1.2em; margin-bottom:2.3vw;}
#fCS .number {font-size:6.8vw; font-weight:bold; font-family:'Roboto'; line-height:1.2em;}
#fCS .time li {font-size:2.7vw; line-height:1.6em; color:#222}
#fCS .t1 {font-size:2.6vw; position:relative; padding-left:2vw;}
#fCS .t1:before {content:'-'; position:absolute; left:0; top:0;}

#fSch {text-align:center; margin:3px 0;}
#fSch img {width:66%;}

#footer {background:#222; text-align:center; padding:4vw 0 15vw;}
#footer .f_info li {display:inline-block; font-size:2.4vw; color:rgba(255,255,255,0.6); margin:0 1vw;}
#footer .f_info li.copy {color:rgba(255,255,255,0.2);}

#fQuick ul {overflow:hidden; position:fixed; bottom:0; left:0;}
#fQuick ul li {width:33.33%; float:left;}
#fQuick ul li img {width:100%}