#main_cont01{background:url(../make_img/main/main_cont01_bg.jpg);  min-width:1000px; width:100%; padding:30px 0 50px 0;}
#main_cont01 .main_cont01in{width:1000px; margin:0 auto;}
#main_cont01 .main_cont01in .main_benner01{margin-bottom:10px; position:relative;}
#main_cont01 .main_cont01in .main_benner01 img{border:1px solid #cdcdcd;}
#main_cont01 .main_cont01in .main_benner01 .start{position:absolute; top:28.5px; right:10px;}
#main_cont01 .main_cont01in .main_benner01 .start img{border:0;}
#main_cont01 .main_cont01in .main_left{float:left; width:317px; margin-right:10px;}
#main_cont01 .main_cont01in .main_left .login{}
#main_cont01 .main_cont01in .main_left .login:after{content:""; clear:both; display: block;}
#main_cont01 .main_cont01in .main_left .login input{width:180px; height:31px; padding:10px; border:1px solid #cdcdcd; float:left;}
#main_cont01 .main_cont01in .main_left .login input:first-child{border-bottom:0;}
#main_cont01 .main_cont01in .main_left .login input.btn{width:115px; height:105px; background:#2662a8; text-align:center; border:1px solid #2662a8; color:#fff; font-size:20px; font-weight:600; margin-top:-52px;}
#main_cont01 .main_cont01in .main_left .login .main-login-box p{width:313px; height:85px; background:#fff; text-align:center; line-height:25px; border:1px solid #cdcdcd; font-size: 18px; font-weight: 600; display:flex;}
#main_cont01 .main_cont01in .main_left .login .main-login-box p .hello_in{ align-self:center; width:100%;}
#main_cont01 .main_cont01in .main_left .login .main-login-box p a{color: #2662a8;}
#main_cont01 .main_cont01in .main_left .login .main-login-box p .result{display:block; font-size:15px; font-weight:400;}
#main_cont01 .main_cont01in .main_left .login .main-login-box p .result strong{color:#c12f3a;}
#main_cont01 .main_cont01in .main_left .login a.logout{display:block; width:315px; height:51px; line-height:51px; background:#2662a8; text-align:center; border:0; color:#fff; font-size:20px; font-weight:600; text-align:center;}
#main_cont01 .main_cont01in .main_left .login .main-login-box .id_save{ font-size: 14px; line-height: 33px; float:left; width:100%; font-weight:500;}
#main_cont01 .main_cont01in .main_left .login .main-login-box .id_save input{width:15px; height:15px; margin:9px 10px 0 10px;}

#main_cont01 .main_cont01in .main_left .ranking{ border:1px solid #cdcdcd; background:#fff;}
#main_cont01 .main_cont01in .main_left .ranking dl{height:80px; width:315px; border-bottom:1px solid #cdcdcd;}
#main_cont01 .main_cont01in .main_left .ranking dl dt{height:75px; width:73px; text-align:center; float:left; line-height:75px; font-size:50px; font-weight:900; color:#abccfe;}
#main_cont01 .main_cont01in .main_left .ranking dl dd{float:left; width:242px; padding:11px 0;}
#main_cont01 .main_cont01in .main_left .ranking dl dd span{line-height:27px; display:block; font-size:25px; font-weight:900; color:#324274; letter-spacing:-0.05em;}
#main_cont01 .main_cont01in .main_left .ranking dl dd span.name{font-size:18px; font-weight:500; color:#333;}
#main_cont01 .main_cont01in .main_left .ranking dl.no01{background:#c12f3a url(../make_img/main/school_no1.png) no-repeat right center; background-position:244px 21.5px;}
#main_cont01 .main_cont01in .main_left .ranking dl.no01 dt{color:#fff;}
#main_cont01 .main_cont01in .main_left .ranking dl.no01 dd{}
#main_cont01 .main_cont01in .main_left .ranking dl.no01 dd span{color:#fff; font-weight:600;}

/* 2018-06-04 추가 start */
#main_cont01 .main_cont01in .main_left .ranking_login_1{ border:1px solid #cdcdcd; background:#fff;}
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl{height:40px; width:314px; border-bottom:0.0px solid #cdcdcd; background:#ac2727;}
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl dt{height:37px; width:72px; text-align:center; float:left; line-height:35px; font-size:27px; font-weight:900; color:#ec9b9e;  text-shadow: 2px 1px black;}
/*
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl dt{height:37px; width:72px; text-align:center; float:left; line-height:35px; font-size:27px; font-weight:900; color:#abdeec;  text-shadow: 2px 1px black;}
*/
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl dd{float:left; width:242px; padding:11px 0;}
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl dd span{line-height:15px; font-size:18px; color:#ffca73; font-weight:600; letter-spacing:-0.05em; text-shadow: 2px 1px black;}
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl dd span.name{font-size:18px; color:#ffffff; font-weight:600; text-shadow: 2px 1px black;}
// 2018-10-22 #main_cont01 .main_cont01in .main_left .ranking_login_1 dl.no_0{background:#a12020 url(../make_img/main/person_no1.png) no-repeat right center; background-position:252px 9.5px;}
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl.no_0{background:#a12020 url(../make_img/main/person_no1.png) no-repeat right center; background-position:272px 9.5px;}
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl.no_0 dd{}
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl.no_0 dd span{color:#ffff00; font-weight:600; font-size:21px; }
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl.no_0 dt{height:37px; width:72px; text-align:center; float:left; line-height:35px; font-size:29px; font-weight:900; color:#ffff00; }
/*
#main_cont01 .main_cont01in .main_left .ranking_login_1 dl.no_0 dt{height:37px; width:72px; text-align:center; float:left; line-height:35px; font-size:29px; font-weight:900; color:#ffff00; }
*/
/* 2018-06-04 추가 end   */

#main_cont01 .main_cont01in .main_right{float:left; width:673px;}
#main_cont01 .main_cont01in .main_right .slide{position:relative; width:671px; height:298px; background:#74878d; border:1px solid #cdcdcd; margin-bottom:10px;}
#main_cont01 .main_cont01in .main_right .slide .slide_ul{ width:609px; height:298px; float:left;}
#main_cont01 .main_cont01in .main_right .main_banner03{border:1px solid #cdcdcd; width:671px; height:233px;}

#main_cont02{width:100%; min-width:1000px;}
#main_cont02 h2{display:none;}
#main_cont02 .full_benner01{text-align:center; background:#2662a8; height:462px;}
#main_cont02 .full_benner01 img{position:relative; top:-40px; left:32px}
#main_cont02 .full_benner02{text-align:center; background:#3a425c url(../make_img/main/roadmap_bg.jpg) no-repeat center center; padding:85px 0 142px 0;}
#main_cont02 .full_benner02 img{position:relative; left:11px;}

#main_cont03{width:1000px;  margin:0 auto; background:#fff; padding:70px 0 85px 0;}
#main_cont03 .review_tit{width:1000px; margin-bottom:40px;}
#main_cont03 .review_tit h2{text-indent:-9999px; width:100%; height:120px; background:url(../make_img/main/main_cont03_tit.png) no-repeat;}
#main_cont03 .review_tit p{text-align:center; line-height:30px; font-size:25px; font-weight:600;}
#main_cont03 .review .review_box{width: calc((99% - 38px)  / 4); float:left; border:1px solid #cdcdcd; margin-right:10px; position:relative; margin-bottom:10px;}
#main_cont03 .review .review_box:last-child{margin-right:0;}
#main_cont03 .review .review_box .btn{position:absolute; top:5%; right:5%;}
#main_cont03 .review .review_box .btn a{display:block; width:18px; height:18px; line-height:18px; background:#444; text-align:center; color:#fff; font-size:16px; font-weight:900;}
#main_cont03 .review .review_box .tit{font-size:19px; line-height:25px; height:50px; overflow:hidden; font-weight:600; padding:10% 20% 0 5%; margin-bottom:5%; width:75%;}
#main_cont03 .review .review_box .txt{border-top:1px solid #cdcdcd; padding:5% 5% 0 5%; width:90%; font-size:15px; line-height:25px; height:108px; overflow:hidden;}
#main_cont03 .review .review_box .name{}
#main_cont03 .review .review_box .name a{padding:5%; margin-top:5%; background:#c3313c; color:#fff; font-size:15px; line-height:25px; font-weight:600; display:block;}
#main_cont03 .review .review_box .name span{float:left;}
#main_cont03 .review .review_box .name span:last-child{float:right;}
#main_cont03 .review .review_box .tit a:hover,
#main_cont03 .review .review_box .txt a:hover, 
#main_cont03 .review .review_box .name a span:hover{text-decoration:underline;}

#main_cont04 {width:100%; min-width:1000px;  padding-top:40px; background:#ededed;}
#main_cont04 h2{display:none;}
#main_cont04 .board{width:1000px; margin:0 auto;}
#main_cont04 .board > div{ float:left; padding:20px 20px 22px 20px	; width:208px; border:1px solid #cdcdcd; border-left:0; background:#fff; position:relative; min-height: 195px;}
#main_cont04 .board > div:nth-child(2){border-left:1px solid #cdcdcd;}
#main_cont04 .board > div h3{font-size:19px; line-height:25px; height:25px; font-weight:600; margin-bottom:35px;}
#main_cont04 .board > div a.btn{position:absolute; top:5%; right:5%; display:block; width:18px; height:18px; line-height:18px; background:#444; text-align:center; color:#fff; font-size:16px; font-weight:900;}
#main_cont04 .board > div ul{margin-bottom:10px;}
#main_cont04 .board > div ul li a{display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333333; font-size:13px; line-height:25px;}
#main_cont04 .board > div.tel{padding:20px 0; width: 271px;}
#main_cont04 .board > div.tel > div{padding:0 15px; height:98px; width:243px;}
#main_cont04 .board > div.tel > div:last-child{border-top:1px solid #cdcdcd;}
#main_cont04 .board > div.tel > div h3{margin-bottom:10px;}
#main_cont04 .board > div.tel > div p.tel{font-size:30px; line-height:30px; color:#c3313c; font-weight:900; letter-spacing:-0.06em; }
#main_cont04 .board > div.tel > div:last-child h3{padding-top:20px;}
#main_cont04 .board > div.tel > div p.number{font-size:14px; line-height:20px; letter-spacing:-0.06em;}
#main_cont04 .board > div.tel > div p.txt{font-size:14px; line-height:20px; letter-spacing:-0.06em;;}
#main_cont04 .board > div.btn{padding:0;}
#main_cont04 .board > div.btn h3{display:none;}
#main_cont04 .board > div.btn p{width: calc((100% - 1px)  / 2); float:left; height:118px; text-align:center; display:flex;}
#main_cont04 .board > div.btn p:after{content:""; display:block; clear:both;}
#main_cont04 .board > div.btn p:nth-child(2),#main_cont04 .board > div.btn p:nth-child(4){border-right:1px solid #cdcdcd;}
#main_cont04 .board > div.btn p:nth-child(2),#main_cont04 .board > div.btn p:nth-child(3){border-bottom:1px solid #cdcdcd;}
#main_cont04 .board > div.btn p a{align-self:center;}
#main_cont04 .board > div.btn p a span{float:left; display:block; width:100%; font-size:16px; font-weight:600;}
#main_cont04 .board > div.btn p a span:last-child{margin-top:13px;}

/* 이미지보기 슬라이드 */ 
#cont_wrap:after{content:""; display:block; clear:both;}

.slide{position:relative; width:609px; height:298px; margin-right:12px;  }
.slide_ul{display: block; width:609px; height:298px; background:#fff;}
.slide_ul>li{position:absolute; top:0px; left:0px; list-style:none;z-index:10; display: block;}
.slide_ul>li img{}
li{list-style: none;}
.show{display:block;}

.slide_btn{position:absolute; right:0; top:0; width:62px; float:right; text-align:center;}
.slide_btn>li{float: left;}
.slide_btn>li>a{width:52px; height:89px;  border-bottom:1px solid #cdcdcd; color:#fff; padding:5px;  vertical-align:middle; display:table-cell; }
.slide_btn>li>a.active{background:#2662a8; border-bottom:1px solid #2662a8; }
.slide_btn>li>a span{word-break: keep-all; font-size:13px; line-height:16px; display:inline-block; width:100%; height:auto; } 
.slide_btn:after{content:''; display:block; clear:both;}
.slide_btn{*zoom:1;}

/* 비디오 팝업 */
.popup_vedio{width:100%; height:100%; background:rgba(0, 0, 0, 0.6); position:fixed; left:0; top:0; z-index:100; display:none;}
.popup_vedio iframe{width:80%; height:60%; position:absolute; left:10%; top:20%;}
.popup_vedio a{display:block; width:50px; height:50px; border-radius:50px; background:#000; color:#fff !important; line-height:50px; text-align:center; font-weight:900; font-size:25px; position:absolute; right:10%; bottom:15%;}

/* 글사유 둘러보기 */
#start_view{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100;}
#start_view	.view_in{position:absolute; left:50%; top:50%; margin:-330px 0 0 -500px; width:900px; height:560px; background:#fff9cf; padding:50px;}
#start_view	.view_in p{position:absolute; left:50px; top:108.5px;}
#start_view	.view_in ul{}
#start_view	.view_in ul li{padding-left:35px;}
#start_view	.view_in ul li:nth-child(1){float:left; padding-left:320px; padding-bottom:35px}
#start_view	.view_in ul li:nth-child(2){float:left; padding-bottom:35px}
#start_view	.view_in ul li:nth-child(3){float:right;}
#start_view	.view_in ul li:nth-child(4){float:right;}
#start_view	.view_in ul li:nth-child(5){float:right; padding-left:0;}
#start_view .view_in a.close{position:absolute; top:15px; right:15px; font-size:35px;}