/* 강좌안내, 시간표 소계 폰트 크기 증가 */ .subtotalTD, td.subtotalTD, .subtotal, .lecture-subtotal, .timetable-subtotal { font-size: 18px !important; /* 기본 14px에서 18px로 증가 */ font-weight: bold !important; } /*-----------------------메인--------------------------*/ .mBannerWrap {position:relative; width:100%; margin-bottom:20px;} .mBannerCont {height:455px; padding-top:150px; background-size:cover !important;} .mBannerCont#mBanner01 {background:url("/img/mroll_bg01.jpg")no-repeat center center;} .mBannerCont#mBanner02 {background:url("/img/mroll_bg02.jpg")no-repeat center center;} .mBannerCont#mBanner03 {background:url("/img/mroll_bg03.jpg")no-repeat center center;} .mBannerCont#mBanner04 {background:url("/img/mroll_bg04.jpg")no-repeat center center;} .mBannerCont#mBanner05 {background:url("/img/mroll_bg05.jpg")no-repeat center center;} .mBannerCont#mBanner06 {background:url("/img/mroll_bg06.jpg")no-repeat center center;} .mBannerCont#mBanner07 {background:url("/img/mroll_bg07.jpg")no-repeat center center;} .mBannerCont#mBanner08 {background:url("/img/mroll_bg08.jpg")no-repeat center center;} .mBannerCont#mBanner09 {background:url("/img/mroll_bg09.jpg")no-repeat center center;} .mBannerCont#mBanner10 {background:url("/img/mroll_bg10.jpg")no-repeat center center;} .mBannerCont#mBanner11 {background:url("/img/mroll_bg11.jpg")no-repeat center center;} .mBannerCont#mBanner12 {background:url("/img/mroll_bg12.jpg")no-repeat center center;} .mBannerCont#mBanner13 {background:url("/img/mroll_bg13.jpg")no-repeat center center;} .mBannerCont#mBanner14 {background:url("/img/mroll_bg14.jpg")no-repeat center center;} .mBannerCont .container {padding-left:70px;} .mBannerImg {display:block; text-align:left; margin-bottom:32px;} .mBannerImg img {display:inline-block;} .mBannerBtn {position:absolute; top:50%; left:0; right:0; width:940px; margin:0 auto;} .mBannerBtn span {position:absolute; display:block; width:60px; height:118px; margin-top:0px; cursor:pointer; text-indent:-9999px;} .mBannerBtn .prev {left:-60px; background:url("/img/mroll_arrow_left.png")no-repeat center center;} .mBannerBtn .next {right:-60px; background:url("/img/mroll_arrow_right.png")no-repeat center center;} .mBannerCont .container a{width:940px; height:305px; top:0px; position:absolute; left:50%; margin-left:-470px; display:block;} .mBannerCont#mBanner201705_ori01 {background:url("/img/201705/ori_bg01.jpg")no-repeat center center;} .mBannerCont#mBanner201705_ori02 {background:url("/img/201705/ori_bg02.jpg")no-repeat center center;} .mBannerCont#mBanner201705_ori03 {background:url("/img/201705/ori_bg03.jpg")no-repeat center center;} .mBannerCont#mBanner201705_ori04 {background:url("/img/201705/ori_bg04.jpg")no-repeat center center;} .mBannerCont#mBanner201705_ori05 {background:url("/img/201705/ori_bg05.jpg")no-repeat center center;} .mBannerCont#mBanner201705_occ01 {background:url("/img/201705/occ_bg01.jpg")no-repeat center center;} .mBannerCont#mBanner201705_occ02 {background:url("/img/201705/occ_bg02.jpg")no-repeat center center;} .mBannerCont#mBanner201705_occ03 {background:url("/img/201705/occ_bg03.jpg")no-repeat center center;} .mBannerCont#mBanner201705_occ04 {background:url("/img/201705/occ_bg04.jpg")no-repeat center center;} .mBannerCont#mBanner201705_occ05 {background:url("/img/201705/occ_bg05.jpg")no-repeat center center;} .mBannerCont#mBanner201708_ori01 {background:url("/img/201708/ori_bg01.jpg")no-repeat center center;} .mBannerCont#mBanner201708_ori02 {background:url("/img/201708/ori_bg02.jpg")no-repeat center center;} .mBannerCont#mBanner201708_ori03 {background:url("/img/201708/ori_bg03.jpg")no-repeat center center;} .mBannerCont#mBanner201708_ori04 {background:url("/img/201708/ori_bg04.jpg")no-repeat center center;} .mBannerCont#mBanner201708_ori05 {background:url("/img/201708/ori_bg05.jpg")no-repeat center center;} .mBannerCont#mBanner201708_occ01 {background:url("/img/201708/occ_bg01.jpg")no-repeat center center;} .mBannerCont#mBanner201708_occ02 {background:url("/img/201708/occ_bg02.jpg")no-repeat center center;} .mBannerCont#mBanner201708_occ03 {background:url("/img/201708/occ_bg03.jpg")no-repeat center center;} .mBannerCont#mBanner201708_occ04 {background:url("/img/201708/occ_bg04.jpg")no-repeat center center;} .mBannerCont[data-slick-index="-1"] {background:url("/img/201708/ori_bg01.jpg")no-repeat center center;} .mBannerCont[data-slick-index="8"] {background:url("/img/201708/ori_bg01.jpg")no-repeat center center;} #mainLeft{width:280px; margin-right:10px; float:left; position:relative;} #mainLeft .loginArea{width:100%; background:#f8f8f8; border:1px solid #c9c9c9; padding:19px 14px; height:207px} #mainLeft .loginArea *{font-family:"Dotum"} #mainTop{width:100%; margin-bottom:10px; float:left; position:relative;} #mainBottom{width:100%; margin-bottom:10px; float:left; position:relative;} #mainRight{width:650px; float:left; position:relative;} .int { font-size:12px; line-height: 30px; position: relative; z-index: 9; width: 100%; height: 32px !important; padding: 7px 0 6px; color: #000; border: 0px solid #6e8aa0 !important; background: none; -webkit-appearance: none; } .input_row {width:100%; background:#fff; border-radius:4px; border:1px solid #ccc; margin-bottom:2px;} .loginText{ font-family:dotum; font-size:11px; color:#5f6164; line-height:1} #mainLeft .loginArea .sign_area{margin:12px 0 0;zoom:1;line-height:12px;vertical-align:top;font-size:11px;color:#888} #mainLeft .loginArea .sign_area:after{content:"";display:block;clear:both} #mainLeft .loginArea .sign_area a:hover{text-decoration:underline} #mainLeft .loginArea .sign_area .info_find{float:left} #mainLeft .loginArea .sign_area .sign_in{float:right} #mainLeft .loginArea .sign_area .info_find,#mainLeft .loginArea .sign_area .sign_in{font-size:0} #mainLeft .loginArea .sign_area .info_find *,#mainLeft .loginArea .sign_area .sign_in *{font-size:11px} #mainLeft .loginArea .sign_area .info_find em a{text-decoration:underline} #mainLeft .loginArea .bar { display: inline-block; overflow: hidden; width: 1px; height: 8px; margin: 0 7px; background: #c5c5c5;line-height:11px} .login_button{ width:100%;height:40px; display:block; text-align:center;line-height:38px;} .login_button img {vertical-align:center;} .mainBoard{width:227px; background:#fff; border:1px solid #c9c9c9; padding:19px 14px; height:210px; float:left; margin-right:10px;overflow:hidden} .board_title{font-family:"Dotum"; font-size:12px; font-weight:bold; width:100%; position:relative; color:#000; line-height:1; border-bottom:1px solid #c9c9c9; margin-bottom:15px; padding-bottom:15px;} .board_more {position:absolute; background:url("/img/common/icon_arrow_s.gif")no-repeat right center;font-size:11px; font-weight:normal; top:2px; right:0px; padding-right:10px; line-height:1} .noticeList li {color:#c9c9c9;margin-bottom:15px; } .noticeList li:last-child {margin-bottom:0px;} .noticeList li a {color:#a1a1a1; background:url("/img/common/list_dot.gif")no-repeat left center;font-family:"Dotum"; font-size:12px; display:block; letter-spacing:-0.025em; padding-left:5px; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height:1.2} .noticeList li a:hover{text-decoration:underline} .mainInterior {position:relative;width:228px; float:left;} .miSliderTitle {width:228px; position:absolute; top:0px; left:0px;} .miSliderTitle img {width:100%;} .mainInterior .slick-slide img { width:100%; } .mainCurri{width:100%; border:8px solid #efefef; height:1231px;padding:30px;} .mainCurri_title{font-family:"Dotum"; font-size:12px; font-weight:bold; width:100%; position:relative; color:#000; line-height:1; border-bottom:2px solid #efefef; margin-bottom:30px; padding-bottom:20px;} .mCurriList ul li {padding-bottom:30px; border-bottom:1px solid #efefef; margin-bottom:30px; padding-left:95px; vertical-align:top; position:relative;} .mCurriList ul li.last{padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #efefef; } .mCurriList ul li .thumb{width:65px; position:absolute; top:0px; left:0px; text-align:center; font-weight:normal; font-size:11px;font-family:"Dotum";} .mCurriList ul li .thumb span {margin-top:5px; display:block; width:100%; text-align:center;} .mCurriList ul li dl dt{color:#333; font-size:19px; padding-bottom:5px; font-weight:bold;} .mCurriList ul li dl .mCurriTeacher{font-size:14px; padding-bottom:13px;color:#474749} .mCurriList ul li dl .mCurriContents{font-size:12px; padding-bottom:11px;color:#a1a1a1;font-family:"Dotum"; text-align:justify; line-height:1.5; letter-spacing:-0.025em;} .eveBanner {width:650px; height:auto; border:solid 0px #d9dddf; overflow:hidden; position:relative; float:left;margin-right:10px} .eveBannerBtn {position:absolute; top:50%; left:0; right:0; width:100%; margin:0 auto;} .eveBannerBtn span {position:absolute; display:block; width:32px; height:38px; margin-top:-19px; cursor:pointer; text-indent:-9999px;} .eveBannerBtn .prev {left:20px; background:url("/img/mroll_arrow_left.png")no-repeat center center; background-size:cover;} .eveBannerBtn .next {right:20px;background:url("/img/mroll_arrow_right.png")no-repeat center center;background-size:cover;} .mainPartner{width:100%; position:relative; padding-top:40px; padding-bottom:80px;} .mbookArea{width:100%; padding:0px 0 0 0; text-align:center;} .mbookArea ul li {width:24.5%; text-align:center; display:inline-block;} .mbookArea ul li dl dt {font-size:18px; padding-top:15px;} .mbookArea ul li dl dd {font-size:15px; color:#a1a1a1} .requestBanner{float:left;} .mainBoardArea{width:100%; float:left; position:relative; margin-top:10px} .locationArea_main {width:228px; float:left; margin-left:10px} .mainBook {width:228px; height:210px; float:left; margin-left:10px; border: 1px solid #c9c9c9; text-align:center;} .img_view { width:220px; text-align:center; } .img_view img { width:120px; display:block; margin-left:auto; margin-right:auto;} .mainbook_slick a { width:150px; } .mainBook a .subj {width: 220px; display: block; height: 33px; overflow: hidden; line-height: 1.4; margin-top: 10px; font-family: NanumGothic; font-weight: bold; text-align:center;} .mainBook a .bb_price { display: block; margin-top: 2px; } .mainBook a .bb_price del { display: block; line-height: 1.2; font-size: 11px; } .mainBook a .bb_price strong { font-weight: 700; } address, em { font-style: normal; } .mBookBtn { top: 50%; left: 0; right: 0; width: 100%; margin: 0 auto; } .curriLeft p.currititImg, .curriRight p.currititImg, .curriLeft p.currititImg img, .curriRight p.currititImg img{width:100%} .pcDisplay{display:block;} .mDisplay{display:none;} .customerBanner{padding-bottom:10px; padding-top:10px; width:100%; float:left;}