/* import는 link css 로딩후 작동하므로 전체 load시간이 늘어난다 @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); */ /*@import url('/webheads/css/nanumgothic.css');*/ @charset "utf-8"; body { font-family:'NanumSquare', sans-serif;} h3, h4, h5, h6 { font-family:'NanumSquare', sans-serif; } ul, li, ol, dl, dt, dd { list-style:none; } a:hover { text-decoration:none; } .skip { display:none; } .fng {font-family:'NanumSquare', sans-serif;} /*Regular(400), Bold(700), Extra Bold(800), Light(300)*/ /*비쥬얼베너*/ .site_container_new{ height: 319px; overflow: hidden; position: absolute; width: 100%; z-index: 200; display:none; } .site_container_new.active{ display:block; } .hdLnbDropDn{top:-300px;} #heaDer { position:relative; font-family:'NanumSquare', sans-serif; min-width:1000px; } .hdAdarea { width:100%; height:80px; background-color:#39366b; } .hdAdarea > div { position:relative; width:1000px; height:80px; margin:0 auto; text-align:center; } a.close { position:absolute; right:0; top:10px; } a.view{ width:146px; height:32px; position:absolute; right:39px; top:23px; text-indent:-9999px; } .hdGnb { width:100%; height:30px; text-align:center; background:#3c4044; } .heGnb1000 { width:1000px; height:30px; margin:0 auto; text-align:right;} .heGnb1000 > ul { float:right; } .heGnb1000 > ul > li { float:left; border-left:1px solid #595c60; } .heGnb1000 > ul > li > a { display:block; padding:0 20px; line-height:30px; color:#cacacb; } .heGnb1000 > ul > li > a:hover { color:#fff;} .heGnb1000 > ul > li.myClass > a { display:block; height:30px; width:120px; text-align:center; background:#bd1b13; color:#fff; font-weight:600; } .heGnb1000 > ul > li.myClass > a:hover { color:#fde800; font-weight:600; } .hdH1log { clear:both; width:1000px; height:105px; margin: 0 auto; } .hdlog { float:left; line-height:105px; width:200px; } .hdlogin { float:right; font-family:'NanumSquare', sans-serif; text-align: right; width:800px; margin-top:20px; position:relative; } .hdlogin fieldset > input.lgipbox { width:90px; height:22px; line-height:22px; border:1px solid #e2e2e2; padding-left:5px; } a.btnlgin { display:inline-block; border-radius:2px; width:70px; height:24px; line-height:24px; text-align:center; border:0; background:#3c4044; color:#fff; font-weight:bold; } .logmenu { position:absolute; right:0; top:42px; } .logLost { font-family: 'NanumSquare', sans-serif; font-size:12px; height:14px; overflow:hidden; margin-top:5px; float:left; } .logLost > a { float:left; padding:0 5px; border-right:1px solid #dbdbdb; line-height:12px; display:block; } .hdlogInfo { float:right; margin-top:25px; } .hdlogInfo > li { float:left; font-family:'NanumSquare', sans-serif; font-size:12px; padding-left:5px; line-height:21px; } .hdlogInfo > li > a { display:block; height:21px; line-height:21px; padding:0 9px; border-radius: 2px; text-align:center; color:#fff; } .hdlogInfo > li.adm > a { background:#000;} .hdlogInfo a.adm { background:#000;} .hdlogInfo > li.lgout > a { background:#716c6c;} .hdlogInfo > li.mypge > a { background:#bd1b13;} .hdlogInfo > li.basket > a { background:#5a89ff;} .hdLnbArea { clear:both; width:100%; height:47px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; } .hdLnb { width:1000px; height:47px; margin:0 auto; /*background:green; */} .hdLnb > ul > li { float:left; font-family: 'NanumSquare'; font-weight:600; line-height:47px; width:143px; text-align:center; font-size:15px; background:url('../image/gnb_line.png') no-repeat 0 50%; } .hdLnb > ul > li:hover a { color:#de2326; } .hdLnb > ul > li.myclass { border-top:2px solid #ed1e23; } .hdLnb > ul > li.myclass > a { color:#ed1e23;} .hdLnb > ul > li:first-child { background:none; width:142px; } .hdLnb > ul > li > a { color:#333; } .hdLnbDropDn { clear:both; width:100%; position:relative; z-index:500; height:319px; background:#1b1b1b; opacity: 0.97; } .hdLnbDropDn > div { position:relative; width:998px; height:309px; margin:0 auto; } .hdLnbDropDn > div > ul { height:269px; text-align:center; } .hdLnbDropDn > div > ul > li { height:25px; line-height:25px; font-family: 'NanumSquare', sans-serif; font-size:13px; padding:1px 0 2px 0; } .hdLnbDropDn > div > ul > li > .rolupBner { margin-top:51px;margin-left:-13px;} .hdLnbDropDn > div > ul > li > a { color:#ddd; } .hdLnbDropDn > div > ul > li > a:hover { background-color:#bf1b14; width:100%; height:25px; display:block; } .Lnbdrdm01 { position:absolute; top:0; left:0; width:143px; margin-top:20px; } .Lnbdrdm02 { position:absolute; top:0; left:143px; width:143px; margin-top:20px; } .Lnbdrdm03 { position:absolute; top:0; left:286px; width:142px; margin-top:20px; } .Lnbdrdm04 { position:absolute; top:0; left:429px; width:143px; margin-top:20px; } .Lnbdrdm05 { position:absolute; top:0; left:572px; width:142px; margin-top:20px; } .Lnbdrdm06 { position:absolute; top:0; left:715px; width:143px; margin-top:20px; } .Lnbdrdm07 { position:absolute; top:0; left:858px; width:142px; margin-top:20px; } #naver_id_login { float:left; margin-right:5px; } span.naver { display:block; width:41px; height:22px; background:url('/template/1/html/image/btn_login_naver.png') no-repeat; color:#fff; line-height:22px; text-align:left; padding-left:25px; font-weight:500; } .fb_iframe_widget { float:right; } #contanTs { clear:both; position:relative; font-family:'NanumSquare', sans-serif; min-width:1000px; min-height:560px; } .visualArea { clear:both; position: relative;width:100%; height:480px; overflow:hidden; background:#000;} .visualArea > div { position:relative; width:1000px; height:480px; margin:0 auto; } .visualArea > ul { width:1000px; margin:0 auto; } .Arrpre { position:absolute; left:-51px; top:210px; z-index: 100; cursor:pointer;} .Arrnex { position:absolute; left:1012px; top:210px; z-index: 100; cursor:pointer;} .bnerList {position:relative; width:1000px; height:26px; text-align:center; margin:0 auto; padding-bottom:25px;} .bnerList > ul { margin:0 auto; } .bnerList > ul > li { display:inline; padding-right:4px;} .conMnb { width:1000px; margin: 0 auto; } .conMnb > ul { height:224px; width:100%; } .conMnb > ul > li { float:left; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; width:332px; } .conMnb > ul > li:last-child { border:none; } .conMnb > ul > li.mdbg { width:333px; background:#3e3f44; position:relative; z-index:200; } .conMnb > ul > li.mdbg > img { position:absolute; left:50%; bottom:-14px; margin-left:-14px; } .conNtnb {width:999px; margin: 0 auto; border-right:1px solid #d3d3d3; } .conNtnb > ul { height:224px; overflow:hidden; width:100%; border-bottom:1px solid #d3d3d3; } .conNtnb > ul > li { float:left; padding-left:25px; padding-top:30px; border-left:1px solid #d3d3d3; width:307px; } .conNtnb > ul > li:last-child { width:306px; } .conNtnb > ul > li > h3 { font-family: 'NanumSquare'; font-size:24px; font-weight:bold; color:#333; } a.moreall {display: block; width:21px; height:21px; margin-left:251px; margin-top:-18px; background:url('../image/board_more.png') no-repeat; text-indent:-9999px; } .conNtnb > ul > li > ul { width:100%; height:155px; margin-top:30px; float:left; } .conNtnb > ul > li > ul a { float:left; width:200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .conNtnb > ul > li > ul .star { width:76px; float:right; } .conNtnb > ul > li > ul .date { width:76px; float:right; } .conNtnb > ul > li > ul.star { width:76px; float:right; margin-right:30px; } .conNtnb > ul > li > ul.star >li { background:none; padding-bottom:8px; } .conNtnb > ul > li > ul.date { width:76px; float:right; margin-right:30px; } .conNtnb > ul > li > ul.date >li { background:none; padding-bottom:8px; font-size:12px; color:#999; } .conNtnb > ul > li > ul > li { font-family: 'NanumSquare'; overflow: hidden; white-space: nowrap; font-size:13px; text-overflow: ellipsis; word-wrap: normal; padding-left:10px; padding-bottom:8px; background:url('../image/board_dot.jpg') no-repeat 0px 32%; } .conPkgArea { width:1000px; margin:0 auto; margin-top:35px; overflow:hidden; padding-bottom:25px; } .conPkgArea > ul > li { float:left; margin-bottom:10px; } .mgleft { margin-left:10px; } .movieZone { width:1000px; margin:0 auto; background:#f0f2f6; width:100%; padding-top:50px; padding-bottom:60px; } .movieZone > h4 > p { font-family: 'NanumSquare'; line-height:25px; font-size:18px; color:#1e1e1e; } .movieZone > h4 { text-align:center; line-height:36px; font-family: 'NanumSquare'; font-size:24px; color:#333; background:url('../image/movieZone_line.png') no-repeat 50%; } .mvPlayarea { margin:0 auto; /*background:#333 url('../image/spmv00.jpg') no-repeat;*/ width:730px; height:450px; margin-top:30px; } .mvListarea { width:1000px; margin:0 auto; margin-top:35px; overflow:hidden; padding-bottom:90px; } .mvListarea > a { display:block; text-align:right; background:url('../image/moer_btn.png') no-repeat right center; padding-right:15px; margin-bottom:10px; } .mvListarea dl { float:left; width:242px; height:185px; border:1px solid #e3e3e3; margin:0 3px; padding-top:5px; margin-bottom:10px; text-align:center; } .mvListarea dt { width:230px; height:145px; background:#f0f2f6; line-height:145px; margin-left:5px; cursor:pointer; } .mvListarea dd.txt { width:232px; padding:0 5px; overflow:hidden; font-family: 'NanumSquare'; font-size:14px; color:#333; font-weight:600; line-height:40px; text-overflow:ellipsis; white-space:nowrap; } /*.mvListarea > li { float:left; width:230px; height:150px; margin-right:20px; margin-bottom:20px; background:#9a9a9a url('../image/novdo000.png') no-repeat 50% 50%; display:table-cell; border:1px solid red; } .mvListarea > li.mgRno { margin-right:0; }*/ .partner { width:100%; border-top:1px solid #d0ced1; } .partner > img { display:block; width:1000px; margin:0 auto; } /* 서브 페이지 리얼 콘텐츠 */ .realCon { width:1000px; margin: 0 auto; margin-top:35px;} .subLeft { width:210px; float:left; margin-bottom:40px; /* background:yellow; */} /* .subLeft > h2 { width:190px; height:90px; font-family: 'NanumSquare'; font-size:18px; line-height:22px;color:#fff; padding-left:20px; letter-spacing:-1px; background: url('../image/re_Snbbg.jpg') no-repeat; padding-top:37px;} */ .subLeft > h2 { width:188px; height:70px; border:1px solid #ababab; font-weight:400;padding-top:70px; font-family: 'NanumSquare', sans-serif; font-size:24px; text-align:left; padding-left:20px;color:#333; letter-spacing:-1px; background: url('/template/1/html/image/cy_sub_lnb_titbg.png') no-repeat 20px 40px; } .subLeft > h2 > span { font-family: 'NanumSquare', sans-serif; font-size:12px; display:block; color:#333; letter-spacing:0; } .snb { width:208px; border:1px solid #ababab; border-top:0px; border-bottom:0px;} .snb > li { padding:14px 0px; padding-left:20px; line-height:17px; border-bottom:1px #cecccf solid; background: url('../image/cy_sub_lnb_bl.png') no-repeat 182px 18px; } .snb > li:last-child { border-color:#434d58; } .snb > li > a { font-family: 'NanumSquare', sans-serif; font-size:14px; color:#666; letter-spacing:-1px; white-space:normal; width:160px; display:block; } .snb > li.active { background:#96865e url('../image/cy_sub_lnb_bl_o.png') no-repeat 182px 18px; } .snb > li.active > a{ display:block; font-weight:bold; color:#fff; } /* .snb > li { padding:13px 0px; padding-left:13px; line-height:17px; border-bottom:1px #d2d2d2 solid; } .snb > li > a { font-family: 'NanumSquare'; font-size:13px; color:#333;letter-spacing:-1px; } .snb > li.active { background: #494542 ; } .snb > li.active > a{ display:block; background: #494542 url('../image/re_snbActiv.jpg') no-repeat right center; color:#fff; } */ /*2뎁스 서브 메뉴 츄가*/ .snb_2dp { background:#f4f4f4; margin-left:-20px; margin-top:14px; margin-bottom:-14px; padding:10px 0px;} .snb_2dp > li { height:35px; line-height:35px; padding-left:30px; background: url('../image/cy_sub_lnb_dot.png') no-repeat 16px 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .snb_2dp > li a:hover{color:#a1793a;} .snb_2dp > li.active a{color:#000;} .subRight { width:730px; float:right;padding-bottom:120px; /*background:green; */} .subRight > h3 { display:block; font-family: 'NanumSquare'; font-size:20px; letter-spacing:-1px; color:#333; height:32px; /*border-bottom:1px solid #cecece; */} .subRight > p.nav { height:30px; margin-top:-30px; text-align:right; } .subRight > p.nav > span { font-family: 'NanumSquare'; color:#888; font-size:12px;} .subRight > p.nav > span.active { color:#333; font-weight:bold; } .subRcon { clear:both; width:730px; margin-top:40px; } /*퀵메뉴*/ .Rquick { width:108px; } .Rquick > ul { border:1px solid #bcbcbc; border-bottom:none; } .Rquick > ul > li { border-bottom:1px solid #bcbcbc; height:29px; line-height:29px; text-align:center; background:#fff;} .Rquick > ul > li > a { font-size:12px; color:#333; font-weight:500;} .Rquick > ul > li > a:hover { display:block; background:#ececec; } #fooTer { clear:both; position:relative; min-width:1000px; } .fnbArea { width:100%; height:37px; border-bottom:1px solid #cecece; border-top:1px solid #cecece; } .fnb { width:1000px; margin:0 auto; text-align:center; } .fnb > ul { margin: 0 auto;} .fnb > ul > li { display: inline; font-family:'NanumSquare'; line-height:37px;padding:0 15px; } .fnbCopy { clear:both; width:1000px; height:95px; margin:0 auto; padding-top:20px;} .fnbCopy > div.fnbclg { width:200px;float:left; margin-top:10px; } .fnbCopy > div.fnbadress { width:750px; float:right; margin-top:10px; line-height:17px; font-size:11px; padding-left:50px} /*--이창용어학원 리뉴얼 스타일시트 추가입니다.---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* font-family: 'NanumSquare', sans-serif;*/ .cyWrap { position:relative; padding:0px; margin:0px; min-width:1000px;} .cy_header { position:relative; z-index:30;min-width:1000px;width:100%; background: url('/template/1/html/image/cy_topbg.jpg') repeat-x top center; } /*최상단 베너존*/ .cy_hd_taparea { width:1000px; height:89px;margin: 0 auto;} /*분류 탭*/ .cy_hd_tap { float:left; width:480px;height:89px;/*background: red; */} .cy_hd_tap > li { float:left; position:relative; margin-right:2px;} .cy_hd_tap > li > a {display:table-cell; width:233px; height:89px; vertical-align:middle; background:#2e2e2e; text-align:center; } .cy_hd_tap > li.active > a { display:table-cell; width:233px; height:89px; background:#fff; text-align:center; } .cy_hd_tap > li.active > span { position:absolute; right: -35px;top: 0px; z-index: 4;} .cy_hd_tap > li.activeOn > a { display:table-cell; width:166px; height:49px;vertical-align:middle; text-align:center; font-family: 'NanumSquare', sans-serif; font-size:15px; color:#fff;background:#d90d38; border-top-right-radius:0px;} .cy_hd_tap > li.activeOn > span { position:absolute; right: -36px;top: 0px; z-index: 4;} .cy_hd_lnb { float:right; margin-top:30px;} .cy_hd_lnb > ul { overflow:hidden;} .cy_hd_lnb > ul > li { display:table-cell; padding-right:5px; vertical-align:middle; color:#ccc;} .cy_hd_lnb > ul > li:last-child { padding:0 0 0 10px; } .cy_hd_lnb > ul > li > a {color:#b0b0b0; font-family: 'NanumSquare', sans-serif;font-size:14px; } /*대메뉴*/ .cy_hd_gnbArea { width:100%; min-width:1000px;height:64px;background: #fff; border-top:1px solid #dbdbdb; } .cy_hd_gnb { position:relative; z-index:444; width:1000px; height:64px;margin: 0 auto; overflow:hidden; background:#fff; } .cy_hd_gnb > li { display:inline-block;} .cy_hd_gnb > li > a { display:inline-block; height:64px; line-height:64px;padding:0px 22px; font-size:16px; letter-spacing:-1px; color:#000; font-weight:600; font-family: 'NanumSquare', sans-serif; } .cy_hd_gnb > li > a:hover { display:inline-block; height:62px; line-height:64px;border-bottom:2px solid #000; } .cy_hd_gnb > li.active > a { display:inline-block; height:62px; line-height:64px;border-bottom:2px solid #000; } /*드롭다운 메뉴*/ .cy_hd_gnbRoll { position:absolute; top:154px; left:0px;width:100%; padding-bottom:45px; padding-top:20px;background:#fff; border-top:1px solid #ccc; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);} .cy_hd_gnbR_bner { width:1000px; margin: 0 auto; } .cy_hd_gnbR_bner > a:first-child { margin-right:5px;} .cy_hd_gnbRoll > ul { width:1000px; margin: 0 auto; overflow:hidden; padding-top:40px;} .cy_hd_gnbRoll > ul > li { float:left;width:178px; height:250px; border-left:1px solid #e1e1e3; padding-left:20px; } .cy_hd_gnbRoll > ul > li:first-child { border-left:0px;} .cy_hd_gnbRoll > ul > li > h4 { font-family: 'NanumSquare', sans-serif;font-size:14px; font-weight:600; color:#000; padding-bottom:15px;} .cy_hd_gnbRoll > ul > li > ul > li { line-height:23px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .cy_hd_gnbRoll > ul > li > ul > li > a { font-family: 'NanumSquare', sans-serif;font-size:13px; font-weight:300;} .cy_hd_gnbRoll > ul > li > ul > li.active > a {color:#000 } .cy_hd_gnbRoll > ul > li > ul > li > a:hover {color:#000 } .cy_hd_gnbRsub { padding-top:5px; } .cy_hd_gnbRsub > li { line-height:23px;} .cy_hd_gnbRsub > li > a { font-family: 'NanumSquare', sans-serif;font-size:13px; } .cy_hd_gnbRsub > li > a:hover {color:#02a0e0 } /*sns 드롭다운 메뉴 추가*/ .cy_hd_gnbRoll_sns { position:absolute; top:154px; left:0px;width:100%; padding-bottom:45px; padding-top:20px;background:#fff; border-top:1px solid #ccc; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);} .cy_hd_gnbRoll_snsUl { width:1000px; margin: 0 auto;} .cy_hd_gnbRoll_snsUl > li { display:table-cell; vertical-align:middle; line-height:1.6;padding-right:12px;font-family: 'NanumSquare', sans-serif; font-size: 14px; font-weight: 300; } .cy_hd_gnbRoll_snsUl > li > a { color:#000;} .cy_hd_gnbRoll_snsUl > li:last-child { padding-right:0px;} .cy_hd_gnbRoll_snsUl > li.cafeTxt { padding-left:18px; border-right:1px solid #e1e1e1;} .cy_hd_gnbRoll_snsUl > li.cafeTxt_last { padding-left:18px; border-right:1px solid #e1e1e1; padding-right:15px;} .cy_hd_gnbRoll_snsUl > li.snsFirst { padding-left:25px;} /*온라인 드롭다운 메뉴*/ .cy_hd_gnbRoll_online { position:absolute; left:0px; top:56px; width:1000px; height:230px; background:#fff; /*border:1px solid #ccc;*/ border-top:0px; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);} .cy_hd_gnbRoll_online > ul { padding:30px 0px; } .cy_hd_gnbRoll_online > ul > li { float:left;width:125px; height:165px; border-left:1px solid #e1e1e3; padding-left:23px; } .cy_hd_gnbRoll_online > ul > li:first-child { border-left:0px;} .cy_hd_gnbRoll_online > ul > li > h4 { font-family: 'NanumSquare', sans-serif;font-size:14px; font-weight:500; color:#000; padding-bottom:15px;} .cy_hd_gnbRoll_online > ul > li > ul > li { line-height:23px;} .cy_hd_gnbRoll_online > ul > li > ul > li > a { font-family: 'NanumSquare', sans-serif;font-size:14px; font-weight:300;} .cy_hd_gnbRoll_online > ul > li > ul > li.active > a {color:#02a0e0 } .cy_hd_gnbRoll_online > ul > li > ul > li > a:hover {color:#02a0e0 } .cy_hd_gnbRoll_online > div { position:absolute; left:725px; top:38px; padding: 0px 30px;} .cy_hd_gnbRsub { padding-top:5px; } .cy_hd_gnbRsub > li { line-height:23px;} .cy_hd_gnbRsub > li > a { font-family: 'NanumSquare', sans-serif;font-size:13px; } .cy_hd_gnbRsub > li > a:hover {color:#02a0e0 } /*왼쪽붙박이메뉴*/ .cy_msnb { transition: left 1s;position:absolute; left:0px; top:0px;z-index:499;width:182px; min-height:100%; border-right:1px solid #d8d6d7; background: #fff; box-shadow: 3px 0px 30px -16px #000;} .cy_msnb.active {left:-182px;} .cy_msnb > div.cy_fold { position: absolute;left: 183px; top: 25px; } .cy_msnb > div.cy_fold > a { display:inline-block; width:26px; height:43px; overflow:hidden; text-indent:-222px; background: url('/template/1/html/image/cy_lmn_foldbg.png') no-repeat 0px 0px; } .cy_msnb.active > div.cy_fold > a { background-position: 0px -43px;} .cy_mTopgo { position:fixed; bottom:30px; right:41px;} /*메뉴*/ .cy_msnbList > li { border-bottom:1px solid #dbd8d8; letter-spacing:-1px; } .cy_msnbList > li > h4 { display:block; padding-left:15px; height:55px; line-height:55px; background: url('/template/1/html/image/cy_lf_arrbg.png') no-repeat 93% 50%;} .cy_msnbList > li > h4 > a { display:block; color:#444; font-family: 'NanumSquare', sans-serif; font-size:14px; font-weight:400;} .cy_msnbList > li.active { background:#fff;} .cy_msnbList > li.active > h4 { padding-left:15px; height:55px; line-height:55px; background: url('/template/1/html/image/cy_lf_arrbg2.png') no-repeat 93% 50%;} .cy_msnbList > li.active > h4 > a { display:block; color:#00569e; font-weight:700; font-family: 'NanumSquare', sans-serif; font-size:14px; } .cy_sc00Center > a { display:block; font-size:13px; height:55px; font-weight:500;line-height:55px; padding-left:38px; color:#444; background: #fff url('/template/1/html/image/cy_lf_icon01.png') no-repeat 14px 50%;} .cy_tCher > a { display:block; font-size:13px; height:55px; font-weight:500;line-height:55px; padding-left:38px; color:#444; background: #fff url('/template/1/html/image/cy_lf_icon04.png') no-repeat 14px 50%;} .cy_visit > a { display:block; font-size:13px; height:55px; font-weight:500; line-height:55px; padding-left:38px; color:#444; background: #fff url('/template/1/html/image/cy_lf_icon02.png') no-repeat 14px 50%;} .cy_CEO > a{ display:block; font-size:13px; height:55px; font-weight:500; line-height:55px; padding-left:38px; color:#444; background: #fff url('/template/1/html/image/cy_lf_icon03.png') no-repeat 14px 50%;} .cy_msnbsb { border-top:1px solid #dbd8d8; background:#f0f1f1} .cy_msnbsb > li { font-size:13px; color:#333; line-height:40px;text-align:right;border-bottom:1px solid #ddd; } .cy_msnbsb > li:last-child{ font-size:13px; color:#333; line-height:40px;text-align:right;border-bottom:0px; } .cy_msnbsb > li > a { display:block; color:#777; font-family: 'NanumSquare', sans-serif; padding-right:20px;} .cy_msnbsb > li > a:hover { color:#000; } .cy_msnbsb > li.active > a { color:#fff; font-family: 'NanumSquare', sans-serif; background:#00569f;} .cy_msnbsb > li > ul > li { line-height:25px; } .cy_msnbsb > li > ul > li > a { font-family: 'NanumSquare', sans-serif; } .cy_msnbsb > li > ul > li > a:hover{ color:#000;font-family: 'NanumSquare', sans-serif; } .cy_msnbsb > li > ul > li > a.left_html_link{ color:#324ea2} .cy_msnbsb > li > ul > li > a:hover.left_html_link{ color:#0261d7} .cy_Contants { clear:both; position:relative;min-width:1000px;width:100%; /*background: skyblue;*/ } /*비쥬얼베너*/ .cy_vsalArea { position:relative; width:100%; height:542px; min-width:1000px;} .cy_vsal { width:100%; height:495px; overflow:hidden; /*background:pink */} .cy_vsal > li { display:block; float:left;width:100%; height:495px;} .cy_vsal > li.cy_vsalbg01 { background: url('/template/1/html/image/cy_off_vsBner01.jpg') no-repeat top center; text-align:center;} .cy_vsal > li > a { display:inline-block; width:1000px; height:495px; text-indent:-9999px;} .cy_vsal > li > a { display: inline-block; height: inherit; left: 50%; margin-left: -500px; position: absolute; text-indent: -9999px; width: 1000px; } .cy_vsalArr { position:absolute; left:50%; top:40%; } .cy_vsalArr > span { display:inline-block;width:50px; height:68px; } .cy_vsalArr > span > a { display:block;width:50px; height:68px; overflow:hidden; text-indent:-300px; background: url('/template/1/html/image/cy_vsal_arrbg.png') no-repeat left top; opacity:0.4; filter: alpha(opacity=40);} .cy_vsalArr > span > a:hover { opacity:1; filter: alpha(opacity=100);} .cy_vsalArr > span.prv > a { background-position: -50px 0px; margin-left:-570px;} .cy_vsalArr > span.nxt > a { background-position: 0px 0px; margin-left:470px;} /* 비쥬얼베너 하단 네비 추가 */ .cy_vnb02 {text-align: center;width:100%;height:44px; min-width:1000px;border-bottom:1px solid #c9c8c8; border-top:1px solid #c9c8c8;} .cy_vnb02 > ul {/* width:1000px; */margin: 0 auto; border-left:1px solid #ccc;} .cy_vnb02 > ul > li {display: inline-block; margin-left:-4px; width:248px;height:44px;line-height:44px;text-align:center; border-left:1px solid #ccc;overflow:hidden;} .cy_vnb02 > ul > li > a { display:block; font-family: 'NanumSquare', sans-serif;font-size:14px;color:#333; font-weight:400; padding:0px 20px;} .cy_vnb02 > ul > li.active > a { display:block; height:42px;line-height:44px;border-bottom:2px solid #000; font-weight:600; color:#333;} .cy_vnb02 > ul > li:last-child { border-right:1px solid #ccc; border-left:1px solid #ccc;} /*메인 콘텐츠*/ .cy_mCon1000 { width:1000px; margin: 0 auto; padding-top:120px; padding-bottom:80px;text-align:center; } h5.cy_mConth5 { font-size:14px; font-weight:300;margin-top:20px; color:#014d8e;} p.cy_mConP { padding-top:25px;} .cy_mConTch_arr { overflow:hidden; margin-top:40px;} .cy_mConTch_arr > li { display:inline; margin:0px 10px; } .cy_mConTch_arr > li > a { display:inline-block; width:14px; height:14px; border-radius:10px; background:#ddd; overflow:hidden; text-indent:-200px;} .cy_mConTch_arr > li.active > a { background:#00569f} .cy_mCon_tcer { width:1000px; height:452px;overflow:hidden; /*margin-top:50px;*/} .cy_mCon_tcer > li { display:inline; width:238px; /*margin-left:11px;*/} .cy_mCon_tcer > li:first-child { margin-left:0px; } .cy_mCon_ntc { width:100%; margin: 0 auto; overflow:hidden; padding-top:58px; padding-bottom:45px;background:#f8f8f8; } .cy_mCon_ntc > div { width:1000px; margin: 0 auto; overflow:hidden; } .cy_mCon_ntcBx01 { float:left; position:relative; width:315px; height:270px;} .cy_mCon_ntcBx02, .cy_mCon_ntcBx03 { width:315px; float:left; margin-left:27px;} h4.cy_mCntc_h4 { position:relative; padding: 23px 0px; font-size:17px; font-weight:600;color:#333; border-top:1px solid #2a5482; text-align:center;border-bottom:1px solid #2a5482; } h4.cy_mCntc_onh4 { position:relative; padding: 23px 0px; font-size:17px; font-weight:600;color:#333; border-top:1px solid #a7192f; text-align:center;border-bottom:1px solid #a7192f; } h4.cy_mCntc_h4 > a { position:absolute; top:21px; left:198px;margin-bottom:-3px;} .cy_mCPhon { text-align:center; font-size:40px;height:80px; line-height:80px; color:#333;} .cy_mCTime { width:300px; margin: 0 auto; text-align:center;} .cy_mCTime > dt { height:35px; line-height:35px; color:#333; font-size:13px; font-weight:600; text-align:center;} .cy_mCTime > dd { font-size:12px; font-family: dotum, 돋움, sans-serif; text-align:center;} .cy_mCon_ntcBx01 > a.cy_mCBtn_cal { display:inline-block; position:absolute; left:14px; bottom:0px; color:#fff; width:140px; height:38px; line-height:38px;font-size:13px; font-weight:600; text-align:center; background:#2a5482; } .cy_mCon_ntcBx01 > a.cy_mCBtn_map { display:inline-block; position:absolute; left:160px; bottom:0px; width:138px; height:36px; line-height:36px; text-align:center;font-size:13px; color:#333;font-weight:600;background:#fff; border:1px solid #8b8b8b; } .cy_mCntnList { width: 300px; margin:0 auto; margin-top:20px;} .cy_mCntnList > li { overflow: hidden;height:40px; line-height:40px; font-size:15px; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; /*background:green;*/} .cy_mCntnList > li > a > span { display:block; float:left; font-size:15px; } .cy_mCntnList > li > a > span.atxtA { width:220px;line-height:40px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .cy_mCntnList > li > a > span.aStar { width:65px; height:14px; margin-left:15px; margin-top:12px;background: url('/template/1/html/image/cy_mStar_bg.png') repeat-x 0px 0px; } .cy_mCntnList > li > a > span.aStar > span { display:block; height:14px; background: url('/template/1/html/image/cy_mStar_bg.png') repeat-x 0px -14px; } .cy_mCon_play { overflow:hidden;width:1000px; margin: 0 auto; margin-top:42px;} .cy_mCon_play > li { float:left; position:relative; width:328px; height:288px; border:1px solid #dbdbdb; margin-left:5px; margin-bottom:5px;} .cy_mCon_play > li:nth-child(1), .cy_mCon_play > li:nth-child(4), .cy_mCon_play > li:nth-child(7) { margin-left:0px;} .cy_mCPly_H5 { width:268px; text-align:left;padding-left:15px; padding-top:32px; color:#333; font-weight:300;padding-bottom:20px; font-size:16px;height:20px; line-height:20px; margin-left:20px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; background: url('/template/1/html/image/cy_mMov_bl.png') no-repeat 0px 35px; } .cy_mCPly_thum { width:288px; height:164px; margin: 0 auto;background:#333; } a.cy_mCPly_btnPlay { display:inline-block; position:absolute; left:20px; bottom:19px; width:27px; height:27px; overflow:hidden; text-indent:-222px; opacity: 0.6; filter: alpha(opacity=60);background: url('/template/1/html/image/cy_mMov_play.png') no-repeat; } a.cy_mCPly_btnMore { display:inline-block; position:absolute; left:55px; bottom:19px; width:57px; height:27px; overflow:hidden; text-indent:-222px; opacity: 0.6; filter: alpha(opacity=60);background: url('/template/1/html/image/cy_mMov_more.png') no-repeat; } a.cy_mCPly_btnPlay:hover, a.cy_mCPly_btnMore:hover { opacity: 1; filter: alpha(opacity=100);} /*서브콘텐츠*/ .cy_subCon { width:100%; min-height:600px;} .cy_subC_NVbar { height:47px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background:#f9f9f9} .cy_subC_NVbar > div { width:1000px; margin: 0 auto; background: url('/template/1/html/image/cy_subHome.png') no-repeat 0px 50%; } .cy_subC_NV { overflow:hidden; padding-left:25px;} .cy_subC_NV > li { float:left; height:47px; line-height:47px; color:#2e2e2e; padding:0px 16px; font-size:14px; } .cy_subC_NV > li.cy_sub_bnArr { width:26px; padding:0px;background: url('/template/1/html/image/cy_sub_nvArr.png') no-repeat} /*온라인강의*/ h5.cy_mConth5_on { font-size:14px; font-weight:300;margin-top:20px; color:#a7192f;} .cy_mConTch_onarr { overflow:hidden; margin-top:40px;} .cy_mConTch_onarr > li { display:inline; margin:0px 10px; } .cy_mConTch_onarr > li > a { display:inline-block; width:14px; height:14px; border-radius:10px; background:#ddd; overflow:hidden; text-indent:-200px;} .cy_mConTch_onarr > li.active > a { background:#a7192f} /*대메뉴*/ .cy_hd_on_gnbArea { width:100%; min-width:1000px;height:64px;background: #fff; border-top:1px solid #dbdbdb; } .cy_hd_on_gnb { position:relative; z-index:444;width:1000px; height:64px;margin: 0 auto; overflow:hidden; background:#fff; } .cy_hd_on_gnb > li { float:left; } .cy_hd_on_gnb > li > a { display:inline-block; height:64px; line-height:64px;padding:0px 18px; font-size:16px; letter-spacing:-1px; color:#000; font-weight:600; font-family: 'NanumSquare', sans-serif; } .cy_hd_on_gnb > li > a:hover { display:inline-block; height:62px; line-height:64px;border-bottom:2px solid #000; } .cy_hd_on_gnb > li.active > a { display:inline-block; height:62px; line-height:64px;border-bottom:2px solid #000; } .cy_hd_on_gnb > li > a.pointRd { color:#a7192f} .cy_hd_on_gnb > li.active > a.pointRd { color:#a7192f} .cy_mCon_ontcer { width:1000px; height:500px;overflow:hidden; /*margin-top:50px;*/} .cy_mCon_ontcer > li { display:inline; width:238px; /*margin-left:11px;*/} .cy_mCon_ontcer > li:first-child { margin-left:0px; } .cy_msnbList_on > li { border-bottom:1px solid #dbd8d8; letter-spacing:-1px; } .cy_msnbList_on > li > h4 { display:block; padding-left:15px; background: url('/template/1/html/image/cy_lf_arrbg.png') no-repeat 93% 50%;} .cy_msnbList_on > li > h4 > a { display:block; color:#444; font-family: 'NanumSquare', sans-serif; font-size:14px; font-weight:400;} .cy_msnbList_on > li > h4.cy_msno_Red { color:#a7192f; line-height:22px; padding:10px 0px; padding-left:18px;} .cy_msnbList_on > li > h4.cy_msno_Red > a { color:#a7192f; padding:12px 0px; line-height:24px; font-size:18px; font-weight:600; letter-spacing:0px; } .cy_msnbList_on > li.active > h4.cy_msno_Red { color:#a7192f; height:72px; line-height:22px; padding:10px 0px;padding-left:18px; } .cy_msnbList_on > li.active > h4.cy_msno_Red > a { color:#a7192f; padding:12px 0px; line-height:24px;font-size:18px; font-weight:600; letter-spacing:0px;} .cy_msnbList_on > li.active { background:#fff;} .cy_msnbList_on > li.active > h4 { padding-left:15px;height: 55px; line-height: 55px;background: url('/template/1/html/image/cy_lf_arrbg2.png') no-repeat 93% 50%;} .cy_msnbList_on > li.active > h4 > a { display:block; color:#a7192f; font-weight:700; font-family: 'NanumSquare', sans-serif; font-size:14px; } .cy_msnbsb_on { border-top:1px solid #dbd8d8; background:#f0f1f1;} .cy_msnbsb_on > li { font-size:13px; color:#333; line-height:40px;text-align:right;border-bottom:1px solid #ddd; } .cy_msnbsb_on > li:last-child{ font-size:13px; color:#333; line-height:40px;text-align:right;border-bottom:0px; } .cy_msnbsb_on > li > a { display:block; color:#777; font-family: 'NanumSquare', sans-serif; padding-right:20px;} .cy_msnbsb_on > li > a:hover { color:#000; } .cy_msnbsb_on > li.active > a { color:#fff; font-family: 'NanumSquare', sans-serif; background:#a7192f;} .cy_msnbsb_on > li > ul > li { line-height:25px; } .cy_msnbsb_on > li > ul > li > a { font-family: 'NanumSquare', sans-serif; } .cy_msnbsb_on > li > ul > li > a:hover{ color:#000;font-family: 'NanumSquare', sans-serif; } .cy_msnbsb_on > li > ul > li > a.left_html_link{ color:#324ea2} .cy_msnbsb_on > li > ul > li > a:hover.left_html_link{ color:#0261d7} .cy_on_mCon_bner { float:left; width:650px;overflow:hidden;} .cy_on_mCon_bner ul.on_bnerList { width:660px; overflow:hidden;} .cy_on_mCon_bner ul.on_bnerList > li { float:left;} /* .cy_on_mCon_bner ul.on_bnerList > li:first-child { margin-left:0px; } .cy_on_mCon_bner ul.on_bnerList > li > a { display:inline-block;width:199px; height:273px; border:5px solid #fff; box-shadow: 3px 0px 10px -4px #d7d7d7;} .cy_on_mCon_bner ul.on_bnerList > li > a:hover { border:5px solid #a7192f; box-shadow: 3px 0px 10px -4px #d7d7d7;} */ .cy_on_mCon_bner ul.on_bnerList > li img { border:5px solid #fff; box-shadow: 3px 0px 10px -4px #d7d7d7;} .cy_on_mCon_bner ul.on_bnerList > li img:hover { border:5px solid #a7192f; box-shadow: 3px 0px 10px -4px #d7d7d7;} .cy_mCntnList_on{ width: 300px; margin:0 auto; margin-top:20px;} .cy_mCntnList_on > li { overflow: hidden;height:40px; line-height:40px; font-size:15px; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; /*background:green;*/} .cy_mCntnList_on > li > a > span { display:block; float:left; font-size:15px; } .cy_mCntnList_on > li > a > span.atxtA { width:220px;line-height:40px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; } .cy_mCntnList_on > li > a > span.aStar { width:65px; height:14px; margin-left:15px; margin-top:12px;background: url('/template/1/html/image/cy_online_mStar_bg.png') repeat-x 0px -14px; } .cy_mCntnList_on > li > a > span.aStar > span { display:block; height:14px; background: url('/template/1/html/image/cy_online_mStar_bg.png') repeat-x 0px 0px; } .cy_onLnb_Cs { width:100%; text-align:center; margin: 0 auto; } .cy_onLnb_Cs .in{padding:15px 0; background:#f0f1f1;} .cy_onLnb_Cs > h5{ padding-top:25px; padding-bottom:25px;} .cy_onLnb_Cs > p { padding:10px 0; text-align:center; color:#333;} .cy_onLnb_Cs > p.txt001 { font-size:12px;margin-top:-12px } .cy_onLnb_Cs > p.txt002 { font-size:12px; margin-top:-20px} .cy_onLnb_Cs > p.txt003 { font-size:12px; background:#f5f5f5; border-bottom: 1px solid #ccc;} .cy_onLnb_phon1 {padding:5px 0 0 0; font-size:16px; font-weight:600;color:#000; letter-spacing:-1px; height:28px; line-height:28px;} .cy_onLnb_phon2 { font-size:18px; font-weight:600;color:#000; letter-spacing:-1px; height:28px; line-height:28px;}/* background: url('/template/1/html/image/cy_online_cst_phon.png') no-repeat 10px 50%; */ a.cy_onLnb_phon1 {color:#000 !important;} /*게시판 버튼들*/ /*버튼 흰검 기본*/ a.cy_Ntcbtn_W { display:inline-block; padding:7px 30px; font-size:13px; font-weight:600;border:1px solid #333; color:#333 !important;} a.cy_Ntcbtn_W02 { display:inline-block; padding:7px 30px; font-size:13px;font-weight:600; border:1px solid #bdbdbd; color:#333 !important;} a.cy_Ntcbtn_Bk { display:inline-block; padding:8px 32px; background:#666666; font-size:13px; font-weight:600;color:#fff !important; } a.cy_Ntcbtn_Oder { display:inline-block; padding:8px 32px; background:#96865e; font-size:13px; font-weight:600;color:#fff !important; } a.cy_Ntcbtn_Oder_bl { display:inline-block; padding:8px 32px; background:#02569f; font-size:13px; font-weight:600;color:#fff !important; } a.cy_Ntcbtn_Oder_rd { display:inline-block; padding:8px 32px; background:#a7192f; font-size:13px;font-weight:600; color:#fff !important; } a.cy_Ntcbtn_Sch { display:inline-block; padding:8px 32px; text-indent:-10px; color:#fff !important; font-size:13px; font-weight:600;background:#666666 url('/template/1/html/image/cy_btnSearch_icon.png') no-repeat 86% 50%; } /*검색하기버튼*/ /*버튼 큰거*/ a.cy_Ntcbtn_WBig { display:inline-block; padding:15px 50px; font-size:16px; font-weight:600;border:1px solid #333; color:#333 !important;} a.cy_Ntcbtn_WBig02 { display:inline-block; padding:15px 50px; font-size:16px; font-weight:600;border:1px solid #bdbdbd; color:#333 !important;} a.cy_Ntcbtn_BkBig{ display:inline-block; padding:16px 52px; background:#666666; font-size:16px; font-weight:600;color:#fff !important; } a.cy_Ntcbtn_OderBig{ display:inline-block; padding:16px 52px; background:#96865e; font-size:16px; font-weight:600;color:#fff !important; } a.cy_Ntcbtn_OderBig_bl{ display:inline-block; padding:16px 52px; background:#02569f; font-size:16px; font-weight:600;color:#fff !important; } a.cy_Ntcbtn_OderBig_rd{ display:inline-block; padding:16px 52px; background:#a7192f; font-size:16px; font-weight:600;color:#fff !important; } /*둥근 작은 버튼*/ .cy_btnR_w { display:inline-block; width:56px; height:20px; line-height:20px; border-radius:3px; color:#333 !important;border:1px solid #cacaca; font-size:11px;text-align:center; background:#fff;} .cy_btnR_w02 { display:inline-block; width:56px; height:20px; line-height:20px; border-radius:3px; color:#333 !important;border:1px solid #bdbdbd; font-size:11px;text-align:center; background:#fff;} .cy_btnR_bk { display:inline-block; width:57px; height:22px; line-height:22px; border-radius:3px; color:#fff !important; font-size:11px;text-align:center; background:#494848;} .cy_btnR_Oder { display:inline-block; width:57px; height:22px; line-height:22px; border-radius:3px; color:#fff !important; font-size:11px;text-align:center; background:#96865e;} .cy_btnR_Oder_bl { display:inline-block; width:57px; height:22px; line-height:22px; border-radius:3px; color:#fff !important; font-size:11px;text-align:center; background:#02569f;} .cy_btnR_Oder_rd { display:inline-block; width:57px; height:22px; line-height:22px; border-radius:3px; color:#fff !important; font-size:11px;text-align:center; background:#a7192f;} /*버튼 작은거*/ a.cy_Ntcbtn_Ws { display:inline-block; width:88px; height:28px; line-height:28px; font-size:12px; font-weight:400; color:#333 !important;text-align:center; border:1px solid #333;} a.cy_Ntcbtn_Ws02 { display:inline-block; width:88px; height:28px; line-height:28px; font-size:12px; font-weight:400; color:#333 !important;text-align:center; border:1px solid #bdbdbd;} a.cy_Ntcbtn_Bks { display:inline-block; width:90px; height:30px; line-height:30px; text-align:center;background:#666666; font-size:12px; color:#fff !important; } a.cy_Ntcbtn_Oders { display:inline-block; width:90px; height:30px; line-height:30px; text-align:center;background:#96865e; font-size:12px; color:#fff !important; } a.cy_Ntcbtn_Oders_bl { display:inline-block; width:90px; height:30px; line-height:30px; text-align:center;background:#02569f; font-size:12px; color:#fff !important; } a.cy_Ntcbtn_Oders_rd { display:inline-block; width:90px; height:30px; line-height:30px; text-align:center;background:#a7192f; font-size:12px; color:#fff !important; } /*사이즈 픽스 조합*/ .cy_Ntnbtn_90 { display:inline-block; width:90px; height:30px; font-size:14px; font-weight:600;line-height:30px; border:1px solid #333; color:#333 !important; text-align:center;background:#fff;} .cy_Ntnbtn_110 { display:inline-block; width:110px; height:40px; font-size:14px; font-weight:600;line-height:40px; border:1px solid #333; color:#333 !important; text-align:center;background:#fff;} .cy_Ntnbtn_150 { display:inline-block; width:150px; height:50px; font-size:16px; font-weight:600;line-height:50px; border:1px solid #333; color:#333 !important; text-align:center;background:#fff;} .cy_Ntnbtn_200 { display:inline-block; width:200px; height:60px; font-size:16px; font-weight:600;line-height:60px; border:1px solid #333; color:#333 !important; text-align:center;background:#fff;} .cy_Ntnbtn_250 { display:inline-block; width:250px; height:80px; font-size:16px;font-weight:600; line-height:80px; border:1px solid #333; color:#333 !important; text-align:center;background:#fff;} /*컬러, 라인 조합*/ .back_blue { background:#02569f;} .back_cherry{ background:#a7192f;} .back_brwn { background:#96865e; } .noBorder { border:0px !important;} .noPdding { padding:0px !important;} /*footer*/ .cy_footer { overflow:hidden;position:relative; min-width:1000px;width:100%; padding-bottom:20px; margin-top:60px;/*background: green;*/} .cy_ft_nvb { text-align:center; border:1px solid #d7d7d7; border-right: 0px;background: #f4f4f4; } .cy_ft_nvb > ul { width:1000px; height:45px; line-height:45px;margin: 0 auto; text-align:left;} .cy_ft_nvb > ul > li { display:inline; padding:0px 20px; border-left:1px solid #d5d5d5;} .cy_ft_nvb > ul > li:first-child { border-left:0px; padding-left:0px} .cy_ft_nvb > ul > li > a { display:inline-block; font-family: 'NanumSquare', sans-serif; font-size:14px; font-weight:300; color:#000;} .cy_ft1000 { width:1000px; margin: 0 auto; padding-top:20px; } .cy_ft1000 > address { float:left; padding-top:10px; font-family: 'NanumSquare', sans-serif; font-size:12px; } .cy_ft1000 > address > p { display:block; margin-top:7px; padding:8px 0px; border-top:1px solid #d7d7d7; font-family: 'dotum',돋움, sans-serif; font-size:11px; } .recruit_case{width:1000px;margin:0 auto;} .teaver_view{} .teacher_list_div{ margin-top:25px;margin-bottom:30px; } .teacher_list_div > ul{ clear:both; display:block; width:997px; height:89px; border-bottom:2px solid #333; border-top:1px solid #ccc; border-left:1px solid #ccc; padding-bottom:3px;} .teacher_list_div > ul > li{ float:left;width: 124px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } .teacher_list_div > ul > li:nth-child(even) { width:123px;} .teacher_list_div > ul > li > a{ display:inline-block; width:124px; height: 45px; line-height:45px; font-size:14px;} .teacher_list_div > ul > li.active > a{ background:#96865e; color:#fff; font-weight:bold; } /* 강사소개 등 탭 메뉴 신규 추가 by 천팀*/ .tcherTap00Area { width:1000px; margin:0 auto;} .tcherTap { margin-top:25px; border} .tcherTap > ul { width:1000px; height:51px; border-bottom:1px solid #333; } .tcherTap > ul > li:first-child { border-left:1px solid #d9d9d9;} .tcherTap > ul > li { float:left; display:block; text-align:center; width:150px; height:50px; line-height:50px;border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#f8f8f8; } .tcherTap > ul > li > a { font-size:15px;display:block; } .tcherTap > ul > li.active > a { display:block;font-size:15px; font-weight:500; background:#fff; border:1px solid #333; border-bottom:1px solid #fff; color:#000;} .tcherTapOff { margin-top:25px; border} .tcherTapOff > ul { width:1000px; height:51px; border-bottom:2px solid #015ea1;} .tcherTapOff > ul > li:first-child a{ border-left:1px solid #d9d9d9;} .tcherTapOff > ul > li { float:left; display:block; text-align:center; width:150px; height:50px; line-height:50px; background:#f8f8f8; } .tcherTapOff > ul > li > a { display:block;font-size:16px;font-family: 'Noto Sans KR', sans-serif;border-right:1px solid #d9d9d9; border-bottom:0px solid #fff;border-top:1px solid #d9d9d9; } .tcherTapOn { margin-top:25px; border} .tcherTapOn > ul { width:1000px; height:51px; border-bottom:2px solid #d90d38;} .tcherTapOn > ul > li:first-child a { border-left:1px solid #d9d9d9;} .tcherTapOn > ul > li { float:left; display:block; text-align:center; width:150px; height:50px; line-height:50px; background:#f8f8f8; } .tcherTapOn > ul > li > a { display:block;font-size:16px;font-family: 'Noto Sans KR', sans-serif;border-right:1px solid #d9d9d9;border-bottom:0px solid #fff;border-top:1px solid #d9d9d9; } .tcherTapOn > ul > li.active > a, .tcherTapOn > ul > li > a:hover {font-size:16px; font-weight:700; background:#fff; border:2px solid #d90d38; border-bottom:2px solid #fff; color:#dc0303;} .tcherListArea { clear:both; margin-top:5px;} .tcherList > li { padding:25px 0px; height:125px;border-bottom:1px solid #c5c5c5 } .tchLstThum { width:160px; height:125px; float:left; background:#efefef;text-align:center;} .tchLstTxt { float:left; position:relative;width:400px; height:125px; padding-left:17px;} .tchLstTxt > h4 { font-size:20px; margin-bottom:10px;font-weight:500;line-height:1.2em; color:#333; font-family: 'Noto Sans KR', sans-serif;} .tchLstTUl { display:table; vertical-align:top;} .tchLstTUl > li { display:block; font-size:14px; color:#666; line-height:20px; margin-bottom:5px; letter-spacing:-1px; width:420px;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .tchLstTUl > li.summary { height:65px;overflow:hidden;} .tchFreLstTUl { width:650px;} .tchFreLstTUl > li { display:block; width:650px;} .tchLstTUl > li.bnft { color:#ff7200;/*max-height:36px;*/} .tchLstTUl > li.bnft > span { display:inline-block; width:40px;color:#ff7200; font-size:14px;} .tchLstTUl > li > span.titA00 { display:inline-block; width:40px; font-size:14px; } .tchLstTblZone { position:absolute; bottom:0px;} .tchLstTblZone > span { font-size:13px; font-weight:600;color:#fff; padding:3px 10px;} .tchlstbl_new { background:#f32800; } .tchlstbl_most { background:#e989e6; } .tchlstbl_best { background:#ffa200; } .tchLstPriinfo { float:left; position:relative; border-left: 1px dashed #ccc;border-right: 1px dashed #ccc;width:240px; height:125px;padding-lefT:19px;} .tchLstPif_list { width:225px; margin: 0 atuo; margin-top:-3px;} .tchLstPif_list > li { height:34px; line-height:34px; border-bottom:1px solid #ccc; font-size:13px; letter-spacing:-1px;} .tchLstPif_list > li > span.tit00 { display: inline-block; width:80px; font-size:13px; letter-spacing:-1px;} .tchLstPif_list > li > strike { font-size:15px; color:#324ea2; font-weight:500;} .tchLstPrice { float:right;position:relative; text-align:center;width:162px;height:125px;} .tchLst_Freebtnz { float:right; position:relative; border-left:1px dashed #ccc; width:162px; height:125px;text-align:center; } .tchLst_Freebtnz ul > li { margin-bottom:10px;} .tchLst_Freebtnz ul > li > a.btnfree { display:block; width:130px;height:35px; line-height:35px;margin: 0 auto; text-align:center; color:#fff; background:#e51f1f; } .tchLst_Freebtnz ul > li > a.btnabtLec { display:block; width:130px;height:35px; line-height:35px;margin: 0 auto; text-align:center; color:#fff; background:#767676; } .tchLst_Freebtnz ul > li > a.btnBook { display:block; width:130px;height:35px;line-height:35px; margin: 0 auto; text-align:center; border:1px solid #767676; } .tchLstPif_price { position:absolute;padding-left:46px; width:170px;height: 35px; line-height: 35px;color:#dc0303; font-size:16px; font-weight:600;} .tchLstPif_price > span.rate { display:inline-block; padding:2px 15px; border-radius:15px; color:#fff; font-weight:500;background:#dc0303} .tchLstBtn { display: table-cell;height: 125px; text-align: center; vertical-align: top; width: 162px;} .tchLstBtn > ul.btnLst > li { margin-bottom:5px;} .tchLstBtn > ul.btnLst > li > a { display:inline-block; } a.tchLstBtn_oder { width:130px; font-size:14px;margin: 0 auto; background:#e51f1f; text-align:center; padding: 15px 0; color:#fff; font-weight:500; } a.tchLstBtn_cart { width:130px; font-size:14px;margin: 0 auto; background:#383838; text-align:center; padding: 15px 0; color:#fff; font-weight:500; } a.tchLstBtn_oder2 { width:130px; font-size:14px;margin: 0 auto; background:#96865e; text-align:center; padding: 15px 0; color:#fff !important; font-weight:500; } a.tchLstBtn_Tast { width:128px; font-size:14px;margin: 0 auto; background:#fff; border:1px solid #333; text-align:center; padding: 13px 0; color:#333; font-weight:500; } /*온라인 빠른수강신청*/ .bx1000 { width: auto;margin:0 auto; padding: 12px;padding-bottom: 8px; } .bxL { display:table-cell; width:220px; padding:3px; padding-bottom:0px; /*background:pink*/} .bxC { display:table-cell; width:220px; vertical-align:top; padding:4px; padding-bottom:0px; /*background:skyblue*/} .bxR { display:table-cell; width:170px; vertical-align:top; padding:4px; padding-bottom:0px; /*background:yellow*/} .bxR2 { vertical-align:top; padding:4px; /*background:green*/} .bxL > h4, .bxC > h4, .bxR > h4, .bxR2 > h4 { border-radius:5px; padding:10px; font-size:14px;background:#96865e; color:#fff; margin-bottom:4px; } .sbxRound01 > li { display:block; border-radius:4px; font-family:'NanumGothic', sans-serif; font-size:16px; font-weight:500;height:170px; color:#333; line-height:170px; text-align:center; background:#f2f2f2; margin-bottom:7px;} .sbxRound01 > li.active { color:#333; border:2px solid #96865e; height:168px; line-height:168px;background:#fff url('/template/1/html/image/cy_onBl02.png') no-repeat 50% 35%;} .sbxRound01 > li > a:hover { color:#000} .sbxRound > li { display:block; border-radius:4px; font-family:'NanumGothic', sans-serif; font-size:15px; color:#333; height:44px; line-height:44px; text-align:left; text-indent:10px;background:#f2f2f2; margin-bottom:7px;} .sbxRound > li > a:hover { color:#000} .sbxRound > li.active { color:#333; border:2px solid #96865e; height:40px; line-height:40px;background:#fff url('/template/1/html/image/cy_onBl02.png') no-repeat 97% 50%; } .sbxRoundList { border-radius: 10px 0px 0px 10px; border:1px solid #dfdfdf; background:#fff; padding:10px; } .sbxRoundList > li { display:block; overflow:auto;padding:10px;margin-bottom:5px;} .sbxRoundList > li > a { display:inline-block; float:right;width:115px; height:40px; line-height:40px; font-weight:500;background:#da0d38;color:#fff; text-align:center; font-size:14px;margin-top:10px;} .sbxRoundList > li { border-top:1px solid #eaeaea; } .sbxRoundList > li:first-child { border-top:0px;} .sbxRoundList > li > dl { float:left;width:calc(100% - 150px); } .sbxRoundList > li > dl > dt { font-size:15px; height:33px; line-height:33px; font-weight:500; color:#333; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .sbxRoundList > li > dl > dt > a:hover { color:#000} .sbxRoundList > li > dl > dd { margin-top:5px; font-size:13px; color:#000;} .none_notice{text-align:center;min-height:100px;line-height:100px;} .calendar_header{ position:relative; color:#333; margin-bottom:20px; min-height:30px; } .calendar_header .mon_select{ position:absolute; right:0px; top:0px; min-height:30px; line-height:30px; } .mon_select { border:1px solid #ccc; border-left:0px;width:235px; height:35px; line-height:35px; background:#fff; } .mon_select > form > span { display:inline-block;height:34px; line-height:34px; padding:0px 10px; font-size:15px;} .mon_select > form > select { border-left:1px solid #ccc; border-right:1px solid #ccc;border-top:0px; border-bottom:0px;width:70px;height:34px; font-size:15px;line-height:34px; padding-left:10px; } .tab_content{display:none;text-align:left;} .tab_content.active{display:block;} .calendar_banner img{text-align:center;width:100%;height:auto} .calendar_banner2 img{text-align:center;width:100%;height:auto} .calendar_info {width:100%;height:100%;background-color:#17375d;color:#fff;position:relative;} .calendar_info .yearmo{color:#fff;font-size:20px;font-weight:bolder;text-align:center;width:100%;position:absolute;top:50%;margin-top:-30px;} .calendar_info .month_fullname{color:#fff;font-size:22px;font-weight:bolder;text-align:center;width:100%;position:absolute;top:50%;margin-top:0px;letter-spacing: 3.7px;} .btn_div {margin:40px;text-align:center;} .etc_info { padding-left:20px; width:270px;} .etc_info > li{ margin-left:5px; font-family:돋움,'dotum'; font-size:11px;} .calendar_cate_div .t_style05{margin-top:0px;} .calendar_cate_div h4{ margin-top:40px; display:inline-block;text-indent:10px;min-width:120px;height:45px; line-height:45px; color:#333; font-size:16px; padding-left:15px; background: url('/template/1/html/image/cy_tbl_o.png') no-repeat 0px 50%; } .lecture_cate_div .t_style05{margin-top:0px;} .lecture_cate_div h4 { background: url('/template/1/html/image/cy_tbl_o.png') no-repeat 0px 50%; padding-left:20px; margin-top:40px; height:45px; line-height:45px; font-size:16px; } .lecture_cate_div h4.rule{ background: url('/template/1/html/image/cy_moth_list_bl0A.png') no-repeat 0px 50%; padding-left:20px; margin-top:40px; height:45px; color:#e03a00; line-height:45px; font-size:16px; } .t_style05 td.left_align{ text-align:left;padding-left:10px; } .t_style05 td.money{font-weight:bolder;color:#02569f;font-size:120%} .cy_tbl_btT {min-height:30px; padding-top:10px; padding-bottom:10px; margin-top:2px;background:#f6f6f6 url('/template/1/html/image/cy_cld_check.png') no-repeat 10px 10px; } /*설명회 css추가 171127 */ h3.cy_fWidH3 { font-size:20px; color:#333; font-weight:60; height:27px; line-height:27px;padding-left:35px; margin-bottom:10px;background: url('/template/1/html/image/cy_wid_blArr.png') no-repeat 0px 50%;} .cy_testDay_TilBner { padding:25px; border:1px solid #333 ; margin-bottom:15px; margin-top:15px;background: url('/template/1/html/image/cy_testDat_bner_img.jpg') no-repeat left top;} .cy_testDay_TilBner > dl { border-left:1px solid #aea288; margin-left:238px; margin-top:20px;} .cy_testDay_TilBner > dl > dt { font-size:18px; color:#000; padding-left:30px;} .cy_testDay_TilBner > dl > dt > span { display:inline-block; border-bottom:3px solid #ff7800; font-size:25px; color:#000; padding-bottom:5px;} .cy_testDay_TilBner > dl > dd { padding-left:30px;font-size:14px; font-weight:400; padding-top:20px; line-height:20px;} .cy_test_block { position:relative;margin-top:30px; margin-bottom:45px;} .cy_testList_check { font-size:15px; line-height:1.6;color:#6a6048; padding:25px; padding-left:47px; margin-bottom:35px; background:#f5f5f5 url('/template/1/html/image/cy_tbl_ck.png') no-repeat 20px 25px;} h4.cy_testList_h4 { padding-left:25px; color:#333; height:30px; line-height:30px; font-size:17px; font-weight:600; background: url('/template/1/html/image/cy_tbl_o.png') no-repeat 0px 50%} h4.cy_testList_h4v2 { padding-left:25px; color:#333; height:30px; line-height:30px; font-size:17px; font-weight:600; margin-top:25px;background: url('/template/1/html/image/cy_tbl_o.png') no-repeat 0px 50%} h4.cy_testList_h4v3 { padding-left:25px; color:#333; height:30px; line-height:30px; font-size:17px; font-weight:600; margin-top:25px; margin-bottom:15px;background: url('/template/1/html/image/cy_tbl_o.png') no-repeat 0px 50%} h4.cy_testList_Refh4 { padding-left:25px; color:#ff4200; height:30px; line-height:30px; font-size:17px; font-weight:600; background: url('/template/1/html/image/cy_tbl_refud.png') no-repeat 0px 50%}/*환불규정 타이틀*/ h5.cy_testList_h5 { color:#333; height:40px; line-height:40px; font-size:16px; font-weight:600; margin-top:25px; background: url('/template/1/html/image/cy_tbl_bder.png') no-repeat 0px -1px} h6.cy_testList_h6 { color:#333; height:40px; line-height:40px; font-size:16px; font-weight:600; margin-top:25px; } .cy_testTbox_A { color:#333; padding:15px 0px; padding-left:12px;font-size:15px; line-height:1.6 } .cy_testTbox_B { color:#333; padding:15px 0px; padding-left:15px; font-size:15px; line-height:1.6 } .cy_testTbox_UL { margin-top:15px; } .cy_testTbox_UL > li > h5 { font-size:15px; color:#333; font-weight:500; } .cy_testTbox_UL > li { font-size:15px; line-height:28px;} .cy_testTbox_UL > li > ul { margin:10px;} .cy_testTbox_UL > li > ul > li { font-size:15px; line-height:30px;} ul.cy_2depthUl { margin:10px;} ul.cy_2depthUl > li { font-size:15px; line-height:30px;} .cy_testSTDpass { float:right; margin-top:-80px;} .cy_testList_Refh { padding:25px; margin-top:15px;overflow:hidden; background:#f5f5f5 } .cy_testList_Refh_Tbox { float:left; width:474px; } .cy_testList_Refh_Tbox > h5 { font-size:16px; color:#333; font-weight:600;} .cy_cupnUl { overflow:hidden; margin-bottom:30px; } .cy_cupnUl > li { float:left; margin-left:29px;} .cy_cupnUl > li:first-child { margin-left:0px;} .cy_cupnUl > li > h5{ display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:20px; font-weight:500;width:228px; height:145px;} .cy_cupn_wonYou { width:186px; border:1px solid #ddd; border-top:0px; padding:20px;} .cy_cupn_wonYou > li { font-size:15px; line-height:1.8;} h5.cy_cupn_wonH5_01 { background: url('/template/1/html/image/cy_jobList_imgbg01.jpg') no-repeat 0px 0px; } h5.cy_cupn_wonH5_02 { background: url('/template/1/html/image/cy_jobList_imgbg02.jpg') no-repeat 0px 0px; } h5.cy_cupn_wonH5_03 { background: url('/template/1/html/image/cy_jobList_imgbg03.jpg') no-repeat 0px 0px; } h5.cy_cupn_wonH5_04 { background: url('/template/1/html/image/cy_jobList_imgbg04.jpg') no-repeat 0px 0px; } h5.cy_cupn_wonH5_05 { background: url('/template/1/html/image/cy_jobList_imgbg05.jpg') no-repeat 0px 0px; } h5.cy_cupn_wonH5_06 { background: url('/template/1/html/image/cy_jobList_imgbg06.jpg') no-repeat 0px 0px; } h5.cy_cupn_wonH5_07 { background: url('/template/1/html/image/cy_jobList_imgbg07.jpg') no-repeat 0px 0px; } .cy_btnZone { text-align:center; margin: 0 auto; margin:20px 0px 40px;} /*버튼 정렬할때 공통으로 쓰시오*/ .cy_btnZone_right { text-align:right; margin: 0 auto; margin:20px 0px 40px;}/*버튼 정렬할때 공통으로 쓰시오*/ .cy_SiteUl { overflow:hidden;} .cy_SiteUl > li { float:left; width:228px;margin-left:26px; border:1px solid #ddd; padding-bottom:20px; margin-bottom:40px;} .cy_SiteUl > li:first-child, .cy_SiteUl > li:nth-child(5), .cy_SiteUl > li:nth-child(9), .cy_SiteUl > li:nth-child(13), .cy_SiteUl > li:nth-child(17), .cy_SiteUl > li:nth-child(21), .cy_SiteUl > li:nth-child(25), .cy_SiteUl > li:nth-child(29), .cy_SiteUl > li:nth-child(33) { margin-left:0px;} .cy_SiteUl > li > div { color:#ccc; font-weight:500; width:228px;height:145px; background:#fff;} .cy_SiteUl > li > h5 { border-bottom:1px solid #ddd; border-top:1px solid #ddd; height:40px; line-height:40px;font-size:15px; color:#333; text-align:left; padding-left:15px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} .cy_SiteUl > li > p { padding:20px; padding-bottom:0px;font-size:14px; line-height:1.5; color:#555;border-top:0px; height:40px; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; */ } .cy_ctdPT_tbx { background:url('/template/1/html/image/cy_stdPt_bg.png') repeat; padding:35px; color:#555; margin-bottom:20px;} .cy_ctdPT_tbx > p { margin-top:20px; font-size:14px;} .cy_ctdPT_tbxList_ul > li { height:30px; line-height:30px; padding-left:20px; color:#333; font-size:15px; background: url('/template/1/html/image/cy_stdPt_bl.png') no-repeat 0px 50%; } /*시험일정 테이블*/ .cy_testTble_AA { width:100%; border:1px solid #ddd; border-left:0px; border-top:1px solid #000;} .cy_testTble_AA > thead > tr > th { font-size:15px; color:#333; border-bottom:1px solid #ddd ; border-left:1px solid #ddd ;padding:12px 0px; text-align:center;background: #f7f7f7} .cy_testTble_AA > tbody > tr > td { font-size:15px; color:#333; border-bottom:1px solid #ddd ; border-left:1px solid #ddd ;padding:12px 0px; text-align:center;} p.cy_tbleBt_tx { height:35px; line-height:30px; } .cy_testTble_AA > tbody > tr > th.TalignLeft { text-align:left ; padding-left: 15px} .cy_testTble_AA > tbody > tr > td.TalignLeft { text-align:left; padding-left: 15px } /*전화문의 */ .cy_phoneInfo { padding:60px 0px;border:10px solid #f1f1f1; width:100%; margin-bottom:100px; background: url('/template/1/html/image/cy_phoneInfo_bg.png') no-repeat right bottom ;} .cy_phoneInfo > p.phoneIcon { display:table-cell; vertical-align:middle; width:236px; padding-left:45px;} .cy_phoneInfo > dl.cy_phonNum { display:table-cell; padding-left:40px;} dl.cy_phonNum > dt { font-size:40px; height:60px; line-height:60px; color:#000; font-weight:600;} dl.cy_phonNum > dd { font-size:18px; color:#333; line-height:1.7} dl.cy_phonNum > dd > strong { color:#72613b; font-weight:400;} .cy_phoneInfo > div.ptxt { margin-left:327px;font-size:14px; color:#a1793a; margin-top:5px} p.cy_phoneInfo_onp { text-align:left;} /* 강의정보 보기 추가*/ .lec_info_list > h4 { clear:both; font-size:16px; font-weight:600; color:#333; height:35px; line-height:35px; margin-bottom:10px;} /*로드맵*/ .cy_roadMap_block { width:100%; padding-top:45px; } h4.cy_testList_h41 { color:#333; font-size:26px; line-height:1.4} h4.cy_testList_h41 > span { font-size:24px; color:#ccc; font-weight:400; } h4.cy_testList_h42 { height:45px; line-height:45px; margin-bottom:45px;} h4.cy_testList_h42 > span { display:inlin-block;font-size:35px; color:#333; padding-bottom:5px; border-bottom:2px solid #333} div.cy_rdm_tboxArea { font-size:14px; line-height:1.7; } .cy_roadMap_ulList { margin-top:60px; } .cy_roadMap_ulList > li { overflow:hidden; margin-bottom:45px; } .cy_roadMap_ulList > li > span { float:left; display:inlne-block; width:75px; font-size:17px; padding-top:10px; border-top:2px solid #ada388} .cy_roadMap_ulList > li > div { float:right; width:630px; line-height:1.7; font-size:15px; } .cy_roadMap_ulList > li > div > h5 { font-size:18px; height:40px; line-height:40px; color:#333;} p.cy_rdm_tarea { font-size:14px; color:#333; font-weight:400; line-height:1.6; padding-top:15px;} dl.cy_rdm_Dl { margin-top:5px; } dl.cy_rdm_Dl > dt { font-size:15px; font-weight:600; margin-bottom:10px; } dl.cy_rdm_Dl > dd { font-size:14px; line-height:1.6;} /*이벤트게시판 css 옮겨놓음 171130 천팀*/ .s_area { padding-top:20px; } .board_top { clear:both; } .board_list { clear:both; width:100%; table-layout:fixed; margin:10px 0 0 0;border:1px solid #eeeeee; background-color: #ffffff; word-wrap:break-word; word-break:break-all;} .board_list th { font-weight:bold; font-size:12px; } .board_list th { background:url(/img/title_bg.gif) repeat-x; } .board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; } .board_list th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .board_list td.num { color:#999999; text-align:center; } .board_list td.checkbox { text-align:center; } .board_list td.subject { overflow:hidden; padding:10px; } .board_list td.name { padding:0 0 0 10px; } .board_list td.datetime { font:normal 11px tahoma; color:#BABABA; text-align:center; } .board_list td.hit { font:normal 11px tahoma; color:#BABABA; text-align:center; } .board_list td.good { font:normal 11px tahoma; color:#BABABA; text-align:center; } .board_list td.nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; } .board_list { clear:both; width:100%; table-layout:fixed; margin:5px 0 0 0; } .board_list th { font-weight:bold; font-size:12px; color:#ffffff;} .board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; } .board_list th { border-top:4px solid #666666; border-bottom:1px solid #5a6276; background:#999999; } .board_list tr.bg0 { background-color:#eeeeee; text-align:center;} .board_list tr.bg1 { background-color:#ffffff; text-align:center;} .board_list td { border-bottom:1px solid #D8D8D8; } .board_list .notice { font-weight:normal; } .board_list .current { font:bold 11px tahoma; color:#E15916; } .board_list .comment { font-family:Tahoma; font-size:10px; color:#EE5A00; } .board_button { clear:both; margin:10px 0 0 0; } .board_page { clear:both; text-align:center; margin:3px 0 0 0; } .board_page a:link { color:#777; } .board_search { text-align:center; margin:10px 0 0 0; } .board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; } img {border: none;} .event_list_img { padding:0px; margin:0 0 0 0; } .event_list_text ul { margin:0; padding:0; list-style:none; } .event_list_text li { text-align:left; vertical-align:top;color:#bbbbbb;line-height:18px; font-size:12px; font-weight:600;} .event_list_text li a { display:block; line-height:20px; padding:3px 0 10px;color:#333333; font-size:16px; font-weight:600; height:30px;} .event_list_text li strong { color:#666666; padding-left:10px;} .event_list_text img { vertical-align:middle;} .tab_event {width:100%; height:49px; margin-bottom:20px; border-bottom:1px solid #404040; } .tab_event li {float:left; display:inline-block; width:calc( 33.3% - 2px); height:48px; line-height:48px; text-align:center; } .tab_event li.on { border:1px solid #333; border-bottom:1px solid #fff; background: #fff; color:#333; font-size:15px; font-weight:600; } .tab_event li.off { border:1px solid #e1e1e1; border-bottom:none; color:#444; font-size:15px; background:#f8f8f8; } .cy_lecture_notice { margin-bottom:10px; height:45px; line-height:45px; color:#555; font-size:14px; font-weight:600; } .cy_lecture_notice > strong { border-bottom:1px solid #a61c2e; color:#a61c2e; font-weight:900; }