#mainSection {width:100%; height:auto; position:relative; background:#f5f7f8; padding-bottom:50px; font-size:12px; }

#mainSection h3 {font-size:16px;  font-family: 'NotoSansKR-Light-Hestia';  color:#333333 }
#mainSection1 {width:1080px; height:300px; margin:0 auto; position:relative;}
#mainSection1 .mainNew {width:718px; height:287px; position:absolute; top:0px; left:0px; margin-top:12px; border:2px solid #006cb8; background:#fff; padding:17px;}
#mainSection1 .mainNew a {color:#555}
#mainSection1 .mainNew .newImg {width:330px; height:244px; border:1px solid #eeeeee; overflow:hidden; float:left}
#mainSection1 .mainNew .newImg img {width:100%; min-height:244px;}
#mainSection1 .newCont {float:left; margin-left:17px; width:317px;}
#mainSection1 .newCont .title {margin-top:15px; height:36px; font-size:14px; line-height:18px; color:#555; font-weight:600}
#mainSection1 .newCont .writer {margin-top:7px; color:#666; font-size:11px;}
#mainSection1 .newCont .cont {width:100%; margin-top:7px; height:70px; line-height:18px; color:#666; border-bottom:1px solid #eeeeee;}
#mainSection1 .newCont ul {margin-top:15px;}
#mainSection1 .newCont li {height:24px;  padding-left:10px; font-weight:600; background:url('/new/img/main/bg_Mnews_dot.gif') 1px 4px no-repeat ;}
#mainSection1 .newCont li a {color:#666;}

#mainSection1 .main-Login {width:354px; height:138px; position:absolute; top:0px; right:0px; margin-top:8px;}
#mainSection1 .main-Login .loginBox {width:352px; height:138px; background:#fff; border:1px solid #dddddd}
#mainSection1 .main-Login .loginBox .idBox {width:174px; height:39px; overflow:hidden; background:#f5f7f8; position:absolute; top:20px; left:20px;}
#mainSection1 .main-Login .loginBox .pwBox {width:174px; height:39px; overflow:hidden; background:#f5f7f8; position:absolute; top:58px; left:20px;}
#mainSection1 .main-Login .loginBox label {position:absolute; line-height:37px; padding-left:10px}
#mainSection1 .main-Login .loginBox input[type='text'], .loginBox input[type='password'] {border:0px; height:100%; width:100%; padding-left:10px; background:#f5f7f8;}
#mainSection1 .main-Login .loginBox .btn_login {position:absolute; display:block; font-size:13px; top:20px; right:100px; width:77px; line-height:77px; height:77px; font-weight:600; text-align:center; border:0px; color:#fff; background:#006cb8; }
#mainSection1 .main-Login .loginBox .join {position:absolute; display:block; font-size:13px; top:20px; right:20px; line-height:75px; width:77px; height:77px; font-weight:600; text-align:center; border:2px solid #006cb8; color:#006cb8;}
#mainSection1 .main-Login .loginBox .userFind {position:absolute; bottom:16px; left:20px}
#mainSection1 .main-Login .loginBox .speedJoin {position:absolute; bottom:12px; right:20px; height:20px; line-height:20px;}
#mainSection1 .main-Login .loginBox .speedJoin img {vertical-align:middle; margin-left:3px}
#mainSection1 .main-AD2 {width:354px; height:auto; position:absolute; top:159px; right:0px;}
#mainSection1 .main-AD2 span {width:352px; height:138px; display:block; background:url('/new/img/main/mainAD2.jpg');}

#mainSection7 {width:1080px; height:460px; margin:0 auto; position:relative; margin-top:8px; z-index:10}
#mainSection7 .webzineBox {width:718px;  position:relative; height:460px;  float:left;}
#mainSection7 .webzineBox .b1 {width:459px; height:458px; overflow:hidden; border:1px solid #ddd;}
#mainSection7 .webzineBox .b2 {width:246px; height:146px; overflow:hidden; position:absolute; top:0px; right:0px; border:1px solid #ddd;}
#mainSection7 .webzineBox .b3 {width:246px; height:146px; overflow:hidden; position:absolute; top:158px; right:0px; border:1px solid #ddd;}
#mainSection7 .webzineBox .b4 {width:246px; height:146px; overflow:hidden; position:absolute; top:316px; right:0px; border:1px solid #ddd;}

#mainSection7 .globalBox {width:354px; height:459px;  float:left; background:#fff;  margin-left:8px; position:relative;}
#mainSection7 .globalBox .portfolioTitle {height:70px; width:100%;  }
#mainSection7 .globalBox .portfolioTitle .category {clear:both; display:block; height:20px; padding-top:14px;  font-size:11px; color:#999999;   text-align:center;}
#mainSection7 .globalBox .portfolioTitle .category div {border:1px solid #d7d7d7; margin:0 auto; width:80px; height:16px; line-height:18px;}
#mainSection7 .globalBox h3 {text-align:center; margin-top:8px;}
#mainSection7 .globalBox .portfolioList {position:relative; border-top:1px solid #eee; width:100%;  height:342px;  overflow:hidden; }
#mainSection7 .globalBox .portfolioList .list {width:1000px; position:absolute; top:0px; left:-255px; }
#mainSection7 .globalBox .portfolioList .list li {width:270px; float:left; margin-right:25px; margin-top:52px; margin-bottom:40px;}
#mainSection7 .globalBox .portfolioList .list li div {width:270px; height:205px; border:1px solid #eeeeee; overflow:hidden; }
#mainSection7 .globalBox .portfolioList .list li div img {width:270px; min-height:205px; }
#mainSection7 .globalBox .portfolioList .list li span {width:250px; height:78px; line-height:30px; margin:0 auto; display:block; text-align:center; font-size:14px; color:#555; font-weight:600;}
#mainSection7 .globalBox .portfolioList .bg {width:250px; height:310px;  border:1px solid #d7d7d7; margin:0 auto; margin-top:24px; box-shadow: 6px 6px #e9edef;}
#mainSection7 .globalBox .portfolioList .btn_left {position:absolute; left:0px; top:120px;z-index:1000;}
#mainSection7 .globalBox .portfolioList .btn_right {position:absolute; right:0px; top:120px;z-index:1000;}
#mainSection7 .globalBox .list-btn {text-align:center; height:8px; width:auto; text-align:center; margin-top:18px;}
#mainSection7 .globalBox .list-btn div {width:8px; height:8px; display:inline-block; background:url('/new/img/main/slide_btn.gif') -8px 0px no-repeat; }
#mainSection7 .globalBox .list-btn .over {background:url('/new/img/main/slide_btn.gif') 0px 0px no-repeat;}



#mainSection3 { width:1080px; height:300px;  margin:0 auto; position:relative;}
#mainSection3 .companyBox {width:536px; height:288px; padding:17px 0px 17px 17px; background:#fff; margin-top:8px; float:left;}
#mainSection3 .companyBox ul {margin-top:10px; }
#mainSection3 .companyBox li {margin-bottom:10px; width:48%; height:72px; margin-right:2%; float:left;}
#mainSection3 .companyBox li:last-child {margin-right:0px;}
#mainSection3 .companyBox div {width:100%; height:150px; border:1px solid #ddd; float:left; margin-right:5px; overflow:hidden;}
#mainSection3 .companyBox img {width:100%; min-height:150px;}
#mainSection3 .companyBox h5 {clear:both; font-size:14px;  color:#333; padding-top:5px; line-height:20px;}
#mainSection3 .companyBox em {font-size:12px; padding-top:5px; color:#777; line-height:16px}


#mainSection3 .ADBox {width:536px; height:288px;  margin-top:8px; float:left; margin-left:8px;}
#mainSection3 .ADBox li {float:left; overflow:hidden; width:263px; height:138px; border:1px solid #ddd}
#mainSection3 .ADBox li img {width:100%;}
#mainSection3 .ADBox .top {margin-bottom:8px;}
#mainSection3 .ADBox .last {margin-left:6px;}

/* 상단 1080 */
@media all and (max-width:1080px){
#mainSection1 {width:100%;}
#mainSection1 .mainNew {width:65%;} 
#mainSection1 .mainNew .newImg {width:40%;}
#mainSection1 .newCont { width:57%; margin-left:2%;}

#mainSection1 .main-Login {width:34%;}
#mainSection1 .mainNew span {width:100%;}
#mainSection1 .main-Login .loginBox {width:99%;}
#mainSection1 .main-Login .loginBox .idBox {width:80%;}
#mainSection1 .main-Login .loginBox .pwBox {width:80%;}
#mainSection1 .main-Login .loginBox .btn_login {right:10px;}
#mainSection1 .main-Login .loginBox .join {height:30px; top:115px; line-height:28px; right:10px;}
#mainSection1 .main-Login .loginBox .speedJoin {display:none}
#mainSection1 .main-AD2 {width:34%; overflow:hidden;}

#mainSection2 { width:100%}
#mainSection2 .lawBox {width:50%; padding-left:2%}
#mainSection2 .lawBox li {width:46%; height:105px; overflow:hidden;  }
#mainSection2 .lawBox li span {line-height:16px; color:#666; height:30px; overflow:hidden; display:block;}
#mainSection2 .columnBox {width:49%; margin-left:1%; overflow:hidden; }

#mainSection2 .columnBox li { width:47%; height:270px; float:left; margin-right:8px;}
#mainSection2 .columnBox li:last-child {margin-right:0px;}
#mainSection2 .columnBox h5 {font-size:14px; margin-bottom:5px; line-height:18px; margin-top:5px; color:#555}
#mainSection2 .columnBox div {width:100%; position:relative; height:130px; border:1px solid #ddd; overflow:hidden; }
#mainSection2 .columnBox li span {line-height:16px; color:#666;  height:30px; overflow:hidden; display:block;}
#mainSection2 .columnBox .column {width:245px; min-height:130px;}


#mainSection3 { width:100%}
#mainSection3 .eventBox {width:50%;padding-left:2%}
#mainSection3 .eventBox div {width:100%; border-right:0px; margin-top:0px; margin-top:10px;}
#mainSection3 .eventBox div:last-child {margin:0px;}
#mainSection3 .eventBox h5 {display:none;}
#mainSection3 .eventBox ul {margin-top:0px; }
#mainSection3 .eventBox li {margin-bottom:10px; width:100%; height:50px; float:left;}
#mainSection3 .eventBox span {width:100px; height:50px;}
#mainSection3 .eventBox img {width:100px; min-height:50px;}
#mainSection3 .eventBox p {display:none;}
#mainSection3 .eventBox h6 {font-size:14px; margin-bottom:5px; line-height:18px; color:#555}
#mainSection3 .eventBox em {font-size:11px; line-height:16px; color:#666}

#mainSection3 .ADBox {width:49%; margin-left:1%;  overflow-y:auto; overflow-x:hidden;}
#mainSection3 .ADBox li {float:left; overflow:hidden; width:50%; text-align:center; background:#fff; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
#mainSection3 .ADBox li img {width:auto;}
#mainSection3 .ADBox .top {margin-bottom:8px;}
#mainSection3 .ADBox .last {margin-left:0px;}
}

@media all and (max-width:727px){
#mainSection1 {width:100%; }
#mainSection1 .mainNew {width:86%;  left:7%}
#mainSection1 .mainNew .newImg {display:none;}
#mainSection1 .newCont {width:98%;}
#mainSection1 .main-AD2 {width:86; height:auto; position:absolute; top:157px; right:0px;}
#mainSection1 .main-Login .loginBox {display:none;}
#mainSection1 .main-AD2 {display:none;}

#mainSection2 {height:593px;}
#mainSection2 .lawBox {width:86%; margin-left:7%; }

#mainSection2 .columnBox {width:86%; margin-left:7%; overflow:hidden;}

#mainSection3 {height:593px;}
#mainSection3 .eventBox {width:86%; margin-left:7%; }
#mainSection3 .ADBox {width:86%; margin-left:7%; }
}