#mainContents {margin-top:132px;padding:15px 0;} /* left */ #mainContents .class {width:255px; float:left;} #mainContents .class h2 {border:1px solid #d4d4d4;} #mainContents .class li {margin-top:11px;} #mainContents .class li a{display:block;height:95px;padding:15px 15px 15px 95px; border:1px solid #d4d4d4; position:relative;} #mainContents .class li a dt {font-size:17px; font-family:"nanumB";color:#003180; margin-top:28px;} #mainContents .class li a dd {position:absolute;top:20px;font-size:13px; color:#f25451;} #mainContents .class li a .more {position:absolute; bottom:15px;} #mainContents .class li.q01 a {background:url("../images/main02/class01.gif") no-repeat 15px 50% #fff;} #mainContents .class li.q01 a dt {font-size:16px;} #mainContents .class li.q02 a {background:url("../images/main02/class02.gif") no-repeat 15px 50% #f6f6f6;} #mainContents .class li.q03 a {background:url("../images/main02/class03.gif") no-repeat 15px 50% #fff;} #mainContents .class li.q04 a {background:url("../images/main02/class04.gif") no-repeat 15px 50% #f6f6f6;} #mainContents .class li.q05 a {background:url("../images/main02/class05.gif") no-repeat 20px 50% #fff;} #mainContents .class li.q06 a {background:url("../images/main02/class06.gif") no-repeat 25px 50% #f6f6f6;} #mainContents .class li.q07 a {background:url("../images/main02/class07.gif") no-repeat 21px 50% #fff;} #mainContents .class li.q03 dl dt {letter-spacing: 0.2px;} #mainContents .class li.q07 dl dt {letter-spacing: 1.3px;} /* center */ #mainContents .mainContentsBox {width:555px;margin:0 11px; float:left;} #mainVisual {height:397px; width:100%;overflow:hidden; position:relative;border:1px solid #d4d4d4;} #mainVisual .visualList {width:100%;} #mainVisual .visualList li {width:100%; height:397px;position:absolute; left:100%;} #mainVisual .visualList li:first-child {left:0;} #mainVisual .visualList li.visual01 {background:url("../images/main02/visual01.jpg");} #mainVisual .visualList li.visual02 {background:url("../images/main02/visual02.jpg");} #mainVisual .visualList li.visual03 {background:url("../images/main02/visual03.jpg");} #mainVisual .visualList li.visual04 {background:url("../images/main02/visual04.jpg");} #mainVisual .btnWrap {position:absolute; bottom:20px; text-align:center; width:100%;} #mainVisual .btnWrap a.on {color:#f00} #mainVisual .btnWrap {width:100%; position:absolute; z-index:2; text-align:center; bottom:10px;} #mainVisual .btnWrap a {display:inline-block; width:10px; height:10px;background:#686868; border-radius:5px;overflow:hidden;text-indent:-9999px;} #mainVisual .btnWrap a:hover,#mainVisual .btnWrap a.on {background:#db230f;} #mainContents .totalRecruitWrap {padding:4px;height:232px; background:#0066ca; position:relative; margin-top:11px;} #mainContents .totalRecruitWrap dt {float:left;} #mainContents .totalRecruitWrap dt a {color:#fff;display:block;line-height:27px;padding:0 15px;font-size:14px;font-family:"nanumB";} #mainContents .totalRecruitWrap dt:first-child a {padding:0 16px;} #mainContents .totalRecruitWrap dt:hover a, #mainContents .totalRecruitWrap dt.on a {color:#fff;background:#0066CA; font-size:14px;} #mainContents .totalRecruitWrap dd {position:absolute; top:34px; left:4px;padding:10px; background:#fff;width:526px;height:182px;overflow: auto;} #mainContents .totalRecruitWrap .recruitTable {width:100%;} #mainContents .totalRecruitWrap .recruitTable tr {border-bottom:1px solid #e0e0e0;} #mainContents .totalRecruitWrap .recruitTable th, #mainContents .totalRecruitWrap .recruitTable td {height:28px; border-right:1px solid #e0e0e0;text-align:center; font-size:12px;color:#9f9e9e;vertical-align:middle;font-family:"nanumB";} #mainContents .totalRecruitWrap .recruitTable th {background:#f0f0f0;color:#333;} #mainContents .totalRecruitWrap .recruitTable td.subject {text-align:left; padding-left:10px;} #mainContents .totalRecruitWrap .recruitTable td .btnAcceptance {display:inline-block;padding:3px 6px; background:#bc3b2d;color:#fff; margin:1px;} #mainContents .totalRecruitWrap .recruitTable td .btnConsult {display:inline-block;padding:3px 6px; background:#2d64a7;color:#fff; margin:1px;} #mainContents .totalRecruitWrap .more {color:#fff; float:right; margin:8px 8px 0 0;} #mainContents .totalRecruitWrap .more .txt{position:relative; top:-1px; left:-4px;} #mainContents .gallery {height:224px;border:1px solid #e0e0e0; margin-top:11px; position:relative;} #mainContents .gallery h2 {height:47px;line-height:47px; border-bottom:1px solid #e0e0e0;font-size:15px; padding-left:20px;background:#fafafa;font-family:"nanumB";} #mainContents .gallery h2 em {color:#0066cb;} #mainContents .gallery ul {height:138px;padding:15px; background:#fff;overflow:hidden;} #mainContents .gallery ul li {float:left;margin-left:20px;font-size:12px;line-height:1.3; width:160px;} #mainContents .gallery ul li:first-child {margin-left:0;} #mainContents .gallery ul li a * {display:block;} #mainContents .gallery ul li a img {display:block;vertical-align:top; border:1px solid #ccc;margin-bottom:10px;} #mainContents .gallery ul li .title {color:#333;font-family:"nanumB";} #mainContents .gallery ul li .date {color:#a6a4a5;} #mainContents .gallery .more {position:absolute; top:17px; right:15px;} #mainContents .bestWrap {margin-top:11px;} #mainContents .bestWrap a {border:1px solid #d4d4d4;display:block;overflow:hidden;} /* right */ #mainContents .asideWrap {width:268px;float:left;} #mainContents .asideWrap .tel {font-family:"nanumB";background:#fafafa;padding:15px; border:1px solid #e0e0e0;height:136px;} #mainContents .asideWrap .tel dt {font-size:16px;} #mainContents .asideWrap .tel .telNum {font-size:34px;color:#0066cb;padding:5px 0;} #mainContents .asideWrap .tel .period {font-size:13px;color:#9f9e9e;font-family:"nanum";} #mainContents .asideWrap .tel a {display:block;text-align:center;line-height:42px;height:42px; border-radius:5px;background:#4abd78;margin-top:15px;font-size:15px;font-family:"nanumB";color:#fff;} #mainContents .asideWrap .notice {height:221px; border:1px solid #e0e0e0;margin-top:11px;position:relative;background:#fff;} #mainContents .asideWrap .notice dt {float:left;} #mainContents .asideWrap .notice dt a {display:block;height:34px;line-height:34px;width:116px; background:#f0f0f0;font-size:15px;font-family:"nanumB";text-align:center;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; color:#333;} #mainContents .asideWrap .notice dd {position:absolute; left:0; top:34px;width:100%;} #mainContents .asideWrap .notice dd ul {padding:20px;} #mainContents .asideWrap .notice dd ul li a {color:#9f9e9e;padding:4px 0;display:block; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} #mainContents .asideWrap .notice dd ul li a:before {content:""; width:3px; height:3px;background:#0066cb;display:inline-block;margin-right:5px;position:relative; top:-2px;} #mainContents .asideWrap .notice dt:hover a,#mainContents .asideWrap .notice dt.on a {color:#fff;background:#0066cb;} #mainContents .asideWrap .notice .more {position:absolute; top:0px; right:0px; font-size:20px;display:block; width:34px;height:34px;line-height:34px;text-align:center;} /* util */ #mainContents .asideWrap .util {height:73px;padding:20px;border:1px solid #e0e0e0;background:#fff; margin-top:11px;} #mainContents .asideWrap .util li {float:left;} #mainContents .asideWrap .util li a {display:block;padding-top:64px; text-align:center; background-position:50% 0;background-repeat:no-repeat;width:75px; color:#333;font-family:"nanumB";} #mainContents .asideWrap .util li.util01 a {background-image:url("../images/main02/bgLocation.gif"); letter-spacing:-1px;} #mainContents .asideWrap .util li.util02 a {background-image:url("../images/main02/bgRecruit.gif");} #mainContents .asideWrap .util li.util03 a {background-image:url("../images/main02/bgFaq.gif");} #mainContents .asideWrap .btnKakao {border:1px solid #d4d4d4; border-top:none;display:block;overflow:hidden;} #mainContents .asideWrap .btn {margin-top:11px;} #mainContents .asideWrap .btn .btnFacilities {border:1px solid #d4d4d4; display:block; overflow:hidden;} #mainContents .asideWrap .btn .btnCard {border:1px solid #d4d4d4; border-top:none;display:block;overflow:hidden;} #mainContents .asideWrap .btnAclass {border:1px solid #d4d4d4;display:block; margin-top:11px;overflow:hidden;} .sponsor {position:relative;border:1px solid #ccc; margin:15px auto 45px;} .sponsor .mask{width:1020px; margin:auto; overflow:hidden; position:relative; } .sponsor ul {width:10000px;} .sponsor ul li {float:left;width:204px;} .sponsor ul li a {display:block;text-align:center;;} .sponsor .btnPrev {position:absolute; left:0; top:0;} .sponsor .btnNext {position:absolute; right:0; top:0;}