.section3 .dot {padding:0;}
.section3 .dot li {float:none; width:auto; height:auto; margin:0; font-size:13px; line-height:16px; background:url('../images/main/dot.gif') 0 7px no-repeat; padding-left:8px;}
.section3:after {content:""; display:block; clear:both;}

@media all and (max-width:767px) {.section3 {padding:0;}}
@media all and (min-width:768px) {.section3 {padding:30px 0 20px 0;}}
.section3 {/**zoom:1;*/width:100%;}
.section3 h2 {padding:0 0 20px 25px;line-height:20px;font-size:30px;color:#005392;font-family:NanumGothic;}
.section3 .left3 { margin:0 auto;width:92%;padding:0 0;}
.section3 .left3 .main_course .course_container {width:100%;/*border:1px solid #eaeaea;box-shadow:0 0 4px rgba(0,0,0,0.2);*/}
.section3 .left3 .main_course .main_tab { width:100%; z-index:100;}
.section3 .left3 .main_course .main_tab ul.tabs:after {content:""; display:block; clear:both;}
.section3 .left3 .main_course .main_tab ul.tabs {/**zoom:1;*/width:100%;list-style:none;}
.section3 .left3 .main_course .main_tab ul.tabs li { margin-top:1px;float:left;width:23%;height:30px;padding:4px 0 4px 0;line-height:26px;text-align:center;border:0;border-right:1px solid #fff;font-size:14px;background: #c00; font-weight:bold;}
.section3 .left3 .main_course .main_tab ul.tabs li a {display:block;font-size:14px;color:#fff;text-decoration:none;}
.section3 .left3 .main_course .main_tab ul.tabs li a:hover{color:#fff;font-weight:bold;}
.section3 .left3 .main_course .main_tab ul.tabs li:first-child.active {border-right:1px #FFF solid;}
.section3 .left3 .main_course .main_tab ul.tabs li.active {display:block;font-weight:bold;border-right:1px #FFF solid;;font-size:14px;/*background:url('../images/main/tab_on.gif') 0 0 no-repeat;*/background:#ad1818;}
.section3 .left3 .main_course .main_tab ul.tabs li.active a {color:#fff;}

@media all and (max-width:767px) {.section3 .left3 .main_course .tab_content {width:98%;min-height:320px;padding:50px 0 30px 0;}}
@media all and (min-width:768px) {.section3 .left3 .main_course .tab_content {width:98%;min-height:350px;padding:50px 0 30px 0;}}
.section3 .left3 .main_course .tab_content {position:relative;display:block;border-top:0; z-index:50;}
.section3 .left3 .main_course .tab_content h3 {padding:20px 0 15px 20px; line-height:20px; font-size:16px; color:#005392;text-align:left;}
.section3 .left3 .main_course .tab_content .con3 {width:100%;line-height:24px;font-size:14px;color:#555;}
.con-left {display:block;float:left;line-height:24px;font-size:14px;}
.con-left .con-1 {float:none;width:100%;display:block;padding:10px 15px 10px 15px;}
.con-left .con-1 .popt{ padding:5px;}
/*.con-left .con-2 {float:none;width:100%;display:block;padding:10px 15px 0 15px;}

.con-right {display:block;float:left;width:40%;}*/

@media all and (max-width:640px) {.con-right img {width:120px;height:80px;padding-top:20px;}}
@media all and (min-width:641px) {.con-right img {width:180px;height:140px;padding-top:20px;}}
@media all and (min-width:768px) {.con-right img {width:230px;height:180px;padding-top:20px;}}
@media all and (min-width:992px) {.con-right img {width:230px;height:180px;padding-top:20px;}}
@media all and (min-width:1200px) {.con-right img {width:250px;height:200px;padding-top:20px;}}
.con-right img {display:block;width:100%;}

@media all and (max-width:640px) {.section3 .left3 .main_course .tab_content .con3 .dot-0 {padding:0;line-height:22px;font-size:14px}}
@media all and (min-width:641px) {.section3 .left3 .main_course .tab_content .con3 .dot-0 {padding:0;line-height:24px;font-size:15px}}
@media all and (min-width:768px) {.section3 .left3 .main_course .tab_content .con3 .dot-0 {padding:0;line-height:24px;font-size:14px}}
@media all and (min-width:992px) {.section3 .left3 .main_course .tab_content .con3 .dot-0 {padding:0 0 15px 10px;line-height:22px;font-size:14px}}
@media all and (min-width:1200px) {.section3 .left3 .main_course .tab_content .con3 .dot-0 {padding:0 0 15px 10px;line-height:24px;font-size:14px}}
.section3 .left3 .main_course .tab_content .con3 .dot-0 {float:left;text-align:left;margin:0 0 0 20px;color:#4c4c4c;}
.section3 .left3 .main_course .tab_content .con3 .dot-0 a {color:#006000}
.section3 .left3 .main_course .tab_content .con3 .dot-0 a:hover {color:#db0000;text-decoration:underline}
.section3 .left3 .main_course .tab_content .con3 .dot li {color:#222; background:url('../images/main/dot.gif') 0 8px no-repeat; padding-left:8px;}
.section3 .left3 .main_course .tab_content a.more {position:absolute; bottom:20px; right:20px;}