/*대관안내*/
.s0403 {}
.s0403 .space {display:inline-block;box-shadow:3px 3px 7px #c8d7e5;background: url(/lll/nanum/site/img/04network/s0301_space_bar.gif) no-repeat 50% 0px;padding-top:3px;}
.s0403 .space p.img {float:left;}
.s0403 .space .cont {float:left; margin-left:50px; }
.s0403 .space .cont p.tit {font-size: 25px;color: #000;font-weight: 500;margin: 45px 0 25px 0;}
.s0403 .space .cont ul {padding-bottom:20px;}
.s0403 .space .cont ul li span {display:inline-block; width:100px; color: #007beb; font-size: 16px; font-weight: 600;}
.s0403 .space .cont ul li {padding:15px 0 15px 65px;}
.s0403 .space .cont ul li.line2 {margin-bottom:0px;}
.s0403 .space .cont ul li.area {background: url(/lll/nanum/site/img/04network/s0301_icon_area.png) no-repeat left 4px;}
.s0403 .space .cont ul li.people {background: url(/lll/nanum/site/img/04network/s0301_icon_people.png) no-repeat left 4px;}
.s0403 .space .cont ul li.tool {background: url(/lll/nanum/site/img/04network/s0301_icon_tool.png) no-repeat left 4px;}
.s0403 .space .cont ul li dl {width:100%; display:inline-block;}
.s0403 .space .cont ul li dl dt {float:left;color:#007beb;font-size: 15px;font-weight:600;padding-top:4px; width: 80px;}
.s0403 .space .cont ul li dl dd {float:right; width:275px; font-size:14px; color:#222; line-height:160%;}

/*동아리, 강사은행 안내*/
.s0401 .top {width:100%;text-align:left; background:url(/lll/nanum/site/img/04network/s0401_bg.jpg) no-repeat 480px 50%;padding: 60px 0;}
.s0401 .top p {color:#222; letter-spacing:-1px;}
.s0401 .top p.tit {margin: 0px 0 25px 0;font-size:28px;font-family:'NotoKrB',sans-serif;}
.s0401 .top p.txt {font-size:15px;font-family:'NotoKrR',sans-serif;line-height: 27px;}
.s0401 .top a {display:inline-block; padding:12px 65px 12px 30px;margin-top: 25px;border-radius:100px;background:#ffaa00 url(/lll/nanum/site/img/04network/btn_arrow.gif) no-repeat 155px 50%;letter-spacing:-1px;color:#fff;font-size:14px;font-family:'NotoKrM',sans-serif;}

.s0402 .top {width:100%;text-align:left;background:url(/lll/nanum/site/img/04network/s0402_bg.jpg) no-repeat 575px bottom;padding: 60px 0;}
.s0402 .top p {color:#222; letter-spacing:-1px;}
.s0402 .top p.tit {margin: 0px 0 25px 0;font-size:28px;font-family:'NotoKrB',sans-serif;}
.s0402 .top p.txt {font-size:15px;font-family:'NotoKrR',sans-serif;line-height: 27px;}
.s0402 .top a {display:inline-block; padding:12px 65px 12px 30px;margin-top: 25px;border-radius:100px;background:#ffaa00 url(/lll/nanum/site/img/04network/btn_arrow.gif) no-repeat 155px 50%;letter-spacing:-1px;color:#fff;font-size:14px;font-family:'NotoKrM',sans-serif;}

.step04_style {width:100%;text-align:center;background: #f5f5f5;border: 1px solid #ddd;margin-top: 20px;}
.s0402 .step04_style .tit {margin-top:0;}
.step04_style .tit {font-size: 22px;color: #007beb;text-align:left;padding: 25px 0 25px 25px;border:none;border-bottom: 1px solid #ddd;font-family:'NotoKrB',sans-serif;letter-spacing:-1px;background:#fff;}
.step04_style .tit span {display:inline-block;margin-left:18px;font-size:15px;color:#999;font-family:'NotoKrR',sans-serif;}
.step04_style .tit a {float: right;font-size: 14px;padding: 0 35px 0 25px;margin-right: 25px;height:100%;border-left:1px solid #ddd;display: inline-block;background: url(/lll/nanum/site/img/04network/down_btn.gif) no-repeat right 50%;color: #333;2}
.step04_style ul.step {width:834px;display:inline-block;padding: 40px 0;background:url(/lll/nanum/site/img/04network/step04_style_bg.gif) no-repeat 50% center;}
.step04_style ul.step li {float:left; width:195px; height:195px; margin-left:18px; text-align:center; font-family:'NotoKrR',sans-serif;}
.step04_style ul.step li:first-child {margin-left:0px;}
.step04_style ul.step li p.txt {padding-top: 110px;font-size:15px;color:#000;letter-spacing:-1px;}
.step04_style ul.step li p.txt span {display:inline-block; margin-right:4px;width:20px; height:20px; line-height:21px;font-family:'Rajdhani',sans-serif; color:#fff; background:url(/lll/nanum/site/img/04network/plan_num_bg.gif) no-repeat 50% 0px; font-weight:600; font-size:12px;}
.step04_style ul.step li p.stxt {display:inline-block;margin-top: 9px;line-height: 145%;color:#888;font-size:13px;}

.step04_style ul.step li.bg01 {background:url(/lll/nanum/site/img/04network/step04_bg01.png) no-repeat 50% 0px;}
.step04_style ul.step li.bg01 p.txt {background: url(/lll/nanum/site/img/04network/step04_icon01.gif) no-repeat 50% 55px;}
.step04_style ul.step li.bg02 {background:url(/lll/nanum/site/img/04network/step04_bg02.png) no-repeat 50% 0px;}
.step04_style ul.step li.bg02 p.txt {background: url(/lll/nanum/site/img/04network/step04_icon02.gif) no-repeat 50% 37px;}
.step04_style ul.step li.bg03 {background: url(/lll/nanum/site/img/04network/step04_bg03.png) no-repeat 50% 0px;}
.step04_style ul.step li.bg03 p.txt {background: url(/lll/nanum/site/img/04network/step04_icon03.gif) no-repeat 50% 55px;}
.step04_style ul.step li.bg04 {background:url(/lll/nanum/site/img/04network/step04_bg04.png) no-repeat 50% 0px;}
.step04_style ul.step li.bg04 p.txt {background: url(/lll/nanum/site/img/04network/step04_icon04.gif) no-repeat 50% 55px;}

.step04_style ul.step li.line2 p.txt {padding-top:96px;}


.benefit_style {width:100%;text-align:center;background: #f5f5f5;margin-top: 30px;border: 1px solid #ddd;}
.benefit_style > .tit {font-size: 22px;color: #007beb;text-align:left;padding: 23px 0 23px 25px;border:none;border-bottom: 1px solid #ddd; font-family:'NotoKrB',sans-serif;letter-spacing:-1px;background:#fff;}
.benefit_style .tit span {display:inline-block;margin-left: 14px;font-size:15px;color:#999;font-family:'NotoKrR',sans-serif;}
.benefit_style ul {width: 800px;padding: 25px 0;display:inline-block;}
.benefit_style ul li {float:left;margin-left: 13px;width: 190px;text-align:center;padding-bottom: 60px;background: #fff;}
.s0402 .benefit_style ul li {width:258px;}
.benefit_style ul li:first-child {margin-left:0px;}
.benefit_style ul li p {padding-top: 135px;color: #222222;font-size:15px;font-family:'NotoKrM',sans-serif;letter-spacing:-1px;line-height:150%;}
.benefit_style ul li p.icon01 {background:url(/lll/nanum/site/img/04network/benefit_icon01.gif) no-repeat 50% 40px;}
.benefit_style ul li p.icon02 {background:url(/lll/nanum/site/img/04network/benefit_icon02.gif) no-repeat 50% 40px;}
.benefit_style ul li p.icon03 {background:url(/lll/nanum/site/img/04network/benefit_icon03.gif) no-repeat 50% 40px;}
.benefit_style ul li p.icon04 {background:url(/lll/nanum/site/img/04network/benefit_icon04.gif) no-repeat 50% 45px;}



/********************모바일********************/
@media(max-width:736px){

.s0403 .space {width:100%;}
.s0403 .space .cont p.tit {margin:35px 0 20px 0; padding-left:10px;}
.s0403 .space p.img {float:none;}
.s0403 .space p.img img {width:100%;}
.s0403 .space .cont {float:none; margin-left:0px;}
.s0403 .space .cont ul li {padding:8px 0 8px 70px;}
.s0403 .space .cont ul li.area {background-position:7px 4px;}

.s0403 .space .cont ul li dl dd {float:left; width:100%;}

.s0401 .top {padding:10px; box-sizing:border-box;}
.s0401 .top p.txt {text-align:left;}
.s0401 .top p.txt br {display:none;}
.s0402 .top {padding:10px; box-sizing:border-box;}
.step04_style .tit {padding:32px 25px 25px 25px; box-sizing:border-box; text-align:center;}
.step04_style .tit span {margin-left:0; margin-top:15px;}
.step04_style .tit a {display:inline-block; float:none; border:1px solid #ddd; margin-right:0px; padding:12px 35px 12px 35px; background:none;margin-top: 15px;}

.benefit_style > .tit {padding:32px 25px 25px 25px; box-sizing:border-box; text-align:center;}
.benefit_style .tit span {margin-left:0; margin-top:15px;}

.step04_style ul.step {width:100%; background:none; padding:10px 0;}
.step04_style ul.step li {float:none; margin:0 auto 15px auto !Important; margin-bottom:15px;}

.benefit_style ul {width:100%; background:none; padding:10px 0;}
.benefit_style ul li {float:none; margin:0 auto 15px auto !Important; margin-bottom:15px; width:90%;}

.s0404 table.table1 {width:650px; margin-top:20px;}


}

/********************웹********************/
@media(min-width:737px){

}