/*슬라이드*/ @media (max-width: 767px) { .container {width: auto} } @media (max-width: 480px) { .container {width: auto} } @media (min-width: 768px) and (max-width: 979px) { .container { width: 724px} } @media (min-width: 1200px) { .container { width: 100%} } #slides {display: none; position:relative; margin:0px auto;} .container { margin: 0 auto; position:relative; display:block;} .slidesjs-pagination .active {color:red;} #slides img{ height:404px;} .slidesjs-previous{ position:absolute; left:10px; top:178px; background:url("/images/index/indexImg.png") no-repeat 0px -1224px; display:block; width:30px; height:48px;color: transparent; line-height: 0; text-indent: -9999px; overflow: hidden; font-size: 0px; display: block; white-space: nowrap; text-shadow: none; } .slidesjs-next{ position:absolute; right:10px; top:178px; background:url("/images/index/indexImg.png") no-repeat -50px -1224px; display:block; width:30px; height:48px; color: transparent; line-height: 0; text-indent: -9999px; overflow: hidden; font-size: 0px; display: block; white-space: nowrap; text-shadow: none;} .slidesjs-pagination{ position:absolute; width:64px; height:8px; display:block; top:10px; left:48% !important;} .slidesjs-pagination > li { display:inline-block; color: transparent; text-indent: -9999px; overflow: hidden; width:21px; height:8px;} .slidesjs-pagination > li > a{ width:21px; height:8px; display:block; overflow:hidden;} .slidesjs-pagination-item{ width:21px; height:8px; display:block; background:url("/images/index/indexImg.png") no-repeat -80px -1224px; } .slidesjs-pagination-item .active{ width:21px; height:8px; display:block; background:url("/images/index/indexImg.png") no-repeat -101px -1224px;} .majorLinkBg{ position:absolute; left:50%; bottom:10px; display:block; width:965px; height:202px; font-family:"NanumGothicBold"; z-index:500; background:url("/images/index/majorLink.png") no-repeat 0px 0px; margin-left:-488px;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;} .majorLinkBg:hover{ filter:alpha(opacity=100);opacity:1;-moz-opacity:1;cursor:pointer;} .majorLinkBg > section{ height:202px; position:relative; display:inline-block; float:left;} .majorLinkBg > section > h2{ font-size:16px; padding-top:11px; padding-left:16px; height:27px;} .majorLinkBg > section > h2.majorLinkTit1{ color:#0070b9;} .majorLinkBg > section > h2.majorLinkTit2{ color:#e35b5a;} .majorLinkBg > section > h2.majorLinkTit3{ color:#44b6ae;} .majorLinkBg > section > h2.majorLinkTit4{ color:#8775a7;} .majorLinkBg > section > h2.majorLinkTit5{ color:#7eb55e;} .majorLinkBg > section.MLS1{ width:346px; margin-right:10px;} .majorLinkBg > section.MLS2{ width:231px; margin-right:10px;} .majorLinkBg > section.MLS3{ width:116px; margin-right:10px;} .majorLinkBg > section.MLS4{ width:116px; margin-right:10px;} .majorLinkBg > section.MLS5{ width:116px;} .majorLinkBg ul{ display:block; height:164px;} .majorLinkBg ul li{ width:115px; height:82px; display:inline-block; float:left; text-align:center; color:#111; background:url("/images/index/majorLink.png") no-repeat;} .majorLinkBg ul li a{width:115px; height:29px; display:block; padding-top:53px; color:#000;} .majorLinkBg ul li a:hover{ color:#fff;} .majorLinkBg ul li:first-child{ width:116px;} .majorLinkBg ul li:first-child a{ width:116px;} .majorLinkBg ul li.ML1_1{ background-position:0px -38px;} .majorLinkBg ul li.ML1_1:hover {background-position:0px -270px;} .majorLinkBg ul li.ML1_2{ background-position:-116px -38px;} .majorLinkBg ul li.ML1_2:hover {background-position:-116px -270px;} .majorLinkBg ul li.ML1_3{ background-position:-231px -38px;} .majorLinkBg ul li.ML1_3:hover {background-position:-231px -270px;} .majorLinkBg ul li.ML1_4{ background-position:0px -120px; width:116px;} .majorLinkBg ul li.ML1_4:hover {background-position:0px -352px;} .majorLinkBg ul li.ML1_4 a{ width:116px;} .majorLinkBg ul li.ML1_5{ background-position:-116px -120px;} .majorLinkBg ul li.ML1_5:hover {background-position:-116px -352px;} .majorLinkBg ul li.ML2_1{ background-position:-356px -38px;} .majorLinkBg ul li.ML2_1:hover {background-position:-356px -270px;} .majorLinkBg ul li.ML2_2{ background-position:-472px -38px;} .majorLinkBg ul li.ML2_2:hover {background-position:-472px -270px;} .majorLinkBg ul li.ML2_3{ background-position:-356px -120px; width:116px;} .majorLinkBg ul li.ML2_3:hover {background-position:-356px -352px;} .majorLinkBg ul li.ML3_1{ background-position:-597px -38px;} .majorLinkBg ul li.ML3_1:hover {background-position:-597px -270px;} .majorLinkBg ul li.ML3_2{ background-position:-597px -120px;; width:116px;} .majorLinkBg ul li.ML3_2:hover {background-position:-597px -352px;} .majorLinkBg ul li.ML3_3{ background-position:-356px -120px;; width:116px;} .majorLinkBg ul li.ML3_3:hover {background-position:-356px -352px;} .majorLinkBg ul li.ML4_1{ background-position:-723px -38px;} .majorLinkBg ul li.ML4_1:hover {background-position:-723px -270px;} .majorLinkBg ul li.ML5_1{ background-position:-849px -38px;} .majorLinkBg ul li.ML5_1:hover {background-position:-849px -270px;} .majorLinkBg ul li.ML5_2{ background-position:-849px -120px;; width:116px;} .majorLinkBg ul li.ML5_2:hover {background-position:-849px -352px;} /*과정링크_2차 S*/ .MLContents{ float:left; display:inline-block; overflow:hidden; position:relative; width:633px;} .MRContents{ float:left; display:inline-block; overflow:hidden; position:relative; width:447px;} #slides2 {display: none; position:relative; margin:0px auto;} .container2 { margin: 0 auto; position:relative; display:block;} .slidesjs-pagination2 .active {color:red;} #slides2 img{ height:300px;} .slidesjs-previous2{ position:absolute; left:10px; top:104px; background:url("/images/index/indexImg.png") no-repeat 0px -1224px; display:block; width:30px; height:48px;color: transparent; line-height: 0; text-indent: -9999px; overflow: hidden; font-size: 0px; display: block; white-space: nowrap; text-shadow: none; } .slidesjs-next2{ position:absolute; right:10px; top:104px; background:url("/images/index/indexImg.png") no-repeat -50px -1224px; display:block; width:30px; height:48px; color: transparent; line-height: 0; text-indent: -9999px; overflow: hidden; font-size: 0px; display: block; white-space: nowrap; text-shadow: none;} .slidesjs-pagination2{ position:absolute; width:64px; height:8px; display:block; top:10px; left:48% !important;} .slidesjs-pagination2 > li { display:inline-block; color: transparent; text-indent: -9999px; overflow: hidden; width:21px; height:8px;} .slidesjs-pagination2 > li > a{ width:21px; height:8px; display:block; overflow:hidden;} .slidesjs-pagination-item2{ width:21px; height:8px; display:block; background:url("/images/index/indexImg.png") no-repeat -80px -1224px; } .slidesjs-pagination-item2 .active{ width:21px; height:8px; display:block; background:url("/images/index/indexImg.png") no-repeat -101px -1224px;} .ML_ARea{ position:absolute; left:50%; top:-50px; display:block; width:1080px; height:291px; font-family:"NanumGothicBold"; z-index:500; background:url("/images/index/ML_Bg.gif") no-repeat 0px 0px; margin-left:-541px;} .ML_ARea ul li{ float:left; display:inline-block; width:134px; height:134px; margin-left:1px; margin-top:1px;} .ML_ARea ul li a{width:134px; height:134px; margin-left:1px; margin-top:1px; display:block;} .ML_ARea ul li h2{ width:134px; height:25px; text-align:center; padding-top:7px; font-size:14px;} .ML_ARea ul.ML1{ width:405px;float:left; display:inline-block; } .ML_ARea ul.ML1 li h2{color:#2b5386;} .ML_ARea ul.ML1 li.ML_LI1_1{ background:url("/images/index/ML_1_01.gif") no-repeat center 0px;} /*공인중개사*/ .ML_ARea ul.ML1 li.ML_LI1_1:hover{ background:url("/images/index/ML_1_01_on.gif") no-repeat center 0px;} .ML_ARea ul.ML1 li.ML_LI1_2{ background:url("/images/index/ML_1_02.gif") no-repeat center 0px;} /*주택관리사*/ .ML_ARea ul.ML1 li.ML_LI1_2:hover{ background:url("/images/index/ML_1_02_on.gif") no-repeat center 0px;} .ML_ARea ul.ML1 li.ML_LI1_3{ background:url("/images/index/ML_1_03.gif") no-repeat center 0px;} /*행정사*/ .ML_ARea ul.ML1 li.ML_LI1_3:hover{ background:url("/images/index/ML_1_03_on.gif") no-repeat center 0px;} .ML_ARea ul.ML1 li.ML_LI1_4{ background:url("/images/index/ML_1_04.gif") no-repeat center 0px;} /*직업상담사*/ .ML_ARea ul.ML1 li.ML_LI1_4:hover{ background:url("/images/index/ML_1_04_on.gif") no-repeat center 0px;} .ML_ARea ul.ML1 li.ML_LI1_5{ background:url("/images/index/ML_1_05.gif") no-repeat center 0px;} /*경비지도사*/ .ML_ARea ul.ML1 li.ML_LI1_5:hover{ background:url("/images/index/ML_1_05_on.gif") no-repeat center 0px;} .ML_ARea ul.ML2{ width:270px;float:left; display:inline-block; } .ML_ARea ul.ML2 li h2{color:#558500;} .ML_ARea ul.ML2 li h2.ML_h2_left{color:#558500; width:116px; height:25px; text-align:left; padding-top:7px; padding-left:18px; font-size:14px; } .ML_ARea ul.ML2 li.ML_LI2_1{ background:url("/images/index/ML_2_01.gif") no-repeat center 0px;} /*9급공무원*/ .ML_ARea ul.ML2 li.ML_LI2_1:hover{ background:url("/images/index/ML_2_01_on.gif") no-repeat center 0px;} .ML_ARea ul.ML2 li.ML_LI2_2{ background:url("/images/index/ML_2_02.gif") no-repeat center 0px;} /*기능9급공무원*/ .ML_ARea ul.ML2 li.ML_LI2_2:hover{ background:url("/images/index/ML_2_02_on.gif") no-repeat center 0px;} .ML_ARea ul.ML2 li.ML_LI2_3{ background:url("/images/index/ML_2_03.gif") no-repeat center 0px;} /*경찰공무원*/ .ML_ARea ul.ML2 li.ML_LI2_3:hover{ background:url("/images/index/ML_2_03_on.gif") no-repeat center 0px;} .ML_ARea ul.ML3{ width:135px;float:left; display:inline-block; } .ML_ARea ul.ML3 li h2{color:#2a7281;} .ML_ARea ul.ML3 li.ML_LI3_1{ background:url("/images/index/ML_3_01.gif") no-repeat center 0px;} /*고졸검정고시*/ .ML_ARea ul.ML3 li.ML_LI3_1:hover{ background:url("/images/index/ML_3_01_on.gif") no-repeat center 0px;} .ML_ARea ul.ML3 li.ML_LI3_2{ background:url("/images/index/ML_3_02.gif") no-repeat center 0px;} /*중졸검정고시*/ .ML_ARea ul.ML3 li.ML_LI3_2:hover{ background:url("/images/index/ML_3_02_on.gif") no-repeat center 0px;} .ML_ARea ul.ML4{ width:135px;float:left; display:inline-block; } .ML_ARea ul.ML4 li h2{color:#563c6b;} .ML_ARea ul.ML4 li.ML_LI4_1{ background:url("/images/index/ML_4_01.gif") no-repeat center 0px;} /*매경테스트*/ .ML_ARea ul.ML4 li.ML_LI4_1:hover{ background:url("/images/index/ML_4_01_on.gif") no-repeat center 0px;} .ML_ARea ul.ML5{ width:135px;float:left; display:inline-block; } .ML_ARea ul.ML5 li h2{color:#924811;} .ML_ARea ul.ML5 li.ML_LI5_1{ background:url("/images/index/ML_5_01.gif") no-repeat center 0px;} /*사회복지사*/ .ML_ARea ul.ML5 li.ML_LI5_1:hover{ background:url("/images/index/ML_5_01_on.gif") no-repeat center 0px;} .ML_ARea ul.ML5 li.ML_LI5_2{ background:url("/images/index/ML_5_02.gif") no-repeat center 0px;} /*보육교사*/ .ML_ARea ul.ML5 li.ML_LI5_2:hover{ background:url("/images/index/ML_5_02_on.gif") no-repeat center 0px;} /*과정링크_2차 E*/ .ML_ARea2{ position:absolute; left:50%; top:-50px; display:block; width:1080px; height:291px; font-family:"NanumGothicBold"; z-index:500; background:url("/images/index/ML_Bg_ver2.gif") no-repeat 0px 0px; margin-left:-541px;} .ML_ARea2 ul li{ float:left; display:inline-block; width:134px; height:134px; margin-left:1px; margin-top:1px;} .ML_ARea2 ul li a{width:134px; height:134px; margin-left:1px; margin-top:1px; display:block;} .ML_ARea2 ul li h2{ width:134px; height:25px; text-align:center; padding-top:7px; font-size:14px;} .ML_ARea2 ul li p{ padding-left:119px; font-size:11px; line-height:17px; padding-top:18px; padding-right:10px; text-align:right; width:130px; font-family:"NanumGothic";} .ML_ARea2 ul.ML1_v2{ width:405px;float:left; display:inline-block; } .ML_ARea2 ul.ML1_v2 li h2{color:#2b5386;} .ML_ARea2 ul.ML1_v2 li.ML_LI1_1_v2{ background:url("/images/index/ML_1_01_ver2.gif") no-repeat center 0px; width:269px !important;} /*공인중개사*/ .ML_ARea2 ul.ML1_v2 li.ML_LI1_1_v2:hover{ background:url("/images/index/ML_1_01_on_ver2.gif") no-repeat center 0px; width:269px !important;} .ML_ARea2 ul.ML1_v2 li.ML_LI1_1_v2 a{ width:269px !important;} .ML_ARea2 ul.ML1_v2 li.ML_LI1_2_v2{ background:url("/images/index/ML_1_02.gif") no-repeat center 0px;} /*주택관리사*/ .ML_ARea2 ul.ML1_v2 li.ML_LI1_2_v2:hover{ background:url("/images/index/ML_1_02_on.gif") no-repeat center 0px;} .ML_ARea2 ul.ML1_v2 li.ML_LI1_3_v2{ background:url("/images/index/ML_1_03.gif") no-repeat center 0px;} /*행정사*/ .ML_ARea2 ul.ML1_v2 li.ML_LI1_3_v2:hover{ background:url("/images/index/ML_1_03_on.gif") no-repeat center 0px;} .ML_ARea2 ul.ML1_v2 li.ML_LI1_4_v2{ background:url("/images/index/ML_1_04.gif") no-repeat center 0px;} /*직업상담사*/ .ML_ARea2 ul.ML1_v2 li.ML_LI1_4_v2:hover{ background:url("/images/index/ML_1_04_on.gif") no-repeat center 0px;} .ML_ARea2 ul.ML1_v2 li.ML_LI1_5_v2{ background:url("/images/index/ML_1_05.gif") no-repeat center 0px;} /*경비지도사*/ .ML_ARea2 ul.ML1_v2 li.ML_LI1_5_v2:hover{ background:url("/images/index/ML_1_05_on.gif") no-repeat center 0px;} .ML_ARea2 ul.ML2_v2{ width:270px;float:left; display:inline-block; } .ML_ARea2 ul.ML2_v2 li h2{color:#558500;} .ML_ARea2 ul.ML2_v2 li h2.ML_h2_left_v2{color:#558500; width:116px; height:25px; text-align:left; padding-top:7px; padding-left:18px; font-size:14px; } .ML_ARea2 ul.ML2_v2 li.ML_LI2_1_v2{ background:url("/images/index/ML_2_01_ver2.gif") no-repeat center 0px; width:269px !important;} /*9급공무원*/ .ML_ARea2 ul.ML2_v2 li.ML_LI2_1_v2:hover{ background:url("/images/index/ML_2_01_on_ver2.gif") no-repeat center 0px; width:269px !important;} .ML_ARea2 ul.ML2_v2 li.ML_LI2_1_v2 p:hover{color:#558500 !important;} .ML_ARea2 ul.ML2_v2 li.ML_LI2_1_v2 a{ width:269px !important;} .ML_ARea2 ul.ML2_v2 li.ML_LI2_2_v2{ background:url("/images/index/ML_2_02.gif") no-repeat center 0px;} /*기능9급공무원*/ .ML_ARea2 ul.ML2_v2 li.ML_LI2_2_v2:hover{ background:url("/images/index/ML_2_02_on.gif") no-repeat center 0px;} .ML_ARea2 ul.ML2_v2 li.ML_LI2_3_v2{ background:url("/images/index/ML_2_03.gif") no-repeat center 0px;} /*경찰공무원*/ .ML_ARea2 ul.ML2_v2 li.ML_LI2_3_v2:hover{ background:url("/images/index/ML_2_03_on.gif") no-repeat center 0px;} .ML_ARea2 ul.ML3_v2{ width:135px;float:left; display:inline-block; } .ML_ARea2 ul.ML3_v2 li h2{color:#2a7281;} .ML_ARea2 ul.ML3_v2 li.ML_LI3_1_v2{ background:url("/images/index/ML_3_01.gif") no-repeat center 0px;} /*고졸검정고시*/ .ML_ARea2 ul.ML3_v2 li.ML_LI3_1_v2:hover{ background:url("/images/index/ML_3_01_on.gif") no-repeat center 0px;} .ML_ARea2 ul.ML3_v2 li.ML_LI3_2_v2{ background:url("/images/index/ML_3_02.gif") no-repeat center 0px;} /*중졸검정고시*/ .ML_ARea2 ul.ML3_v2 li.ML_LI3_2_v2:hover{ background:url("/images/index/ML_3_02_on.gif") no-repeat center 0px;} .ML_ARea2 ul.ML4_v2{ width:135px;float:left; display:inline-block; } .ML_ARea2 ul.ML4_v2 li h2{color:#563c6b;} .ML_ARea2 ul.ML4_v2 li.ML_LI4_1_v2{ background:url("/images/index/ML_4_01_ver2.gif") no-repeat center 0px; height:269px;} /*매경테스트*/ .ML_ARea2 ul.ML4_v2 li.ML_LI4_1_v2:hover{ background:url("/images/index/ML_4_01_on_ver2.gif") no-repeat center 0px; height:269px;} .ML_ARea2 ul.ML4_v2 li.ML_LI4_1_v2 a{ height:269px !important;} .ML_ARea2 ul.ML4_v2 li.ML_LI4_1_v2 a p{ padding-left:10px; padding-top:110px; text-align:left; width:114px;} .ML_ARea2 ul.ML4_v2 li.ML_LI4_1_v2 a p:hover{ color:#563c6b} .ML_ARea2 ul.ML5_v2{ width:135px;float:left; display:inline-block; } .ML_ARea2 ul.ML5_v2 li h2{color:#924811;} .ML_ARea2 ul.ML5_v2 li.ML_LI5_1_v2{ background:url("/images/index/ML_5_01.gif") no-repeat center 0px;} /*사회복지사*/ .ML_ARea2 ul.ML5_v2 li.ML_LI5_1_v2:hover{ background:url("/images/index/ML_5_01_on.gif") no-repeat center 0px;} .ML_ARea2 ul.ML5_v2 li.ML_LI5_2_v2{ background:url("/images/index/ML_5_02.gif") no-repeat center 0px;} /*보육교사*/ .ML_ARea2 ul.ML5_v2 li.ML_LI5_2_v2:hover{ background:url("/images/index/ML_5_02_on.gif") no-repeat center 0px;} /*과정링크_2차 E*/ .clear{clear:both;} /*과정링크 S*/ .Subject{margin:0 auto;} .Subject_bg{margin:0 auto; width:1136px; height:500px; background:url("/images/index/bg_subject_right.gif") no-repeat 1108px 0px;} .index_visual{float:left; padding:0 0 0 28px;} .Subject_01{float:left;} .Subject_01_01 a{width:216px; height:65px; background:url("/images/index/subject01_01.gif") no-repeat; display:block;} .Subject_01_01 a:hover{width:216px; height:65px; background:url("/images/index/subject01_01_on.gif") no-repeat;} .Subject_01_02 a{width:216px; height:66px; background:url("/images/index/subject01_02.gif") no-repeat; display:block;} .Subject_01_02 a:hover{width:216px; height:66px; background:url("/images/index/subject01_02_on.gif") no-repeat;} .Subject_01_03 a{width:216px; height:66px; background:url("/images/index/subject01_03.gif") no-repeat;display:block;} .Subject_01_03 a:hover{width:216px; height:66px; background:url("/images/index/subject01_03_on.gif") no-repeat;} .Subject_01_04 a{width:216px; height:66px; background:url("/images/index/subject01_04.gif") no-repeat;display:block;} .Subject_01_04 a:hover{width:216px; height:66px; background:url("/images/index/subject01_04_on.gif") no-repeat;} .Subject_01_05 a{width:216px; height:66px; background:url("/images/index/subject01_05.gif") no-repeat;display:block;} .Subject_01_05 a:hover{width:216px; height:66px; background:url("/images/index/subject01_05_on.gif") no-repeat;} .Subject_01_06 a{width:216px; height:66px; background:url("/images/index/subject01_06.gif") no-repeat;display:block;} .Subject_01_06 a:hover{width:216px; height:66px; background:url("/images/index/subject01_06_on.gif") no-repeat;} .Subject_01_07 a{width:216px; height:65px; background:url("/images/index/subject01_07.gif") no-repeat;display:block;} .Subject_01_07 a:hover{width:216px; height:65px; background:url("/images/index/subject01_07_on.gif") no-repeat;} .Subject_02{float:left;} .Subject_02_01 a{width:216px; height:105px; background:url("/images/index/subject02_01.gif") no-repeat; display:block;} .Subject_02_01 a:hover{width:216px; height:105px; background:url("/images/index/subject02_01_on.gif") no-repeat;} .Subject_02_02 a{width:216px; height:105px; background:url("/images/index/subject02_02.gif") no-repeat; display:block;} .Subject_02_02 a:hover{width:216px; height:105px; background:url("/images/index/subject02_02_on.gif") no-repeat;} .Subject_02_03 a{width:216px; height:104px; background:url("/images/index/subject02_03.gif") no-repeat; display:block;} .Subject_02_03 a:hover{width:216px; height:104px; background:url("/images/index/subject02_03_on.gif") no-repeat;} .Subject_03_01 a{width:216px; height:106px; background:url("/images/index/subject03_01.gif") no-repeat; display:block;} .Subject_03_01 a:hover{width:216px; height:106px; background:url("/images/index/subject03_01_on.gif") no-repeat;} .Subject_03{float:left;} .Subject_04_01 a{width:220px; height:115px; background:url("/images/index/subject04_01.gif") no-repeat; display:block;} .Subject_04_01 a:hover{width:220px; height:115px; background:url("/images/index/subject04_01_on.gif") no-repeat;} .Subject_04_02 a{width:220px; height:115px; background:url("/images/index/subject04_02.gif") no-repeat; display:block;} .Subject_04_02 a:hover{width:220px; height:115px; background:url("/images/index/subject04_02_on.gif") no-repeat;} .Subject_05_01 a{width:220px; height:121px; background:url("/images/index/subject05_01.gif") no-repeat; display:block;} .Subject_05_01 a:hover{width:220px; height:121px; background:url("/images/index/subject05_01_on.gif") no-repeat;} /*과정링크 E*/ /* 합격인터뷰 S*/ .Interview{width:1078px; height:263px; background:#fafafa; border:1px solid #e8e7e5; margin:20px 0;} .Interview h2{float:left; padding:50px 0 0 26px;} .Interview .arrow_left{float:left; padding:100px 20px 0 0;} .Interview ul{float:left; padding:25px 0 0 0;} .Interview ul li{float:left;} .Interview .arrow_right{float:left; padding:100px 0 0 20px;} /* 합격인터뷰 E*/ ul.passArea{ position:relative; overflow:hidden; margin:0px 0px 0px -10px; margin-bottom:30px;} ul.passArea > li{ float:left; margin:10px 0px 0px 10px;} ul.passArea > li > a { position:relative; display:block; height:144px;} ul.passArea > li > a > img{ position:relative; display:block; z-index:1;} ul.passArea > li > a > p > .passTxt1{ color:#9fdbed; z-index:3; padding-left:10px;} ul.passArea > li > a > p > .passTxt2{ color:#fff; z-index:3; padding-left:10px;} ul.passArea > li > a > p{ position: absolute; display:block; left:0px; bottom:0px; height:25px; padding-top:7px; background:#000; font-size:12px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity:.7; z-index:2; } ul.passArea > li.passTitArea{ width:153px; height:144px; background:url("/images/index/indexImg.png") no-repeat 0px 0px; text-align:center;} ul.passArea > li.passTitArea > p.passTit1 { font-size:16px; color:#c1e4f4; padding-top:47px;} ul.passArea > li.passTitArea > p.passTit2 { font-size:24px; color:#fff; padding-top:9px; font-family:NanumGothicBold;} .adviceArea{ width:613px; height:185px; float:left; background:#f3f8fb; border:1px solid #d7eaf5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-right:16px; margin-bottom:20px; padding-bottom:10px;} .adviceArea > h3{ width:591px; height:37px; border-bottom:1px solid #d7eaf5; font-size:18px; color:#000; padding-left:20px; padding-top:18px; } .adviceArea > h3 > strong{ font-family:NanumGothicBold;} .adviceArea > h3 > span{ font-size:12px; padding-left:10px;} .adviceArea > fieldset { padding-left:20px; padding-top:20px; display:block; overflow:hidden; width:573px;} .adviceArea > fieldset > label { color:#666; width:50px; display:inline-block; float:left; font-size:12px; line-height:22px;} .adviceArea > fieldset > input { display:inline-block; font-size:12px; float:left; margin-bottom:8px; margin-right:5px; height:22px;} .adviceArea > fieldset > select { display:inline-block; float:left; margin-bottom:8px;} .adviceArea > fieldset > textarea { display:inline-block; float:left; margin-bottom:8px; margin-right:5px; width:276px; height:30px;} .adviceArea > fieldset > div{ float:left; width:250px; display:inline-block; padding-top:10px; margin-top:5px;} .adviceArea > fieldset > div > input[type="checkbox"]{ float:left;} .adviceArea > fieldset > div > label.checkLabel { width:120px; color:#666; display:inline-block; float:left; font-size:12px; line-height:22px;} .adviceArea > fieldset > button{ width:134px; height:34px; text-align:center; float:left; display:inline-block; background:#67809f; border:1px solid #50647d; border-radius:3px; color:#fff; font-family: "NanumGothicBold"; margin-top:8px;} /*인증*/ .certifyArea{ width:445px; height:193px; float:left; border:1px solid #dfdfdf; border-radius:3px; -moz-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:20px;} .certifyArea > ul > li > a{ width:445px; height:63px; display:block; border-bottom:1px solid #ced9e1;} .certifyArea > ul > li.certi1Bg{ background:url("/images/index/indexImg_new1.png") no-repeat } .certifyArea > ul > li.certi2Bg{ background:url("/images/index/indexImg_new2.png") no-repeat } .certifyArea > ul > li.certi3Bg{ background:url("/images/index/indexImg_new3.png") no-repeat } .certifyArea > ul > li > a > h4 { font-size:16px; line-height:26px; font-family: "NanumGothicBold"; padding-left:189px; padding-top:8px; display:block; } .certifyArea > ul > li > a > p { font-size:12px; color:#666; padding-left:189px; display:block;} .certifyArea > ul > li.certi3Bg > a{ border-bottom:none;} /*언론에 비친 에듀라인*/ .newsArea{width:613px; float:left; border:1px solid #dfdfdf; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-right:16px; margin-bottom:35px;} .newsArea > .newsTitArea {height:34px; margin-top:20px; margin-left:20px; position:relative; display:block;} .newsArea > .newsTitArea > h3{ width:553px; font-size:18px; color:#000; float:left; display:inline-block} .newsMore{ background:url("/images/index/indexImg.png") no-repeat 0px -1279px;width:20px; height:20px; display:inline-block; float:left;} ul.newsCon { position:relative; display:block; width:573px; margin-top:4px; margin-left:20px; line-height:20px; padding-bottom:10px;} ul.newsCon li{ position:relative; background:url("/images/index/indexImg.png") no-repeat 0px -1299px; vertical-align:top; display:inline-block; width:573px; height:37px;} ul.newsCon li a {margin-top:9px; padding-left:7px; display:inline-block; width:490px; float:left;} ul.newsCon li span.newsDate{ font-family:"Tahoma"; font-size:11px; color:#9a9a9a; display:inline-block; float:right;} /*에듀라인 사업분야*/ .businessArea{width:445px; float:left; border:1px solid #dfdfdf; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:20px;} .businessArea h3{ width:425px; font-size:18px; color:#000; position:relative; display:block; margin-left:20px; margin-top:20px; padding-bottom:18px;} .businessArea ul{ position:relative; display:block; font-size:12px; } .businessArea ul li h4{ display:block; margin-bottom:4px; color:#000;} .businessArea ul li{ display:inline-block; float:left; background:url("/images/index/indexImg.png") no-repeat;} .businessArea ul li a{ display:inline-block;} .businessArea ul li.busines1{ border-bottom:1px solid #dbe4e9; border-right:1px solid #dbe4e9; background-position: 10px -326px; width:136px; height:97px; padding-left:66px; padding-right:20px; } .businessArea ul li.busines2{ border-bottom:1px solid #dbe4e9; background-position: 10px -430px; width:136px; height:97px; padding-left:66px; padding-right:20px;} .businessArea ul li.busines3{ border-right:1px solid #dbe4e9; background-position: 10px -200px; width:136px; height:78px; padding-left:66px; padding-right:20px; padding-top:20px; } .businessArea ul li.busines4{ background-position: 10px -530px; width:136px; height:78px; padding-left:66px; padding-right:20px; padding-top:20px; } /*에듀라인 사업분야2*/ .BArea{width:445px; float:left; border:1px solid #dfdfdf; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:20px;} .BArea h3{ width:425px; font-size:18px; color:#000; position:relative; display:block; margin-left:20px; margin-top:20px; padding-bottom:18px;} .BArea ul{ position:relative; display:block; font-size:12px; border-top:1px solid #dbe4e9; } .BArea ul li h4{ display:block; margin-bottom:4px; color:#000;} .BArea ul li h4.BU_h4{ padding-left:57px;} .BArea ul li{ display:inline-block; float:left; background:url("/images/index/indexImg.png") no-repeat; line-height:18px;} .BArea ul li a{ display:inline-block;} .BArea ul li.BU1{ border-bottom:1px solid #e9eff2; border-right:1px solid #e9eff2; background-position: 16px -300px; width:137px; height:92px; padding-left:67px; padding-right:18px; padding-top:17px; } .BArea ul li.BU2{ border-bottom:1px solid #e9eff2; background-position: 10px -407px; width:147px; height:92px; padding-left:67px; padding-right:8px; padding-top:17px; } .BArea ul li.BU3{ border-right:1px solid #e9eff2; background-position: 10px -210px; width:128px; height:78px; padding:31px 10px 19px 10px;} .BArea ul li.BU3>a>p{ padding-top:21px;} .BArea ul li.BU4{ border-right:1px solid #e9eff2; background-position: 10px -543px; width:128px; height:92px; padding:18px 10px;} .BArea ul li.BU4>a>p{ padding-top:16px;} .BArea ul li.BU5{ background-position: 10px -1354px; width:127px; height:78px; padding:31px 10px 19px 10px;} .BArea ul li.BU5>a>p{ padding-top:21px;} /*사회공헌*/ .contributeArea{ width:617px; float:left; display:block; margin-bottom:51px;margin-right:16px;} .contributeArea h3{ background:url("/images/index/indexImg.png") no-repeat -365px -728px; display:block; font-size:18px; width:593px; padding-left:20px; margin-bottom:20px; } .contributeArea a{ float:left; width:190px; height:57px; position:relative; display:inline-block;} .contributeArea a.contribute1{ background:url("/images/index/indexImg.png") no-repeat -345px -228px; border-right:1px solid #eee; padding-left:98px; padding-top:20px; padding-right:10px; position:relative; } .contributeArea a.contribute1 p{ width:72px; height:19px; background:#0070b9; font-size:11px; font-family:"dotum"; color:#fff; text-align:center; position:absolute; right:10px; top:58px;} .contributeArea a.contribute2{ background:url("/images/index/indexImg.png") no-repeat -335px -355px; padding-left:118px; padding-top:20px; padding-right:10px;} .contributeArea a.contribute2 p{ width:72px; height:19px; background:#359300; font-size:11px; font-family:"dotum"; color:#fff; text-align:center; position:absolute; right:10px; top:58px;} /*제휴할인*/ .saleArea{width:445px; float:left; border:1px solid #dfdfdf; background:#f9f9f9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:51px; } .saleArea h3{width:425px; font-size:18px; color:#000; position:relative; display:block; margin-left:20px; margin-top:20px; padding-bottom:18px;} .saleArea a{ position:relative; display:inline-block; float:left; width:78px; height:60px; padding-right:10px; padding-top:20px; margin-bottom:10px; text-align:center;} .saleArea a.sale1{background:url("/images/index/indexImg.png") no-repeat -343px -481px; padding-left:133px; border-right:1px solid #eeeeee;} .saleArea a.sale2{background:url("/images/index/indexImg.png") no-repeat -340px -592px; padding-left:133px;} /*제휴할인2*/ .sale_Area{width:445px; float:left; border:1px solid #dfdfdf; background:#f9f9f9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:51px; } .sale_Area a{ position:relative; display:inline-block; float:left; width:78px; height:63px; padding-right:10px; padding-top:6px; text-align:center; color:#000;} .sale_Area a.sale1{background:url("/images/index/indexImg.png") no-repeat -343px -471px; padding-left:133px; padding-top:21px; border-right:1px solid #eeeeee;} .sale_Area a.sale2{background:url("/images/index/indexImg.png") no-repeat -340px -582px; padding-left:133px; padding-top:21px; } /*메인_하단*/ /*상담센터*/ .indexBTWarp{ width:100%; min-width:1080px; border-top:1px solid #dddddd; background:#f7f7f7; position:relative; display:block;} .centerWarp{ width:235px; height:216px; border-right:1px solid #dddddd; float:left; display:inline-block; padding-right:30px; padding-top:28px;} .centerWarp h3{ font-size:18px; margin-bottom:17px;} .centerWarp h2{ height:36px; display:block; border-bottom:1px solid #ddd;font-size: 32px; font-family: Tahoma; font-weight: bold; color: #ff5400; letter-spacing: -1.4px;} .centerTime {width:225px; overflow: hidden; padding-bottom: 6px; margin-top: 6px; border-bottom:1px solid #ddd; margin-bottom:13px;} .centerTime dl{ padding: 4px 0; } .centerTime dt { width: 70px; color: rgb(102, 102, 102); line-height: 16px; font-family: "NanumGothicBold"; font-size: 13px; font-weight: bold; float: left; } .centerTime dd { color: rgb(102, 102, 102); line-height: 16px; font-size: 13px; } /*카카오톡 상담하기*/ .talkWarp{ width:470px; height:216px; border-right:1px solid #dddddd; float:left; display:inline-block; padding-right:20px; padding-top:28px;} .talkBg{ width:170px; height:197px; background:url("/images/index/indexImg.png") no-repeat 0px -704px; display:inline-block; float:left; color: transparent; line-height: 0; text-indent: -9999px; overflow: hidden; font-size: 0px; display: block; white-space: nowrap; text-shadow: none;} .talkWarpCon{ float:left; display:inline-block; width:282px;} .talkWarpCon h3{ font-size:18px; padding-bottom:7px; float:left; display:block; width:100%;} .talkWarpCon p { font-size:12px;} .talkWarpCon a.kakao_bt{ background: #f7d018 url(/images/index/kakao_bg.jpg) no-repeat 8px center; padding: 8px 0px 8px 107px; color: #311b04; font-size: 12px; display:block; margin-bottom:7px; margin-top:7px; word-break:keep-all; line-height:21px } .talkWarpCon a.kakao_bt span{ border-bottom: 1px solid #734d26; padding-bottom: 3px; font-weight: 600; } .talkWarpCon dl {width:100%; overflow: hidden; padding-bottom: 6px; padding-top:3px; margin-top: 10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:13px;} .talkWarpCon dl dt {width: 36px; color: rgb(102, 102, 102); line-height: 16px; font-family: "NanumGothicBold"; font-size: 13px; font-weight: bold; display: inline; padding-left:5px;} .talkWarpCon dl dd {color: rgb(102, 102, 102); line-height: 16px; font-family: "NanumGothicBold"; font-size: 13px; font-weight: bold; display: inline; padding-left:5px;} .talkWarpCon ul { margin-top:-7px;} .talkWarpCon ul li{ font-size:11px;} /*카카오톡 상담하기 .talkWarp{ width:450px; height:216px; border-right:1px solid #dddddd; float:left; display:inline-block; padding-right:40px; padding-top:28px;} .talkBg{ width:183px; height:197px; background:url("/images/index/indexImg.png") no-repeat 0px -704px; display:inline-block; float:left; color: transparent; line-height: 0; text-indent: -9999px; overflow: hidden; font-size: 0px; display: block; white-space: nowrap; text-shadow: none;} .talkWarpCon{ float:left; display:inline-block; width:267px;} .talkWarpCon h3{ font-size:18px; padding-bottom:32px; float:left; display:block; width:267px;} .talkWarpCon a{ display:block; background:#391e1e; color:#fff; margin-bottom:7px; margin-top:10px; padding:3px 0px; margin-bottom:7px; text-align:center;} .talkWarpCon a:hover{ color:#fff; font-weight:bold;} .talkWarpCon dl {width:267px; overflow: hidden; padding-bottom: 6px; padding-top:3px; margin-top: 6px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:13px;} .talkWarpCon dl dt {width: 36px; color: rgb(102, 102, 102); line-height: 16px; font-family: "NanumGothicBold"; font-size: 11px; font-weight: bold; display: inline;} .talkWarpCon dl dd {color: rgb(102, 102, 102); line-height: 16px; font-size: 11px; display: inline;} .talkWarpCon ul li{ font-size:12px;}*/ /*고객도우미*/ .helpArea{ width:303px; float:left; display:inline-block; padding-left:20px; padding-top:20px;} .helpArea h3{ font-size:18px; margin-bottom:18px; display: block;} .helpArea a{ display:inline-block; width:88px; height:33px; text-align:center; padding-top:55px; background:url("/images/index/indexImg.png") no-repeat; font-size:12px;} .helpArea a.help1{ background-position:18px -941px;} .helpArea a.help2{ background-position:-194px -941px;} .helpArea a.help3{ background-position:17px -1042px;} .helpArea a.help4{ background-position:-194px -1042px;} .helpArea a.help5{ background-position:17px -1143px;} .helpArea a.help6{ background-position:-194px -1143px;}