@charset "UTF-8";
/* 201811 수정 */
.mainheader {border-bottom:1px solid #929292; box-shadow:0px 3px 5px #ccc; height:111px; z-index:9999; background:#fff; margin-bottom:4px;}
.sub-header { height:170px;}
#header {width:1080px; position:relative;}
#header .adLink { position:absolute; top:17px; right:0; z-index:50;}
#header .global{padding:46px 0 23px 0; position:relative;}
#header .global .tsh {float:none; height:42px; width:320px; position:absolute; right:410px;}
#gnb {text-align:center; padding-left:inherit;}
#gnb > ul {margin-left:inherit; }
/* #navall {top:680px; border-bottom:3px solid #0171b8; z-index:10000; left:30px; width:1052px; padding:0 20px 0 50px;} */
#navall { top:-747px; border-bottom:3px solid #0171b8; z-index:10000; left:0px; width:1052px; padding:0 20px 0 50px;}
/* #navall {top:88px; border-top:3px solid #0171b8; z-index:10000; left:30px; width:1052px; padding:0 20px 0 50px;} */
/* .sitemap-btn {font-weight:600; padding-left:12px;} */
/* img.sitemap-arrow {position:absolute;top:-17px; right:15px;} */
img.sitemap-arrow {position:absolute;top:745px; right:161px;}

#mainvisual {width:786px;height:323px; position:relative;padding-top:272px; padding-right:18px; margin:initial;float:left; box-shadow:1px 1px 1px #c1c1c1}
#mainvisual .area ul li .view {height:323px; width:786px;}
#mainvisual .area ul li.on .num {border:1px solid #333;}

#mainvisual .ctrl .mainvisual_play, #mainvisual .ctrl .mainvisual_stop { top:-6px;}
#mainvisual .ctrl .mainvisual_pre {top:120px; left:10px; margin-left:0;}
#mainvisual .ctrl .mainvisual_next {top:120px; right:10px; margin-right:0;}

.main-inner-box {margin-top:0px; background:#f0f0f0; width:auto; position:relative;}
.section1-bg {position:absolute;top:0;left:0;width:570px;height:298px;background:#fff;opacity:0.8;}
.main-inner {width:1080px; margin:0 auto; height:410px; padding-top:72px; padding-right:1px;}

.popupZone{ float:right;height:157px;width:349px;padding-top:157px; box-shadow:1px 1px 1px #c1c1c1;}
.popupZone .area ul li .view img { width:282px; height:218px;}
.popupZone .area ul li .view { width:280px; height:216px;}

#section1 {height:270px; margin-top:0;}
#section1 .set .decoset {top:0;}
#section1 .set .itemlist {padding-top:0;}
#section1 .set .decoset .updatecount { text-align:left; padding-left:0;}
#section1 .set .decoset a {padding:22px 0 16px 53px;}
#section1 .set .decoset .deco { padding-left:0; letter-spacing:-1.6px;}
#section1 .set .itemlist li {border:1px solid #cecece; height:210px;}
#section1 .set .area {display:block; position:relative;}
#section1.projectbg {background:#fff;}


#section01 { clear: both; height:270px; background-color: #f2f9ff; padding-top: 30px; }
#section01.professionalbg { background:#f2f9ff;}
#section01 .set { width: 1080px; margin: 0 auto; position: relative; }
#section01 .set button { position: absolute; top: 26px; color: #757575; font-size: 20px; font-weight: normal; }
#section01 .set button:before { content: ''; display: inline-block; vertical-align: top; background-image: url(/static/wesc/img/main/iconsetmain.png); background-position: -352px -243px; width: 27px; height: 27px; margin: 0 12px 0 0; }
#section01 .set .project button { left: 480px; }
#section01 .set .area {display:block;}
#section01 .set .active .area { display: block; }
#section01 .set .active button { color: #000; font-weight: bold; }
#section01 .set .active button:before { background-image: url(/static/wesc/img/main/iconsetmain.png); background-position: -298px -243px; width: 34px; height: 27px; margin-right: 10px; }
#section01 .set .professional button { left: 652px; }
#section01 .set .professional.active button:before { background-image: url(/static/wesc/img/main/iconsetmain.png); background-position: -244px -243px; width: 34px; height: 27px; }
#section01 .set .professional .decoset .updatecount .ns .n { background-color: #56a52f; }
#section01 .set .professional .itemlist li .date { width: auto; background-color: #e0f6e3; }
#section01 .set .professional .itemlist li > .free { margin: 0; }
#section01 .set .decoset { position: absolute; left: 0; top: 0px; width: 215px; color: #453311; }
#section01 .set .decoset .updatecount { text-align:left; height: 95px; position: relative; }
#section01 .set .decoset .updatecount .t { display: block; font-size: 27px; color: #453311; line-height: 1.296; white-space: nowrap;}
#section01 .set .decoset .updatecount .ns { font-size: 36px; }
#section01 .set .decoset .updatecount .ns span { font-size: 36px;  text-align:center;}
#section01 .set .decoset .updatecount .ns .n { font-size: 48px; color: #fff; display: inline-block; width: 35px; height: 45px; line-height: 42px; background-color: #58b2d0; position: relative; margin-right: 3px; ext-align: center; vertical-align: top; margin-top: 6px; }
#section01 .set .decoset .updatecount .ns .n:before { content: ''; position: absolute; width: 100%; border-top: 1px solid #d3e9f3; top: 50%; left: 0; }
#section01 .set .decoset .deco { color: #757575; font-size: 14px; margin: 5px 0 4px; letter-spacing:-1.6px; }
#section01 .set .decoset a { font-size: 17px; color: #fff; padding:22px 0 16px 53px; text-align: center; line-height: 1; }
#section01 .set .itemlist { padding-top: 0px; padding-left: 240px; }
#section01 .set .itemlist li { float: left; width: 260px; height: 210px; padding: 20px 20px 0 20px; background-color: #fff; margin-left: 20px; font-size: 13px; color: #333; border:1px solid #cecece;}
#section01 .set .itemlist li a { height: 60px; overflow: hidden; display: block; }
#section01 .set .itemlist li a .cate { color: #249bc1; display: block; height: 24px; }
#section01 .set .itemlist li a .t { font-weight: bold; font-size: 15px; display: block; height: 34px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#section01 .set .itemlist li > p > i { width: 16px; display: inline-block; text-align: center; margin-right: 6px; color: #000000; }
#section01 .set .itemlist li > p { padding: 13px 0 0; }
#section01 .set .itemlist li .txt { height: 80px; color: #666; overflow: hidden; }
#section01 .set .itemlist li .free { padding-bottom: 13px; padding-top: 0; }
#section01 .set .itemlist li .money { padding-bottom: 14px; background-color: #dcedff; margin: 0 -20px; height: 40px; padding: 13px 0 0 18px; line-height: 1; position: relative; }
#section01 .set .itemlist li .date { background-color: #e3f3f4; margin: 0 -20px; height: 40px; padding: 13px 0 0 18px; line-height: 1; position: relative; }
#section01 .set .itemlist li .date span { position: absolute; top: 7px; right: 10px; font-size: 12px; color: #fff;  width: 66px; height: 26px; border-radius: 15px; background-color: #249bc1; text-align: center; line-height: 26px; }
#section01 .set .itemlist li .date span i { color: #fff; }
#section01 .set .itemlist li .date span.h { background-color: #67a32a; }
#section01 .set .itemlist li .area { padding-top: 11px; position:relative; }
#section01 .set .itemlist li i { font-family: FontAwesome; font-style: normal; color: #000; background-color: transparent; width: auto; line-height: 1; height: 14px; }
.set .btn_more {position:absolute; width:100px; top:-21px; right:0px; font-size:12px; text-align:right; font-weight:600;}

#section5 { height:252px;}
#section5 .notice {width:490px; margin-left:0px;}
#section5 .notice ul {margin-top:0px;}
#section5 .notice li a { font-size:14px; color:#454545; line-height:26px; display:inline-block; width:400px;}
#section5 .notice li a .txt {width:370px}
#section5 .notice li a .txt::before { width:3px; height:3px;}

#section5 .notice a.noticemore {right:5px;}
#section5 .border{border-top:1px solid #ccc; padding-top:10px;}
#section5 .qick { width:570px; float:left; margin:0 0px 0 20px;}
#section5 h2 { font-size:21px; font-weight:bold; margin:0; margin-bottom:16px;}
#section5 h2::before {display:none;}
#section5 .qick ul {}
#section5 .qick ul li { float:left; }
#section5 .qick ul li a {width:280px; height:94px; color:#181682; font-weight:600; display:block; margin:0 10px 10px 0; padding:18px 5px 5px 100px; text-decoration:none; line-height:17px; font-size:14px; background-color:#f2f2f2 !important; border:1px solid #ddd;}
#section5 .qick ul li a span { display:block; font-size:12px; color:#999; line-height:15px; padding-top:5px;}
#section5 .qick ul li:nth-child(1) a { background:url(/static/wesc/img/main-qick01.png) 15px 50% no-repeat;padding:18px 5px 5px 100px;}
#section5 .qick ul li:nth-child(2) a {margin:0 0 0 0; background:url(/static/wesc/img/main-qick04.png) 11px 50% no-repeat;padding:13px 5px 5px 100px;}
#section5 .qick ul li:nth-child(4) a {margin:0;background:url(/static/wesc/img/main-qick02.png) 15px 50% no-repeat;padding:18px 5px 5px 100px;}
#section5 .qick ul li:nth-child(3) a {background:url(/static/wesc/img/main-qick03.png) 13px 41% no-repeat;padding:18px 5px 5px 100px;}

#section5 .helpdesk { width:100%; height:55px; padding:15px 60px 15px 15px; float:right; background:url(/static/wesc/img/main-help-phone.png) 99% 50% no-repeat #f2f2f2; background-size:45px; margin-top:10px;}
#section5 .help-box {}
#section5 .help-box .help-h2 {font-size:30px; font-weight:600;}
#section5 .help-box .help-num {font-size:22px; color:#333; line-height:25px; font-weight:600; display: inline-block; letter-spacing:0;}
#section5 .help-box ul li {float: left; display: inline-block;}
#section5 .help-box ul li:nth-child(1) {margin-right: 11px;}
#section5 .help-box ul li a { font-size:16px; font-weight:500; background:url(/static/wesc/img/help-bul01.png) 100% 60% no-repeat; padding-right:20px; display:inline;}
#section5 .help-box ul li a:hover { text-decoration:none; color:#333;}

#section6 {height:70px;}
/*연관사이트*/
.relation {width:100%; height:70px; padding-top:7px; border:1px solid #d6d6d6;}
.relation .bx-wrapper { position:relative;height:70px;}
.relation .bx-prev { position:absolute; top:2px; left:-40px; display:block; width:31px; height:56px; background:url(/static/wesc/img/btn_left.png) 0 50% no-repeat; text-indent:-9999px; overflow:hidden;}
.relation .bx-next { position:absolute; top:2px; right:-40px; display:block; width:31px; height:56px;  background:url(/static/wesc/img/btn_right.png) 0 50% no-repeat; text-indent:-9999px; overflow:hidden;}
/*//연관사이트*/		

.footerSet {background:#fcfcfc;}
.footerSet .fnavset { background:#c3c3c3; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.footerSet .fnav a { color:#000;}

/*// 201811 수정 */