#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:372px;  overflow:hidden; }
#mainSection7 .globalBox .portfolioList .list li {width:160px; float:left; margin-left:8px; margin-top:8px; }
#mainSection7 .globalBox .portfolioList .list li div {width:160px; height:115px; border:1px solid #eeeeee; overflow:hidden; }
#mainSection7 .globalBox .portfolioList .list li div img {width:160px; min-height:115px; }

#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}

/* 상단 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;}


#mainSection7 {width:100%; }
#mainSection7 .webzineBox {width:50%;}
#mainSection7 .webzineBox .b1 {width:100%;}
#mainSection7 .webzineBox .b2 {display:none}
#mainSection7 .webzineBox .b3 {display:none}
#mainSection7 .webzineBox .b4 {display:none}

#mainSection7 .globalBox {width:49%;  margin-left:1%;}
#mainSection7 .globalBox .portfolioList .bg  {display:none;}

#mainSection3 { width:100%; height:auto; overflow:hidden}
#mainSection3 .companyBox {width:100%;}

}

@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;}

#mainSection7 {height:893px;}
#mainSection7 .webzineBox {width:86%; text-align:center; background:#fff; margin-left:7%; margin-top:12px;}
#mainSection7 .globalBox {width:86%;  margin-left:7%; margin-top:12px;}

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