/* top #top {width:100%; height:100px;position:fixed;z-index:100;background: #fff;} #top_bin{height:20px; position:relative;} #top_line{ width:100%; left:0; position:fixed; margin-top:15px; height:3px;line-height: 3px; background:#e61178;} */ .board_head{ background-color:#FFF; padding:20px; width:940px; margin-left:50px; margin-bottom:50px;} .m-left{ margin-left:-450px;} /* 좌측정렬 */ p {line-height:1.6em;} .inbl { display:inline-block; text-align:left; margin-left:-350px !important;} #ind { width:1000px;} /* box */ #box_160405 {position:relative; height:700px; width:1050px; margin:20px 0 20px 0px;} #box_160405 ul{} #box_160405 li{list-style:none;margin-bottom:12px;} /*#box_160405 li.item { float:left; width:273px; height:232px; padding:1px; border:1px solid #e3e3e2; margin-right:12px; background:#fff; }*/ #box_160405 li.item1 { float:left; width:309px; height:249px; padding:1px; border:1px solid #e3e3e2; margin-right:12px; background:#fff; } #box_160405 li.item2 { float:left; width:684px; height:249px; padding:1px; border:1px solid #e3e3e2; margin-right:12px; background:#fff; } #box_160405 li.notice { float:left; width:309px; height:249px; padding:1px; border:1px solid #e3e3e2; margin-right:12px; background:#fff; } #box_160405 li.item34 { float:left; width:384px; height:249px; padding:1px; border:1px solid #e3e3e2; margin-right:12px; background:#fff; } #box_160405 li.item5 { float:left; width:289px; height:249px; padding:1px; border:1px solid #e3e3e2; margin-right:12px; background:#fff; } #box_160405 li.item7 { float:left; width:1004px; height:124px; padding:0px; border:1px solid #e3e3e2; margin-right:12px; background:#fff; } /* #box_160405 .img { margin:0px 12px; display:block; width:207px; height:207px; padding:0; border:1px solid #E3E3E2; } */ #box_160405 .txt_1 { margin:0 13px 15px 13px ; font-size:14px; height:55px; font-weight:500; } #box_160405 .txt_1 a { text-decoration:none; } #box_160405 .txt_2 { margin:5px 13px; line-height:17px; } /* 학원특징 box */ .special{ border:#FF0000 solid 1px; padding:10px;} .special li{font-size:24px; color:#FFFFFF; padding:5px; margin:5px; font-family:'Malgun Gothic' !important; } .special li.bg1{ background:#1c95d4; } /* blue */ .special li.bg2{ background:#93c315; } /* green */ .special li.bg3{ background:#bd80f7; } /* purple */ .special li.bg4{ background:#f67b1b; } /* oringe */ .special li.bg5{ background:#c99d38; } /* 갈색 */ .special li.bg6{ background:#eb8555; } /* */ /* sub bar */ #subTitleWrap {width:100%; padding:0 0 20px 0;} #subTitleWrap .subTitle {float:left;} #subTitleWrap .subMap {float:right;line-height:37px;height:37px; background:url(/images/fo/foint_1_.gif) 0 50% no-repeat; padding:0 10px 0 17px; margin-top:13px; color:#737373;} #subTitleWrap .tweight { color:#000; font-weight:bold;} .toptxt_bo{ margin:60px 0 80px 20px;letter-spacing:-1px; font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum; font-size:14px; line-height:20px; color:#666; font-weight:bold; letter-spacing:0.5px;} /* yu_게시판 상단제목*/ #s1_1 {position:relative;float:left;padding:0px 0px 30px 0px;width:100%;min-height:500px;height:auto !important; color:#656565; font-size:1em;zoom:1} #s1_1 h12{font:bold 24px 'Nanum Gothic';color:#303A45;margin:0;padding:30px 0 10px;} #s1_1 h12 span{color:#EF94A3;} #s1_1 h12.h12_1{color:#EF94A3;} /* #s1_1 h3{background:url('/images/fo/bul_h3.gif') no-repeat 1px 3px; font:bold 17px 'Nanum Gothic';color:#222;margin:10px 0 10px;padding:0 0 0 24px;} */ #s1_1 h13{clear:both; display:block;margin-bottom:14px;padding-left:18px;background:url(/images/fo/h2_04.gif) 0 50% no-repeat;font-size:1.2em;font-weight:bold; color:#5f6266;} #s1_1 h14{margin-left:6px;margin-bottom:12px;padding-left:12px;background:url(/images/fo/bu1.png) 0 50% no-repeat;font-size:1em;font-weight:bold;color:#09F} #s1_1 h15{margin-bottom:12px;padding-left:11px;font-size:1em;font-weight:bold;color:#5f6266} #s1_1 h16{margin-bottom:12px;padding-left:11px;font-size:1em;font-weight:bold} /* padding */ #s1_1 .pad_1{padding:15px 0 30px 15px;} /* list2 start */ #s1_1 ul.list2,#s1_1 ol.list2{clear:both;height:auto;margin:15px 0 30px 15px;} #s1_1 ul.list2,#s1_1 ol.list2{clear:both;height:auto;margin:15px 0 30px 15px;} #s1_1 ul.list2 li,#s1_1 ol.list2 li{margin-bottom:.5em;padding-left:7px;background:url(/images/fo/icon_li1.gif) 0 .5em no-repeat;font-family: "굴림", "굴림체", "돋움", "돋움체";line-height:1.4em; } #s1_1 ul.list2 li img,#s1_1 ol.list2 li img{display:block;clear:left;margin-top:.3em} #s1_1 ul.list2 li span img,#s1_1 ol.list2 li span img{display:inline-block;margin:0;padding:0 0 5px;vertical-align:middle} #s1_1 ul.list2 img,#s1_1 ol.list2 img{padding-bottom:.4em} #s1_1 ul.list2 li em,#s1_1 ol.list2 li em{color:#4672ae} #s1_1 ul.list2 strong,#s1_1 ol.list2 strong{font-weight:bold;color:#333} #s1_1 .list2 .li_sub{background:none;list-style:none;} #s1_1 .list2 .li_sub .title{ color:#930;} #s1_1 .list2 .li_sub ul{ padding-top:5px; padding-left:15px;} /* list2 end */ #s1_1 caption{width:0;height:0;visibility:hidden;line-height:0;font-size:0} #s1_1 .toptxt{ padding:0 0 30px 0;letter-spacing:-1px; font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum; font-size:14px; line-height:20px; color:#656565; font-weight:bold; letter-spacing:0.5px;} #s1_1 .font16{ padding:0 0 30px 0;letter-spacing:-1px; font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum; font-size:16px; line-height:20px;} #s1_1 .font14{ padding:0 0 30px 0;letter-spacing:-1px; font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum; font-size:14px; line-height:20px; font-weight:bold; letter-spacing:0.5px;} #s1_1 .font12{ padding:0 0 30px 0; font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum; font-size:12px; line-height:20px; color:#656565; letter-spacing:1px;} #s1_1 .t_0{font:bold 24px 'Nanum Gothic';color:#FF3399;margin:0;padding:30px 0 10px;} #s1_1 .t_1{line-height:1.6;color:#555;background:url('/images/fo/t_01.gif') no-repeat 0 6px;padding:0 0 0 15px;} #s1_1 .t_2{background:url('/images/fo/t_02.gif') no-repeat 0 7px;color:#666;padding:0 0 10px 10px;} /* text */ #s1_1 .t_1{line-height:1.6;color:#555;background:url('/images/fo/bul_02.gif') no-repeat 0 6px;padding:0 0 0 15px;} #s1_1 .t_2{line-height:1.6;padding:0 0 20px;color:#555;} #s1_1 .t_3{line-height:1.6;padding:0 0 20px 24px;color:#555;} #s1_1 .t_4{line-height:1.6;padding:20px 0 0;color:#555;text-align:right;} #s1_1 .t_5{font-size:15px;font-weight:normal;line-height:1.6;color:#333;padding:0 0 20px;} #s1_1 .t_5 strong{font-size:16px;color:#ED5971;font-weight:normal;} #s1_1 .t_6{font-size:14px;color:#ED5971;font-weight:normal;line-height:1.6;padding:0 0 20px;} #s1_1 .t_6 strong{font-size:15px;color:#333;font-weight:normal;} #s1_1 .t_7{font-size:13px;color:#0d00e3;font-weight:normal;line-height:1.6;padding:0 0 20px;} #s1_1 .t_8{font-size:13px;color:#555;font-weight:normal;line-height:1.6;} #s1_1 .col_1{color:#fd8709;} #s1_1 .col_2{color:#EF94A3;} /* title */ #s1_1 .tit{font:bold 55px/1.2 'Nanum Gothic';color:#303A45;letter-spacing:-1px;padding:0 0 30px;} #s1_1 .tit strong{color:#ed5971;} #s1_1 .tit span{font-size:31px;color:#666;letter-spacing:0;display:inline-block;} #s1_1 .tit span.t{font-size:14px;font-weight:normal;color:#999;display: block;padding:15px 0 0;line-height:1.5;} #s1_1 .tit span span{font-size:14px;color:#ef94a3;display:inline;} #s1_1 .data .tit2{font:bold 46px/1.2 'Nanum Gothic';color:#303A45;letter-spacing:-1px;padding:0 0 30px;} #s1_1 .data .tit2 strong{color:#ed5971;font:bold 48px/1.2 'Nanum Gothic';} #s1_1 .data .tit2 span{font-size:22px;color:#666;letter-spacing:0;display:inline-block;} #s1_1 .data .tit2 span.txt{font-size:14px;font-weight:normal;color:#999;display: block;padding:15px 0 0;line-height:1.5;} #s1_1 .data .tit2 span span{font-size:14px;color:#ef94a3;display:inline;} #s1_1 .data h22{font:bold 24px 'Nanum Gothic';color:#303A45;margin:0;padding:30px 0 10px;} #s1_1 .data h22 span{color:#EF94A3;} #s1_1 .data h2.h2_1{color:#EF94A3;} #s1_1 .data h3{background:url('/images/fo/bul_h3.gif') no-repeat 1px 3px; font:bold 17px 'Nanum Gothic';color:#222;margin:10px 0 10px;padding:0 0 0 24px;} /* ul type */ #s1_1 .ty_1{padding:0 0 0 24px;} #s1_1 .ty_1.pad0{padding-left:0;} #s1_1 .ty_1 li{background:url('/images/fo/bul_01.gif') no-repeat 0 7px;color:#666;padding:0 0 10px 10px;} #s1_1 .ty_1 li p{padding:5px 0 0 10px;text-indent:-10px;} #s1_1 .ty_1 li li{background:0;} #s1_1 .ty_1 strong{color:#333;} #s1_1 .ty_1 .ty_1_1{padding:5px 0 0;} #s1_1 .ty_1 .ty_1_1 li{padding:0 0 10px;} #s1_1 .ty_1 .ty_1_1 li .t{padding:0 0 0 18px;} #s1_1 .ty_1.col_1 li{color:#fd8709;} #s1_1 .bottom{ padding-bottom:15px} s1_1 .ty_2{padding:0 0 20px 24px;} s1_1 .ty_2 li{font-size:15px;font-weight:bold;background:url('/images/fo/bul_03.gif') no-repeat 0 7px;color:#666;padding:0 0 10px 10px;} /* table type */ .tbl_1{padding:5px 0 5px 10px;} .tbl_1 thead th{font-weight:bold;color:#333;text-align:center;border:1px solid #ddd;padding:5px 0;border-top:2px solid #f997c0;} .tbl_1 tbody th{text-align:center;color:#666;border:1px solid #ddd;padding:5px 0;} .tbl_1 td{text-align:center;color:#666;border:1px solid #ddd;padding:5px 0;} .tbl_1 td.left{padding-left:10px;text-align:left;} .tbl_1 .ty2 th{border-top:2px solid #f997c0;} .tbl_1 .ty2 td{border-top:2px solid #f997c0;} .tbl_1 .col_2{color:#EF94A3;} /* table type */ .tbl4_2{padding:5px 0 5px 10px;} .tbl4_2 thead th{font-weight:bold;color:#333;border:1px solid #ddd;padding:5px 0;border-top:2px solid #f997c0;} .tbl4_2 tbody th{color:#666;border:1px solid #ddd;padding:5px 0;} .tbl4_2 td{color:#666;border:1px solid #ddd;padding:5px;} .tbl4_2 td.left{padding-left:10px;text-align:left;} .tbl4_2 .ty2 th{border-top:2px solid #f997c0;} .tbl4_2 .ty2 td{border-top:2px solid #f997c0;} .tbl4_2 .col_2{color:#EF94A3;} /* s1_2 연혁 */ #s1_1 .blind{ display:block; overflow:hidden; position:absolute; left:-5000px; top:-5000px;} #s1_1 .relative{position:relative;overflow:hidden;} #s1_1 .year_tbl{float:left;width:65%;background:url('/images/fo/dot_1.gif') repeat-y 17px 0;} #s1_1 .year_tbl th{color:#fca300;font-size:14px;vertical-align:top;text-align:right;padding:0 0 2px 0;background:url('/images/') no-repeat 10px 3px;} #s1_1 .year_tbl td{padding:2px 0;vertical-align:top;color:#666;} #s1_1 .year_tbl .ta_1{width:13%;} #s1_1 .year_tbl .ta_2{width:9%;} #s1_1 .year_tbl .ta_3{width:78%;} #s1_1 .year_tbl .bold{font-weight:bold;text-align:center;color:#3a3a3a;} #s1_1 .year_img{float:right;width:32%;} #s1_1 .year_img div.pad{padding:0 0 20px;} #s1_1 .year_img div img{width:100%;} /* s1_4 교육특징 */ #s1_1 .ico_txt.top{padding-top:20px;} #s1_1 .ico_txt{position:relative;padding:0 0 20px 2%;overflow:hidden;} #s1_1 .ico_txt li{position:relative;float:left;width:45%;margin-right:5%;min-height:93px;} #s1_1 .ico_txt li .ico{position:absolute;left:5px;top:0;width:auto;} #s1_1 .ico_txt li .txt{padding:0 0 0 109px;} #s1_1 .ico_txt li h3{background:#f2f2f2;border-bottom:1px dashed #cfcfcf;font-size:13px;color:#f34d93;padding:5px;margin:0 0 10px;} #s1_1 .ico_txt li p{font-size:13px;color:#666;} #s1_1 .ico_txt li .bul{padding:0 0 0 8px;text-indent:-8px;} #s1_1 .ico_txt em{font-weight:bold;font-size:13px;} #s1_1 .ico_txt .red{font-weight:bold;color:#f2247b;} #s1_1 .ico_txt li.l_1{width:35%;} #s1_1 .ico_txt li.l_2{width:55%;} /* tab_m 탭4개일때 기본 */ #s1_1 .tab_m{position:relative;padding:20px 0;} #s1_1 .tab_m ul{overflow:hidden;position:relative;} #s1_1 .tab_m li{float:left;width:100%;} #s1_1 .tab_m .t{position:absolute;left:0;top:0;display:block;width:24%;padding:0 1% 0 0;z-index:2;} #s1_1 .tab_m .t a{background-color:#FFFFFF;border: 1px solid #E6E6E6;border-radius: 3px;color: #A2A2A2;display: block;font-family: 'Nanum Gothic'; font-size: 13px;font-weight: 700;line-height: 1.3;outline: medium none;padding:12px 0;width:100%;text-align:center;text-decoration: none;transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;} #s1_1 .tab_m .ov .t a, #s1_1 .tab_m .t a:hover, #s1_1 .tab_m .t a:focus{background-color: #33B1DA;color: #FFFFFF;border-color: #33B1DA;} #s1_1 .tab_m .m2 .t{left:25%;} #s1_1 .tab_m .m3 .t{left:50%;} #s1_1 .tab_m .m4 .t{left:75%;} #s1_1 .tab_m .data{padding:75px 0 0;position:relative;overflow:hidden;} #s1_1 .data .img{float:left;margin:0 20px 10px 0;} #s1_1 .data h2{border-top:1px solid #ED5971;border-bott om:1px solid #ED5971;padding:15px 0;} #s1_1 .data h2 span{font-size:14px;color:#777;} #s1_1 .data .t2{color:#ff689e;background:none;} #s1_1 .data .t2.pad0{padding-left:0;} #s1_1 .data p{line-height:1.6;color:#555;font-size:13px;} #s1_1 .data .t_box{clear:both;} /* tab_m 탭2개일때 */ #s1_1 .tab_m.num2 .t{width:49%;} #s1_1 .tab_m.num2 .m2 .t{left:50%;} /* tab_m 탭3개일때 */ #s1_1 .tab_m.num3 .t{width:32%;} #s1_1 .tab_m.num3 .m2 .t{left:33%;} #s1_1 .tab_m.num3 .m3 .t{left:66%;} /* tab_m 탭6개일때 */ #s1_1 .tab_m.num6 .t{width:16%;} #s1_1 .tab_m.num6 .m2 .t{left:17%;} #s1_1 .tab_m.num6 .m3 .t{left:34%;} #s1_1 .tab_m.num6 .m4 .t{left:51%;} #s1_1 .tab_m.num6 .m5 .t{left:68%;} #s1_1 .tab_m.num6 .m6 .t{left:85%;padding:0;width:14%;} /* tab_m 탭8개일때 */ #s1_1 .tab_m.num8 .t{width:12%;} #s1_1 .tab_m.num8 .m2 .t{left:13%;} #s1_1 .tab_m.num8 .m3 .t{left:26%;} #s1_1 .tab_m.num8 .m4 .t{left:39%;} #s1_1 .tab_m.num8 .m5 .t{left:52%;} #s1_1 .tab_m.num8 .m6 .t{left:65%;} #s1_1 .tab_m.num8 .m7 .t{left:78%;padding:0;width:11%} #s1_1 .tab_m.num8 .m8 .t{left:90%;padding:0;width:9%;} /* tab_m 탭 자유 */ #s1_1 .tab_free{position:relative;padding:20px 0;} #s1_1 .tab_free .list{overflow:hidden;position:relative;} #s1_1 .tab_free .list li{float:left;width:auto;padding:0 5px 5px 0;z-index:2;} #s1_1 .tab_free .list li a{background-color:#FFFFFF;border: 1px solid #E6E6E6;border-radius: 3px;color: #A2A2A2;display: block;font-family: 'Nanum Gothic'; font-size: 13px;font-weight: 700;line-height: 1.3;outline: medium none;padding:12px 16px;text-align:center;text-decoration: none;transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;} #s1_1 .tab_free .list .ov a, #s1_1 .tab_free .list li a:hover, #s1_1 .tab_free .list li a:focus{background-color: #e75190;color: #FFFFFF;border-color: #e75190;} #s1_1 .tab_free .data_b{margin:45px 0 0;display:none;} #s1_1 .tab_free .data_b#d1{display:block;} #s1_1 .tab_free .data_b li{border:1px solid #ebebeb;background:#fff;padding:5px;overflow:hidden;margin-bottom:10px;} #s1_1 .tab_free .data_b li .img{float:left;width:256px;height:150px;overflow:hidden;} #s1_1 .tab_free .data_b li .txt{padding:0 0 0 24px;float:left;width:362px;} #s1_1 .tab_free .data_b li .txt dl{border-bottom:1px dashed #e7e7e7;padding:6px 0 6px;margin:0;font:14px 'Nanum Gothic';color:#646464;} #s1_1 .tab_free .data_b li .txt dl dt{font-weight:bold;width:71px;display:inline-block;*display:inline;*zoom:1;} #s1_1 .tab_free .data_b li .txt dl dd{margin:0;display:inline-block;*display:inline;*zoom:1;font-size:12px;} #s1_1 .tab_free .data_b li .qr{position:relative;width:164px;height:98px;float:right;padding:53px 0 0 29px;background:url('/images/fo/content/bg_qr.jpg') no-repeat 100% 0;} #s1_1 .tab_free .data_b li .qr p{position:absolute;left:29px;bottom:0;padding:3px 0 0 5px;color:#fff;font:14px 'Nanum Gothic';margin:0;font-weight:bold;} #s1_1 .tab_free .data_b li .qr p span{font-weight:normal;} /* ind_b5 quick menu */ .ind_b1 { margin:10px 0 0 10px; text-align:center} .ind_b1 ul {list-style:none; margin:0; padding:0;} .ind_b1 ul:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;} .ind_b1 ul li {float:left; width:130px; margin-bottom:0px !important;} .ind_b1 ul li strong, .ind_b1 ul li span, .ind_b1 ul li em, .ind_b1 ul li a {display:block; cursor:pointer;} .ind_b1 ul li > span {background-position:right top; background-repeat:no-repeat; margin-right:7px; margin-top:7px; padding-top:30px;} .ind_b1 ul li.b1 > span { height:80px;background-color:#ef2a68; } .ind_b1 ul li.b2 > span { height:80px;background-color:#9433a7; } .ind_b1 ul li.b3 > span { height:80px;background-color:#fbb000; } .ind_b1 ul li.b4 > span { height:80px;background-color:#00cdc6; } /*.ind_b1 ul li.b5 > span { height:65px;background-color:#c3171d; } .ind_b1 ul li.b6 > span { height:65px;background-color:#a8c00e; }*/ .ind_b1 ul li.b1 > span:hover, .ind_b1 ul li.b2 > span:hover, .ind_b1 ul li.b3 > span:hover, .ind_b1 ul li.b4 > span:hover, .ind_b1 ul li.b5 > span:hover, .ind_b1 ul li.b6 > span:hover {background-color:#5f5f5f; } .ind_b1 ul li a {background-position:left top; background-repeat:no-repeat;font-size:16px; line-height:18px; font-weight:bold; color:#ffffff; text-decoration:none; font-family:'NanumBarunGothic', '나눔바른고딕', 'NanumGothic', '나눔고딕', 'MalgunGothic', '맑은고딕', 'Dotum', 'Gulim';} .ind_b1 ul li.b1 a {} .ind_b1 ul li.b2 a {} .ind_b1 ul li.b3 a {} .ind_b1 ul li.b4 a {} .ind_b1 ul li.b5 a {} .ind_b1 ul li.b6 a {} .ind_b1 ul li span {background-position:10px center; background-repeat:no-repeat; display:block;height:33px;line-height:33px;} /* yujin old font */ .yujin1 {font-size: 12px; line-height: 35px; color: #000000;} .yujin2 {font-size: 12px; line-height: 30px; color: #839744;} .yujin3 {font-size: 12px; line-height: 30px; color: #339999; padding-left: 10px;} .yujin4 {font-size: 12px; line-height: 18px; color: #666666; padding-left: 20px; padding-top:10px; padding-bottom:10px; padding-right:10px;} .yujin5 {font-size: 12px; line-height: 18px; color: #FF0000;} .yujin6 {font-size: 12px; line-height: 18px; color: #0099FF;} .yujin7 {font-size: 12px; line-height: 18px; color: #b55a00;} .yujin_w {font-size: 12px; line-height: 18px; color: #ffffff;}