@charset 'utf-8';

#container {width:100%; height:100%; margin-top:0;}


#container.dip .textbox { width:1200px;box-sizing:border-box; margin:0px auto; padding:80px 0 0 80px; text-align:left; color:#666666; line-height:150%; font-size:1.05em;font-weight:300;position:relative;}
#container.dip .textbox h1  {display:block;font-size:18px;color:#000;font-weight:bold;}
#container.dip h1 em{display:inline-block; color:#ff6666; line-height:130%; }	
#container.dip .em_blue {color:#6666cc;display:inline-block;}
#container.dip .em_black {color:#000;display:inline-block;}

#container.dip .textbox h2  {display:block;font-size:22px;color:#333333;}
#container.dip .textbox h2.h2_under {text-decoration:underline ;}


.bg_gray {background-color:#f3f3f3; }

#container.dip .textbox p{color:#999999;}
#container.dip .textbox ul{width:90%;position:absolute;margin:0 auto;margin-top:5%;color:#333333;text-align:center;box-sizing: border-box; }
#container.dip .textbox ul li{width:220px;height:145px;float:left;margin-right:15px; margin-top:10px; border-radius:9px 9px 0 0; padding:0 1%;box-sizing: border-box;font-size:16px;}
#container.dip .textbox ul li em{display:block;padding:20px 0 5px 0;font-size:19px; font-weight:400; color:#fff;}
#container.dip .textbox ul.ul_img {margin-left:130px;font-size:14px}

/* border:1px solid #000; */
.dip {font-size:12px; font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Nanum Gothic', '돋움', Dotum, Helvetica, AppleSDGothicNeo, Sans-serif;}
/* .dip_s1 : 강의소개  */
.dip .dip_s1 {width:100%; height:597px; background-color:#5f0aad; position:relative;}
.dip .dip_s1 .s1 {width:1200px; box-sizing:border-box; padding:0; margin:0 auto; color:#efefef;position:relative;}
.dip .dip_s1 .s1 img {position:absolute;margin:0 auto;}
.dip .dip_s1 .s1 .s1_content {width:100%;  position:absolute; left:10px; }
.dip .dip_s1 .s1 .s1_content .s1_left, .dip .dip_s1 .s1 .s1_content .s1_right {width:585px; float:left;}  /*width:585px;*/

.dip .dip_s1 .s1 .s1_left h2 {font-size:39px; font-weight:600;line-height:120%;margin-top:40px}
.dip .dip_s1 .s1 .s1_left h2 span {display:block; font-size:19px; font-weight:400;}
.dip .dip_s1 .s1 .s1_left h2 em {background-color:#067cf7;padding:10px;width:320px;line-height:100%;margin-top:15px; font-size:21px; margin-top:45px; font-weight:400;}
.dip .dip_s1 .s1 .s1_left img{margin-top:13px;position:relative;}
.dip .dip_s1 .s1 .s1_left .s_img{margin:60px 0 10px 0;}	
.dip .dip_s1 .s1 .s1_left ul, .dip .dip_s1 .s1 .s1_right .btn {width:420px;}
.dip .dip_s1 .s1 .s1_right .btn {margin-top:520px;}
.dip .dip_s1 .s1 .s1_left ul {margin-top:10px; margin-bottom:15px;}
.dip .dip_s1 .s1 .s1_left ul li {line-height:25px; box-sizing:border-box; -webkit-background-clip: padding-box;  background-clip: padding-box; font-size:15px; font-weight:300;}
.dip .dip_s1 .s1 .s1_left ul li:last-child {border-bottom:0;}
.dip .dip_s1 .s1 .s1_left ul li strong {display:inline-block; width:62px;font-weight:600; margin-right:10px;}

.dip .dip_s1 .s1 .s1_right .btn {width:100%;margin-top:530px;padding-left:230px;}
.dip .dip_s1 .s1 .s1_right .btn a {display:inline-block; color:#666666; width:130px; height:46px; line-height:46px; text-align:center; font-size:17px; letter-spacing:3px; background-color:#e3e0e0;} 
.dip .dip_s1 .s1 .s1_right .btn a.apply {background-color:#eb4355; margin-left:10px;color:#fff;}

/* .dip_s2 : 강의개요  */
.dip .dip_s2 {width:100%;position:relative; }
.dip .dip_s2.bg_gray {height:523px;}
.dip .dip_s2 .s2-left  {width:310px; float:left;margin-top:40px;}
.dip .dip_s2 .s2-right {width:640px; float:left;margin-top:40px;}
.dip .dip_s2 .s2-left {margin-left:80px;text-align:center;}
.dip .dip_s2 .s2-left img {display:block;width:155px; margin-top:25px;margin-left:85px; position:absolute; }
.dip .dip_s2 .s2-left p{margin-top:200px;font-size:12px;color:#999;}
.dip .dip_s2 .s2-left p strong{display:block;color:#333333;font-size:14px;margin-top:5px;}
.dip .dip_s2 .s2-right p{text-align:left;text-indent:120px;font-size:12px;color:#666;}
.dip .dip_s2 .s2-right p em{display:block;color:#6666CC;font-size:14px;font-weight:500; }
.dip .dip_s2 .textbox h2.black{display:block;font-size:16px;color:#000;padding-left:20px;line-height:150%;}
.dip .dip_s2 .textbox h2 em.em_blue {font-weight:500;color:#333333;font-size:16px;}
.dip .dip_s2 .textbox p{padding-left:20px;font-size:12px;}
.dip .dip_s2 .textbox p strong{font-size:12px;color:#000;font-weight:bold;}
.dip .dip_s2 .blue {color:#6666cc;display:inline-block;}
.dip .dip_s2 .textbox-half ul{font-size:12px;}
.textbox-half {width:1200px; margin:0 auto; position:relative;0}  /*width:585px;*/
.textbox-half .textbox-left {width:300px; float:left;text-align:left;margin-left:100px;}
.textbox-half .textbox-right {width:650px; float:left;text-align:left;}
.textbox-right:after{clear:both;}

/* .dip_s3 : 수강대상  */
.dip .dip_s3 {width:100%; height:380px;position:relative;margin-top:80px;}

#container.dip .dip_s3 .cont {width:100%; margin:0 auto;padding:0;border:0;}
#container.dip .dip_s3 .cont img{margin:10px auto;width:100px;  display:block; }
#container.dip .dip_s3 .cont li{margin-left:50px;width:250px;font-size:12px;color:#333;}
#container.dip .dip_s3 .cont li strong{font-size:12px;color:#333;font-weight:bold;}

/* .dip_s4 : 커리큘럼  */
#container.dip .dip_s4 {width:100%; height:537px; position:relative;text-align:center;}  /*#4d87c9*/
#container.dip .dip_s4 .textbox ul {text-align:left;margin-top:5px;margin-bottom:5px;position:relative;}
#container.dip .dip_s4 .textbox ul li {height:60px;}
#container.dip .dip_s4 .textbox ul li:nth-child(1) {width:10%;margin-left:30px;} 
#container.dip .dip_s4 .textbox ul li:nth-child(2) {width:30%;font-size:16px;font-weight:500;color:#000;padding-top:5px;} 
#container.dip .dip_s4 .textbox ul li:nth-child(3) {width:45%;font-size:12px;font-weight:500;color:#999;padding-top:5px;} 

/* .dip_s5 : 커리큘럼  */
#container.dip .dip_s5 {width:100%; height:560px; position:relative;text-align:center;}  /*#4d87c9*/
#container.dip .dip_s5 h3{text-align:left;font-size:18px;font-weight:bold;color:#000;line-height:200%;}
#container.dip .dip_s5 p{text-align:left;font-size:12px;font-weight:bold;color:#666;margin-bottom:20px;}
#container.dip .dip_s5 .textbox ul {text-align:left;}
#container.dip .dip_s5 .textbox ul li {height:380px;margin:0;padding:0;}
#container.dip .dip_s5 .textbox ul li a .s2 {width:235px; height:30px; position:absolute;background-color:#fff;bottom:16px;border:1px solid #ff9900;font-size:14px;font-weight:bold;border-radius:7px;text-align:center;color:#ff9900;vertical-align:middle;padding-top:10px;margin:50px 0 0 19px;}
#container.dip .dip_s5 .textbox ul li h3 {font-size:22px;color:#ff6600;font-weight:400;border-top:0;}
#container.dip .dip_s5 .textbox ul li p {font-size:14px;color:#f0000;font-weight:400;}
#container.dip .dip_s5 ul li a .s2:hover {background-color:#ff9900;border:1px solid #ff9900;border-radius:7px;color:#fff;}

/* .dip_s7 : Professional seminar  */
#container.dip .dip_s7 {width:100%;height:1300px;background-color:#6666cc;position:relative;padding-top:90px; }	
#container.dip .dip_s7 .dip_s7_box{width:940px; margin:0 auto;  color:#fff; line-height:150%; text-align:center;}
#container.dip .dip_s7 .dip_s7_box h1{color:#dip_s7_box;font-weight:300;line-height:160%;font-size:32px; margin-bottom:40px;}
#container.dip .dip_s7 .dip_s7_box h1 em{color:#fbc70b;font-weight:600;text-decoration:underline;}
#container.dip .dip_s7 .dip_s7_box h2  {display:block;font-size:22px;color:#fff;text-align:left;font-weight:600;line-height:150%;}

#container.dip .dip_s7 .dip_s7_box p { font-size:16px;text-align:left;margin-top:10px;line-height:160%;}
#container.dip .dip_s7 .dip_s7_box p em{font-weight:600;font-size:16px;display: inline-block;}
#container.dip .dip_s7  ul{margin-top:3px; color:#fbc70b;list-style:square;font-size:16px;font-weight:300;text-align:left;margin-left:20px;}
#container.dip .dip_s7 .dip_s7_box em{color:#fff; text-align:left;}

#container.dip .dip_s7 .dip_s7_half {width:1200px; height:320px; margin:0 auto; position:relative;margin-top:30px;}  /*width:585px;*/
#container.dip .dip_s7 .dip_s7_half .dip_s7_left {width:530px; float:left; text-align:left;margin-left:130px;} 
#container.dip .dip_s7 .dip_s7_half .dip_s7_right {width:420px; float:left; text-align:left;}

#container.dip .dip_s7 .dip_s7_half ul{box-sizing: border-box; list-style:none; display:block;font-size:16px;border:0; padding:0; margin:0;}
#container.dip .dip_s7 .dip_s7_half ul li{box-sizing: border-box;font-size:16px;border:1px solid #fff;border:0; padding:0; margin:0;color:#fff; line-height:140%;}
#container.dip .dip_s7 .dip_s7_half ul li em{font-size:14px;text-decoration:underline;}
#container.dip .dip_s7 .dip_s7_half ul li:first-child {font-size:24px;color:#fbc70b ;line-height:120%;font-weight:bold;}
#container.dip .dip_s7 .dip_s7_half ul li:last-child {font-weight:bold;}
#container.dip .dip_s7 .dip_s7_half:after{clear:both;}

/* .dip_s8 : MXDS Spaces  
-webkit-text-emphasis:dot #6666cc;text-emphasis:dot #6666cc;line-height:1px;
https://developer.mozilla.org/en-US/docs/Web/CSS/text-emphasis-position
*/

.dip .dip_s9 {width:100%; height:660px; background-color:#f5f6f8; box-sizing:border-box; padding-top:90px;}
.dip .dip_s9 .s9 {width:1200px; box-sizing:border-box; padding:0 15px; margin:0 auto; color:#3a3a3a; font-size:11px; line-height:23px;}
.dip .dip_s9 .s9 h3 {width:167px; height:58px; text-indent:-9999px; background:url(../upload/lecture_img/mxds/201707/s5_title.png) 0 0 no-repeat; margin:0 auto 45px auto;}
.dip .dip_s9 .s9 ul {margin:0 auto;text-align:center; }
.dip .dip_s9 .s9 ul li {position:relative;width:30%; min-height:480px; float:none; display:inline-block; vertical-align:top; margin-right:100px; margin-bottom:45px; border-top:1px solid #353535;text-align:left;}
.dip .dip_s9 .s9 ul li:last-child {margin-right:0;}
.dip .dip_s9 .s9 ul li img {display:block; margin:0 auto; width:100px; margin-top:25px; position:absolute; left:0;}
.dip .dip_s9 .s9 ul li strong, .dip .dip_s9 .s9 ul li em {display:block; font-weight:bold; font-size:14px;}
.dip .dip_s9 .s9 ul li strong {font-size:18px; letter-spacing:4px; font-weight:500; text-indent:110px; margin-top:45px; line-height:30px;}
.dip .dip_s9 .s9 ul li em {padding:20px 0 13px 0;}
.dip .dip_s9 .s9 ul li p {font-size:12px; letter-spacing:-0.5px; left:25px; line-height:200%;position:static; width:100%; margin-top:50px;}

.dip .dip_s9 .s9 ul li strong, .dip .dip_s9 .s9 ul li span  {display:inline-block; text-indent:0;}
.dip .dip_s9 .s9 ul li.mentor strong, .dip .dip_s9 .s9 ul li.mentor span {text-indent:120px;}
.dip .dip_s9 .s9 ul li:nth-child(3n) {margin-right:0;} 

.dip .pageLast {width:100%; height:auto; background-color:#f5f6f8; box-sizing:border-box; padding-top:50px; font-size:10px; margin:0 auto;}
.dip .pageLast .pageLast1{width:1200px; height:auto; box-sizing:border-box;  font-size:10px; margin:0 auto; padding:30px 0px 45px 15px;  }