@charset 'utf-8';

/* 웹폰트 적용코드 */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* common */
body {font-family:'Nanum Gothic', sans-serif;}
#page1 .p1 h2 {width:451px; font:900 30px/38px 'Nanum Gothic'; color:#292929; margin-bottom:0;}

 
/* layout */
.dip_curri {width:100%; height:auto; word-break:keep-all; color:#555; line-height:18px;}
.cnt_top {width:1000px; height:25px; border-bottom:2px solid #555; font-size:1.1em; color:#373737; font-weight:bold; margin:0 auto; padding-top:35px;}
.cnt_top span {font-weight:normal; color:#888;}
h3 {width:100%; height:27px;line-height:27px; color:#ededed; background-color:#575757; font-weight:bold; text-indent:10px; font-size:1.4em; position:relative;}

/* .header {width:100%; height:118px; position:fixed; top:0px; z-index:9999} */
#page1 {width:100%; height:410px; position:relative;}
#page2 {width:100%; height:505px; position:relative;}
#page3 {width:100%; height:960px;}
#page4 {width:100%; height:490px; position:relative;}
#page5 {width:100%; height:540px;}

#con {height:auto; margin:0 auto; position:relative; width:825px; padding-left:175px;}

.ban {clear:both; width:100%; height:150px;}
.ban p {width:100%; height:110px; padding-top:40px; font-size:1.8em; line-height:27px; text-align:center;}

/* navi */
#navi {width:115px; height:270px; position:relative; top:40px; background-color:#fff; z-index:999;}
#navi.fixed {position:fixed; top:150px;}
#navi .menu {width:100%;}
#navi .menu .gnb {width:100%; height:179px; padding-top:0; border:1px solid #efefef; margin-bottom:10px;} /* 수정 */
#navi .menu .gnb li {width:100%; height:35px; line-height:35px; position:relative; border-bottom:1px solid #ddd;}
#navi .menu .gnb li a {display:inline-block; width:100%; height:35px; font-size:13px; color:#666;text-align:left; text-indent:20px; position:absolute; line-height:32px;}

#navi .menu .gnb li a:hover {width:121px; height:40px; color:#fff; background:url('../upload/lecture_img/ddf_new1/gnb_bg.png') right 0 no-repeat; background-color:none;}
#navi .menu .gnb li a.act {width:121px; height:40px; color:#fff; background:url('../upload/lecture_img/ddf_new1/gnb_bg.png') right 0 no-repeat; background-color:none;}

/* 
#navi .menu .btns {padding-top:8px; border-top:1px dotted #bbb;}
#navi .menu .btns input {display:block; height:37px; border-left:0; border-top:0; border-right:0; border-radius:2px; cursor:pointer; padding:0 33px; font-weight:bold;i}
#navi .menu .btns input#counsel {background-color:#eaeaea; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:2px solid #c5c5c5; color:#656565; margin-bottom:6px; padding:0 32px;} 
#navi .menu .btns input#apply {background-color:#f15644; border-bottom:2px solid #a91400; color:#fff;} 
*/
#navi .menu .btns {padding-top:8px; border-top:1px dotted #bbb;}
#navi .menu .btns a {display:block; width:100%; height:33px; line-height:33px; font-size:1.25em; text-align:center; border-radius:2px; font-weight:bold; letter-spacing:1px;}
#navi .menu .btns a#counsel {background-color:#eaeaea; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:2px solid #c5c5c5; color:#656565; margin-bottom:6px;} 
#navi .menu .btns a#apply {background-color:#f15644; border-bottom:2px solid #a91400; color:#fff; border-left:1px solid #f15644; border-right:1px solid #f15644; }


/* page1 - 메인 */
.p1_bg {width:1000px; height:400px; margin:0 auto; position:relative;}
.p1_bg img {position:absolute; right:0; top:20px;}
.p1 {width:503px; height:380px; position:absolute; top:40px; left:175px;}
.p1 h2 {width:353px; height:62px; text-indent:-9999px; background:url('../upload/lecture_img/ddf_new1/ddf_title.png') 0 0 no-repeat; padding-bottom:30px;}
.p1 p {font-size:1.25em; font-weight:bold; padding-bottom:60px;}
.p1 ul {width:400px; height:200px;}
.p1 ul li {width:480px; height:15px; font-size:1.1em; margin-bottom:8px;}
.p1 ul li span {width:48px; height:15px; display:inline-block; font-weight:600; margin-right:10px;}

/* page2 - 과정안내 */
/*#page2 #con h3 span {font-size:0.9em; font-weight:600; display:inline-block; color:#fff; text-indent:3px; line-height:25px; position:absolute; top:2px; right:10px;}*/
#page2 #con .guide {width:240px; height:415px; padding-top:65px; padding-left:30px; background-color:#fafafa;}
#page2 #con .guide h6 {width:30px;height:50px; font-size:3em; font-weight:900; color:#656565; border-bottom:5px solid #eb898a;}
#page2 #con .guide p {font-size:1.3em; line-height:22px;  padding-top:15px;}
#page2 #con .ov {width:507px; position:absolute; left:490px; top:55px;}
#page2 #con .ov ul {width:507px; padding:20px 0 10px 0; border-bottom:2px solid #cecece;}
#page2 #con .ov ul:after {content:''; display:block; clear:both;}
#page2 #con .ov ul li {height:56px; width:169px; float:left;}
#page2 #con .ov ul li a {display:block; height:51px; font-weight:400; color:#cecece; font-family: 'Noto Sans KR', sans-serif; padding-top:15px;}
#page2 #con .ov ul li a.sel {color:#eb898a; border-bottom:2px solid #eb898a;}
#page2 #con .ov ul li a span {display:block; font-size:2em;padding-bottom:8px;}
#page2 #con .ov .overview:after {content:''; display:block; clear:both;}
#page2 #con .ov .overview {width:500px; height:500px; padding-top:5px;}
#page2 #con .ov .overview div {width:500px; display:none;}
#page2 #con .ov .overview div.on {display:block;}
#page2 #con .ov .overview div strong {font-size:1.6em; color:#eb898a; line-height:50px; font-weight:400;}
#page2 #con .ov .overview div em {font-weight:bold;}

/* page3 - 커리큘럼 */
#page3 #con h3 {background-color:#eee; color:#656565; border-top:1px dotted #aaa; border-bottom:1px dotted #ddd; margin-bottom:20px;}
#page3 #con .class {padding:10px;}
#page3 #con .class:after {content:''; display:block; clear:both;}
#page3 #con .class h5 {font-size:1.4em; font-weight:bold; padding:10px 0 5px 0; border-bottom:1px solid #eb898a; margin-bottom:5px;}
#page3 #con .class h5 strong {color:#eb898a;}
#page3 #con .class p {width:380px; padding:0 20px 0 0; float:left; border-right:1px dotted #ccc; margin-top:20px;}
#page3 #con .class p img {padding-top:0px; width:60%; display:block;}
#page3 #con .class .text {width:370px; margin:20px 0 0 0; float:left; padding-left:25px;}
#page3 #con .class .text li {font-weight:bold;}
#page3 #con .class .text li span {display:inline-block; padding:5px 10px 15px 15px; font-weight:normal;}
#page3 #con .class .gal {clear:both;}
#page3 #con .class .gal img {width:199px;}
#page3 #con .class.c2 p {padding-bottom:20px;}
#page3 #con .class.c2 .text li,#page3 #con .class.c3 .text li {font-weight:600; margin-bottom:5px; line-height:18px; color:#777;}
#page3 #con .class.c4 a {display:inline-block; font-size:0.9em; color:#eb898a; font-weight:bold; border-bottom:1px dotted #eb898a;} 

/* page4 - 수강대상 */
#page4 #con p {width:360px; padding:40px 40px 10px 10px; float:left;}
#page4 #con p strong {font-size:1.2em; color:#eb898a; display:inline-block; margin-bottom:15px;}
#page4 #con div img {padding-top:30px;}

/* page5 - 강사소개 */
#page5 #con h3 {background-color:#eee; color:#656565; border-top:1px dotted #aaa; border-bottom:1px dotted #ddd; margin-bottom:10px;}
#page5 #con table {border-spacing:0;}
#page5 #con table td, #page5 #con table th {vertical-align:top; padding-top:20px;padding-right:15px; padding-bottom:30px; line-height:19px; border-bottom:1px dotted #ccc;}
#page5 #con table tr:last-child th, #page5 #con table tr:last-child td {border-bottom:0;}
#page5 #con table th {padding-left:10px; padding-right:35px; font-size:1.05em; }
#page5 #con table th span {display:inline-block; border-top:1px solid #eb898a; height:23px; line-height:30px;}
#page5 #con table th img {width:85px; padding-bottom:8px;}
#page5 #con table td strong {display:inline-block; padding-bottom:3px;}
#page5 #con table td:nth-of-type(1) {width:330px;}