@charset"euc-kr"; @import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css'); /* 슬라이드 메뉴 전체지정 글 사이즈등.. */ ul.side-menu li.metro a { margin: 20px 0; height: 40px; font-size: 14px; color:white; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; line-height:1.5em; } .li_table {width: 1200px; border:1 solid red; border-top:none; border-right:none; text-align:center; background-color:#ededed; } .li_table ul {clear: left; margin:0; padding: 0; list-style-type: none; border-top:0 solid;} /* list-style-type 블릿표시 padding: 0; 들여쓰기*/ .li_table .subject {font-weight: bold;text-align: center;} .li_table ul li {text-align: center;float: left;margin: 0;padding: 2px, 1px;border-right:0 solid red; width:340px; height: 100%;} .li_table ul .col1 {width: 240px;} /* 표 라인 맞추기기 위해*/ .li_table ul .col2 {width: 720px;} /* 표 라인 맞추기기 위해*/ .li_table ul .col3 {width: 240px; align:right; vertical-align: middle; valign:absmiddle; } /* 표 라인 맞추기기 위해*/ img { max-width: 100%; height: auto; } .ie8 img { width: auto; /* for IE8 only */ } .img_alpha{ opacity:0.2; filter: alpha(opacity=20); } #head_25_blue{ font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:25px; line-height:1.5em; color:#3366CC; letter-spacing:-1px; font-weight:bold; } #head_25_red{ font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:25px; line-height:1.5em; color:#CC0000; letter-spacing:-1px; font-weight:bold; } #title_15_blue{ font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:15px; line-height:1.5em; color:#3366CC; letter-spacing:-1px; font-weight:bold; text-decoration:underline; } #title_15_red{ font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:15px; line-height:1.5em; color:#CC0000; letter-spacing:-1px; font-weight:bold; text-decoration:underline; } /* #thum_tech {width:40px; height:40px; overflow:hidden; } #thum_tech {width:100px; height:70px; overflow:hidden; } #thum_tech {width:100px; height:170px; overflow:hidden; } */ #thum_tech {width:180px; height:350px; overflow:hidden; } #thum_tech_gall_new {width:140px; height:120px; overflow:hidden; } // #thum_tech_일대일 {width:65px; height:50px; overflow:hidden; margin:2px; } // #thum_tech_일대일 {width:110px; height:90px; overflow:hidden; margin:2px; } #thum_tech_일대일 {width:130px; height:130px; overflow:hidden; margin:2px; background-color:#cccccc; } /* (max-width:400px) { 최대 399 ---------------------------------------------------------------------- */ @media (max-width:768px) {/* 최대 415 414 ---------------------------------------------------------------------- */ .yd_subject { color: #666666; font-size:14px; font-weight:bold; line-height:1.4em; letter-spacing:-2; font-family:Malgun Gothic; } body{ background-color:White; line-height: 1; position: relative; right: 0; -webkit-transition: right .3s; transition: right .3s; letter-spacing:-0.5pt; font-family:Malgun Gothic; font-size:13px; line-height:1.5em; } body.open { right: 250px; } #Slide_header { margin-bottom: 0px; position: relative; } a.menu-icon { /* position: absolute; 고정되게 모바일에서는 position: fixed; z-index:999991; top: 10px; right: 5px; font-size: 23px; color:red; */ position: fixed; z-index:999991; bottom:10px; left: 5px; font-size: 13px; color:red; } ul.side-menu { position: fixed; top: 0; right: -250px; width: 250px; height: 100%; background-color: #444; z-index: -1; -webkit-transition: right .3s; transition: right .3s; } ul.side-menu.open { right: 0; } ul.side-menu li { position: absolute; top: 100%; left: 0; right: 0; padding: 0 20px; text-align: left; height: 40px; line-height: 40px; border-bottom: 1px solid #555; -webkit-transition: top .3s; transition: top .3s; } ul.side-menu li.row { border: 0; position: static; top: 0; height: 0; -webkit-transition: none; transition: none; } ul.side-menu li.metro { position: absolute; padding: 0; height: 125px; text-align: center; background-color: #CCC; } ul.side-menu li.metro.half { width: 50%; } ul.side-menu li.metro.full { width: 100%; } ul.side-menu h2.title { text-align: left; padding: 0 20px; position: relative; top: -60px; font-size: 23px; line-height: 60px; height: 60px; background-color: #555; -webkit-transition: top .3s; transition: top .3s; } ul.side-menu li a { display: block; font-size: 12px; padding: 0; margin: 0; height: inherit; line-height: inherit; } ul.side-menu li.metro a { } /* Colors */ ul.side-menu li.metro.blue { background-color: #5c84db; } ul.side-menu li.metro.light-blue { background-color: #2FC2EF; } ul.side-menu li.metro.purple { background-color: #a24fea; } ul.side-menu li.metro.red { background-color: #e54747; } ul.side-menu li.metro.pink { background-color: #ea4c89; } ul.side-menu li.metro.green { background-color: #85e500; } ul.side-menu li.metro.orange { background-color: #e28f00; } ul.side-menu li.metro.teal { background-color: #00e2e2; } /*모바일 합격생 아이콘*/ #mob_pass_header { position: absolute; z-index:999991; top:0; right: 0; font-size: 13px; color:red; } /*모바일 에서 상단 안보임 */ #topp { display:none;} /*모바일 에서 공지 아래로 보이게 */ #top_mobile_notice { padding-top:5px; height:20px; top:-20px;} #right_pc { display:none;} #wrap{margin:0 auto; width:100%; } /*.fade { display:none;}*/ body,input,button,textarea,p,td,a,li,span,div{ font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:13px; line-height:1.5em; color:#828282; letter-spacing:-1px; } A:link { text-decoration: none;} A:visited { text-decoration: none; } A:active { text-decoration: none; } A:hover { text-decoration: none;} /*.메인플레쉬 배너 영도가 */ #main_flash_banner { display:none; } /*.메인플레쉬 배너 영도가 */ /* 메인화면 학원 리스트들 스타일 */ dt, dd{ margin : 0; padding : 0; } dt.subb{ font-size:10pt; padding : 8px 0 0 6px ; margin : 0 0 0 0; height:30px; color : gray; border-bottom : 1px solid #f1f1f1; cursor:pointer; } dd.cont{ color : green; background-color:#f9f9f9; } /* 메인 학원들 테이블 높이 */ #list_height_yd { font-size:10pt; width:100%; height:35px; } /* 메인 학원들 -스크롤 높이- 서울 */ .scroll_yd { width:100%; height:310px; overflow:auto ; background:white; border:1px solid #ededed; scrollbar-face-color: #ffffff; scrollbar-highlight-color:#CCCCCC; scrollbar-shadow-color: #CCCCCC; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #CCCCCC; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } /* 메인 학원들 -스크롤 높이- 경기 */ .scroll_yd_kk { width:100%; height:310px; overflow:auto ; background:white; border:1px solid #ededed; scrollbar-face-color: #ffffff; scrollbar-highlight-color:#CCCCCC; scrollbar-shadow-color: #CCCCCC; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #CCCCCC; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } /* 메인 학원들 -스크롤 높이- 각각 시도 */ .scroll_yd_si { width:100%; height:310px; overflow:auto ; background:white; border:1px solid #ededed; scrollbar-face-color: #ffffff; scrollbar-highlight-color:#CCCCCC; scrollbar-shadow-color: #CCCCCC; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #CCCCCC; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } /* #header {position:relative; top:0; left:0; width:100%; height:96px; margin:0 auto; z-index:99999; border-top:#412b20 solid 0px; } */ #header {position:relative; top:0; left:0; width:100%; height:62px; margin:0 auto; z-index:11; border-top:#412b20 solid 0px; } #Godo_firstheader { display:none; } #firstheader { position:relative; top:0; width:100%; height:62px; margin:0 auto; background-color:#ffffff; } /* #firstheader #gnb { position:absolute; top:0px; width:100%; border-bottom:#e1e1e1 solid 0px;} #firstheader #gnb { position:fixed; top:15px; width:100%; height:60px; border-bottom:#e1e1e1 solid 0px; background-color:#ffffff;} */ /* #firstheader #gnb { position:fixed; top:0px; width:100%; height:100px; border-bottom:#e1e1e1 solid 0px; background-color:#ffffff;} */ /*모바일에서 상단 메뉴고정됨 position:fixed; */ #firstheader #gnb { position:relative; top:-22px; width:100%; height:100px; border-bottom:#e1e1e1 solid 0px; background-color:#ffffff;} #firstheader #gnb ul li{ height:40px; float:left; display:inline; background-color:#ffffff;} /* #firstheader #gnb ul .m0 {position:absolute; width:100%; margin-top:0px; left:0; background-color:#60514b; } */ #firstheader #gnb ul .m0 {position:absolute; width:100%; margin-top:3px; left:0; background-color:#ffffff;} /* #firstheader #gnb ul .m0 a{ display:block; width:90%; height:48px; background:url("/art/skin_board/0k_build_home/img2015/logo_240.png") 80% center no-repeat; } */ #firstheader #gnb ul .m0 a{ display:block; width:100%; height:55px; text-align:center; background-color:#ffffff; } /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 */ #logo_img_h { width:47px; margin:5px 0 0 0 ; padding:0 auto; } #logo_img { width:175px; } #firstheader #gnb ul .m1 { position:absolute; width:20%; left:0; top:60px; background-color:#125A9B; } #firstheader #gnb ul .m1 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt1.png") center center no-repeat; background-size: 163px 48px;} #firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img2015/m_bt1.png") center center no-repeat; background-color:#666666; background-size: 163px 48px;} #firstheader #gnb ul .m1_on { position:absolute; width:20%; left:0; top:60px;background-color:#125A9B; } #firstheader #gnb ul .m1_on a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt1.png") center center no-repeat; background-color:#212747; background-size: 163px 48px;} #firstheader #gnb ul .m2 {position:absolute; width:20%; left:20%;top:60px; background-color:#125A9B; } #firstheader #gnb ul .m2 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt2.png") center center no-repeat; background-size: 163px 48px;} #firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img2015/m_bt2.png") center center no-repeat; background-color:#666666; background-size: 163px 48px;} #firstheader #gnb ul .m2_on {position:absolute; width:20%; left:20%; top:60px;background-color:#125A9B;} #firstheader #gnb ul .m2_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt2.png") center center no-repeat; background-color:#212747; background-size: 163px 48px;} #firstheader #gnb ul .m3 {position:absolute; width:20%; left:40%;top:60px; background-color:#125A9B; } #firstheader #gnb ul .m3 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt3.png") center center no-repeat; background-size: 163px 48px;} #firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img2015/m_bt3.png") center center no-repeat; background-color:#666666; background-size: 163px 48px;} #firstheader #gnb ul .m3_on {position:absolute; width:20%; left:40%; top:60px;background-color:#125A9B;} #firstheader #gnb ul .m3_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt3.png") center center no-repeat; background-color:#212747; background-size: 163px 48px;} #firstheader #gnb ul .m4 {position:absolute; width:20%; left:60%; top:60px; background-color:#125A9B; } #firstheader #gnb ul .m4 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt4.png") center center no-repeat; background-size: 163px 48px;} #firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img2015/m_bt4.png") center center no-repeat; background-color:#666666; background-size: 163px 48px;} #firstheader #gnb ul .m4_on {position:absolute; width:20%; left:60%; top:60px;background-color:#125A9B; } #firstheader #gnb ul .m4_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt4.png") center center no-repeat; background-color:#212747; background-size: 163px 48px;} #firstheader #gnb ul .m5 {position:absolute; width:20%; left:80%; top:60px; background-color:#125A9B; } #firstheader #gnb ul .m5 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt5.png") center center no-repeat; background-size: 163px 48px;} #firstheader #gnb ul .m5 a:hover {background:url("/art/skin_board/0k_build_home/img2015/m_bt5.png") center center no-repeat; background-color:#666666; background-size: 163px 48px;} #firstheader #gnb ul .m5_on {position:absolute; width:20%; left:80%; top:60px;background-color:#125A9B; } #firstheader #gnb ul .m5_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt5.png") center center no-repeat; background-color:#212747; background-size: 163px 48px;} #firstheader #gnb ul .m6 {display:none;} /*상단우측 #firstheader #gnb ul .m6 {position:absolute; width:100px; right:0; height:48px; margin-top:0px; background-color:#bba79e; background:url("/art/skin_board/0k_build_home/img2015/m_bt6.png") center center no-repeat;} #firstheader #gnb ul .m6 {position:absolute; width:70px; right:0; height:48px; background-color:black; } #firstheader #gnb ul .m6 a{ display:block; width:70px; right:0; height:48px; background:url("/art/skin_board/0k_build_home/img2015/m_bt6.png") center center no-repeat;} #firstheader #gnb ul .m6 a:hover { width:70px; right:0; height:48px; background:url("/art/skin_board/0k_build_home/img2015/m_bt6.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m6_on {position:absolute; width:70px; right:0; top:48px; background-color:#125A9B; } #firstheader #gnb ul .m6_on a {display:block; width:70px; right:0; height:48px; background:url("/art/skin_board/0k_build_home/img2015/m_bt6.png") center center no-repeat; background-color:#990066; } */ #firstheader #gnb ul .menu_line{width:0px; background:url("/art/skin_board/0k_build_home/img2015/menu_line.png") no-repeat;z-index:9999;top:43px;} #firstheader #gnb ul #m_line1 {position:absolute; left:25%;} #firstheader #gnb ul #m_line2 {position:absolute; left:50%;} #firstheader #gnb ul #m_line3 {position:absolute; left:75%;} #top_login { position:relative; width:100%; height:28px; top:1px; margin:0 auto; padding:0 auto; z-index:10; background-color:#edf7f9; border-bottom:#e5e5e5 solid 1px; font-size:8px;} /*모바일 에서 공지 안보임 */ #top_notice { display:none;} /*. 보드 하단 작은 배너 아이콘 리스트 */ #jssor_10888 {display:none;} /*. 보드 하단 회사소개등.. 리스트 */ #company_text {display:none;} /*. 세미나 맨위 텍스트.. 리스트 */ #semm_top_text {display:none;} /*. 세미나 맨위 텍스트.. 리스트 */ #semm_top_img_pc {display:none;} /*. 보드 하단 프리미엄 배너 들 리스트 */ #Mobile_main {display:none;} /* 서브메뉴 아래로 내려옴 여기추가함 */ .sub1 {z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} .sub2 {z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} .sub3 {z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} .sub4 {left:-40px; z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} .sub5 /* 오른쪽 붙게 right:0; */ {z-index:10000; right:0; width:130px; background:white !important; border:#125A9B solid 3px;} .sub5_mobile {left:-95px; z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} /* */ #content { position:relative; width:100%; height:100%; top:1px; margin:0 auto; padding:0 auto; z-index:8;background-color:White; border-left:#e1e1e1 solid 1px;} /*s lnb_zero*/ #content #lnb_zero { width:100%; height:5px; } /*e lnb_zero*/ /*s: 소메뉴 모바일 오리진 #content #lnb { width:100%; height:221px; } #content #lnb ul li { height:44px; line-height:44px; vertical-align: middle; valign:absmiddle; text-align:center; border-bottom:#e1e1e1 solid 1px; } #content #lnb ul #s1{border-right:#e1e1e1 solid 1px; width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s1 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s1 a:hover { background-color:#f9f9f9;} #content #lnb ul #s1_on{border-right:#e1e1e1 solid 1px; width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s1_on a { display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s2{border-right:#e1e1e1 solid 1px; width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s2 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s2 a:hover { background-color:#f9f9f9;} #content #lnb ul #s2_on{border-right:#e1e1e1 solid 1px; width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s2_on a {display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s3{border-right:#e1e1e1 solid 1px; width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s3 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s3 a:hover { background-color:#f9f9f9;} #content #lnb ul #s3_on{border-right:#e1e1e1 solid 1px; width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s3_on a { display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s4{border-right:#e1e1e1 solid 1px;width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s4 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s4 a:hover { background-color:#f9f9f9;} #content #lnb ul #s4_on{border-right:#e1e1e1 solid 1px;width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s4_on a { display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s5{width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s5 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s5 a:hover { background-color:#f9f9f9;} #content #lnb ul #s5_on{width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s5_on a {display:block; width:100%; height:100%; background-color:#a2f9a2;} */ /*e:about lnb*/ /*s: 소메뉴 가로로 만듬 원본 #content #lnb { width:100%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; border-bottom:#e1e1e1 solid 1px;} #content #lnb ul li { height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; float:left; display:inline; text-align:center; } #content #lnb ul #s1{border-right:#e1e1e1 solid 1px; width:20%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s1 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s1 a:hover { background-color:#f9f9f9;} #content #lnb ul #s1_on{border-right:#e1e1e1 solid 1px; width:20%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s1_on a { display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s2{border-right:#e1e1e1 solid 1px; width:19%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s2 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s2 a:hover { background-color:#f9f9f9;} #content #lnb ul #s2_on{border-right:#e1e1e1 solid 1px; width:19%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s2_on a {display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s3{border-right:#e1e1e1 solid 1px; width:22%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s3 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s3 a:hover { background-color:#f9f9f9;} #content #lnb ul #s3_on{border-right:#e1e1e1 solid 1px; width:22%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s3_on a { display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s4{border-right:#e1e1e1 solid 1px;width:19%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s4 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s4 a:hover { background-color:#f9f9f9;} #content #lnb ul #s4_on{border-right:#e1e1e1 solid 1px;width:19%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s4_on a { display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s5{width:18%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s5 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s5 a:hover { background-color:#f9f9f9;} #content #lnb ul #s5_on{width:18%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s5_on a {display:block; width:100%; height:100%; background-color:#a2f9a2;} lnb*/ /*e:about lnb*/ /*s: 소메뉴 가로로 만듬 lnb*/ #content #lnb { width:100%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; border-bottom:#e1e1e1 solid 0px;} #content #lnb ul li { height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; float:left; display:inline; text-align:center; } #content #lnb ul #s1{border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s1 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s1 a:hover { background-color:#f9f9f9;} #content #lnb ul #s1_on{border-right:#e1e1e1 solid 1px; width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s1_on a { border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s2{border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s2 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s2 a:hover { background-color:#f9f9f9;} #content #lnb ul #s2_on{border-right:#e1e1e1 solid 1px; width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s2_on a {border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s3{border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s3 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s3 a:hover { background-color:#f9f9f9;} #content #lnb ul #s3_on{border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s3_on a {border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s4{border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s4 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s4 a:hover { background-color:#f9f9f9;} #content #lnb ul #s4_on{border-right:#e1e1e1 solid 1px;width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s4_on a { border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; display:block; width:100%; height:100%; background-color:#a2f9a2;} #content #lnb ul #s5{border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s5 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s5 a:hover { background-color:#f9f9f9;} #content #lnb ul #s5_on{width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s5_on a {border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; display:block; width:100%; height:100%; background-color:#a2f9a2;} /* 6추가 영도가 */ #content #lnb ul #s6{border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s6 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s6 a:hover { background-color:#f9f9f9;} #content #lnb ul #s6_on{border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:33%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s6_on a {border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; display:block; width:100%; height:100%; background-color:#a2f9a2;} /*e:about lnb*/ /* 소메뉴들 아래 소메뉴 영도가 sub_lnb*/ #content #sub_lnb { width:100%; height:40px; line-height:40px; margin:5px auto; vertical-align: middle; valign:absmiddle; } #content #sub_lnb ul li { height:40px; line-height:40px; vertical-align: middle; valign:absmiddle; float:left; display:inline; text-align:center;} #content #sub_lnb ul #s1{ text-decoration:none; border-right:#e1e1e1 solid 1px; width:118px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle; border-left:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s1 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#fff; vertical-align: middle;} #content #sub_lnb ul #s1 a:hover { text-decoration:none; background-color:#d71921; vertical-align: middle;} #content #sub_lnb ul #s1_on { color:#ffffff; text-decoration:none; width:118px; height:40px; line-height:40px; vertical-align: middle; border-right:#e1e1e1 solid 1px; vertical-align: middle; background-color:#d71921; border-left:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s1_on a { color:#ffffff; text-decoration:none; display:block; width:100%; height:100%; vertical-align: middle;} #content #sub_lnb ul #s2{text-decoration:none; border-right:#e1e1e1 solid 1px; width:118px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px; } #content #sub_lnb ul #s2 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#fff;} #content #sub_lnb ul #s2 a:hover { text-decoration:none; background-color:#d71921;} #content #sub_lnb ul #s2_on{text-decoration:none; width:118px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px; background-color:#d71921; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s2_on a {text-decoration:none; display:block; width:100%; height:100%; } #content #sub_lnb ul #s3{text-decoration:none; border-right:#e1e1e1 solid 1px; width:119px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s3 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#fff;} #content #sub_lnb ul #s3 a:hover { text-decoration:none; background-color:#d71921;} #content #sub_lnb ul #s3_on {text-decoration:none; width:119px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px; background-color:#d71921; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s3_on a { text-decoration:none; display:block; width:100%; height:100%; } #content #sub_lnb ul #s4{text-decoration:none; border-right:#e1e1e1 solid 1px;width:119px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s4 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#fff;} #content #sub_lnb ul #s4 a:hover { text-decoration:none; background-color:#d71921;} #content #sub_lnb ul #s4_on{text-decoration:none; width:119px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px; background-color:#d71921; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s4_on a { text-decoration:none; display:block; width:100%; height:100%; } /*s:contact lnb*/ #content #lnb_contact { width:100%; height:89px; } #content #lnb_contact ul li { height:44px; line-height:44px; vertical-align: middle; valign:absmiddle; text-align:center;border-bottom:#e1e1e1 solid 1px;} #content #lnb_contact ul #s1{ width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle; border-right:#e1e1e1 solid 1px;} #content #lnb_contact ul #s1 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb_contact ul #s1 a:hover { background-color:#f9f9f9;} #content #lnb_contact ul #s1_on {width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle; border-right:#e1e1e1 solid 1px;} #content #lnb_contact ul #s1_on a {display:block; width:100%; height:100%; background-color:#f9f9f9;} #content #lnb_contact ul #s2 {width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px;} #content #lnb_contact ul #s2 a { display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img2015/contact/top_m2.gif") center center no-repeat;background-color:#fff;} #content #lnb_contact ul #s2 a:hover { background-color:#f9f9f9;} #content #lnb_contact ul #s2_on {width:100%; height:44px; line-height:44px; vertical-align: middle; valign:absmiddle;} #content #lnb_contact ul #s2_on a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img2015/contact/top_m2_over.gif") center center no-repeat;background-color:#f9f9f9;} /*e:contact lnb*/ #content #title_content {padding:10% 5% 10% 5%; border-bottom:#e1e1e1 solid 1px; height:80px;} /*s content_total #content #sub_content { padding:0px 10% 0px 5%;} #content #sub_content { padding:0px 1% 0px 1%;} */ #content #sub_content { padding:0;} /* 오른쪽 배너 스타일 모바일에서는 안보이게 */ #content #sub_content #right_section{ display:none;} /* 학원소개 이미지 테스트 */ #int1_1_big { display:none; } #int1_1_small { } /* 상담선생님 */ #sang_tea { /* */ width:55px; overflow:hidden; padding:0px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 테크노트 썸네일 사이즈 --- 일반 width:70px; height:50px; #thum_tech { width:140px; height:120px; overflow:hidden; } */ #thum_tech {width:140px; height:120px; overflow:hidden; } /* 세미나 테크노트 썸네일 사이즈 --- 일반 width:100px; height:50px; */ #thum_tech_seminar { width:120px; height:105px; overflow:hidden; } #sem_txt { display:none; } #thum_tech_seminar_fin { width:120px; height:105px; overflow:hidden; } /* 테크노트 썸네일 사이즈 ---갤러리 #thum_tech_gallery {width:95px; height:80px; overflow:hidden; } */ /* 테크노트 썸네일 사이즈 ---갤러리 가로 5개 #thum_tech_gallery {width:53px; height:40px; overflow:hidden; padding:1px ; border-top:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px;} */ /* 테크노트 썸네일 사이즈 ---갤러리 가로 4개 */ #thum_tech_gallery {width:65px; height:47px; overflow:hidden; padding:0px ; border-top:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px;} /* 테크노트 썸네일 사이즈 --- 선생님들 */ #thum_tech_teacher {width:75px; height:180px; overflow:hidden; background-color:#FF6600; padding:0px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 테크노트 썸네일 사이즈 --- 인터뷰 width:300px; height:140px; */ #thum_tech_interview { overflow:hidden; background-color:#FF9966; padding:0px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 테크노트 글쓰기폼 글입력 칸 */ #TnT_w_body_size {width:300px; height:200px;} /* 테크노트 인덱스 날짜 칸 */ .list_date { display:none; text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:70; padding:0 4 0 2;} .head_td_date { display:none; height:21px; font-size:8pt; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; letter-spacing:-1; padding-top:2px; border-width:0; background-image:url('/art/skin_board/0k_build_home/b_img/attrib/th_bg.gif'); } .list_name {display:none; text-align:center; font-size:8pt; font-family:Tahoma,돋움; color:#555555; width:30;} .head_td_name { display:none; height:21px; font-size:8pt; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; letter-spacing:-1; padding-top:2px; border-width:0; background-image:url('/art/skin_board/0k_build_home/b_img/attrib/th_bg.gif'); } /* 테크노트 인덱스 조회수 칸 */ .list_hit {display:none; text-align:center; font-size:8pt; font-family:Tahoma,돋움; color:#555555; width:30;} .head_td_hit { display:none; height:21px; font-size:8pt; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; letter-spacing:-1; padding-top:2px; border-width:0; background-image:url('/art/skin_board/0k_build_home/b_img/attrib/th_bg.gif'); } #content #sub_content dl { padding-top:50px;} #content #sub_content dl .t_zero { padding-bottom:71px;} #content #sub_content .t_text { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:12.5px; color:#5e5e5e; line-height:21px;} #content #sub_content .t_text span { font-family:"NGothicB", Dotum;font-weight:bold; font-size:13px; color:#5e5e5e; } /*s:history*/ #content #sub_content #history_control_bt {z-index:1000; width:100%; } #content #sub_content #history_control_bt dd { float:left; display:inline; cursor:pointer;} #content #sub_content #history_control_bt dd:after { content:""; display:block; clear:both;} #content #sub_content #history_control_bt #h1 { width:33.3%; } #content #sub_content #history_control_bt #h2 {width:32%; } #content #sub_content #history_control_bt #h3 { width:33.3%; } #content #sub_content .list_box{ z-index:10; margin-top:50px; margin-left:0; width:100%;} #content #sub_content .history_list { position:relative; display:block; width:100%; height:100%; } #content #sub_content .history_list p { float:left;padding-bottom:50px;} #content #sub_content .history_list p img { height:auto; width:80%;} #content #sub_content .history_list .history_img { vertical-align:top; width:30%; } #content #sub_content .history_list .history_text {width:60%; padding-left:10px;vertical-align:top; top:0;font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:12.5px; color:#5e5e5e; line-height:25px; } #content #sub_content #list_2 { display:none;} #content #sub_content #list_3 { display:none;} /*e:history*/ /*e content_total*/ /*s:new_lists*/ #content #sub_list_content { padding:0px 0px 0px 0px;} #content #sub_list_content dl { padding-top:50px;} #content #sub_list_content dl .t_zero { padding-bottom:71px;} #content #sub_list_content .news_list {padding:50px 0px 48px 5%; position:relative; border-bottom:#e1e1e1 solid 1px; overflow:hidden; } #content #sub_list_content .news_list .news_list_content{ position:absolute; top:43px; left:60%;} #content #sub_list_content .news_list .news_list_bt { position:absolute; bottom:0; right:0px;} #content #sub_list_content .news_list .news_list_item {border:#e1e1e1 solid 1px; width:50%; height:50%; } #content #sub_list_content .news_list .news_list_content .t_title { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:20px; color:#000000; } #content #sub_list_content .news_list .news_list_content .t_date { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:14px; color:#000000; line-height:35px;} #content #sub_list_content .news_list .news_list_content .t_text { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:12.5px; color:#5e5e5e; line-height:25px;} .paging{position:relative; width:100%; text-align:center; height:70px; padding-top:100px; padding-bottom:70px; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-weight:bold; font-size:11px; color:#4c4c4c;} .paging li{ display:inline; width:39px; height:39px;vertical-align:top;} .paging li a{ display:inline-block; text-decoration:none; color:#000; padding-top:14px;vertical-align:top;} .paging li a:hover{color:#fff; background-color:#ceb8ae;} .paging li a.now{font-weight:bold; color:#fff; background-color:#bba79e; width:39px; height:25px; } .paging li a.bt{ width:39px; height:39px; padding-top:0px; } .paging li a.list { border:#ddd3ce solid 1px; width:39px; height:24px;} /*e:news_list*/ /*s:news_view*/ #content #sub_list_content { position:relative;} #content #sub_list_content #news_view_bt { position:absolute; top:0px; right:0px;} #content #sub_list_content #news_view_item { max-width:619px;} #content #sub_list_content #news_view_content { position:relative; padding:0px 0px 0px 0px} #content #sub_list_content #news_view_content .t_box {position:relative; padding: 70px 5% 130px 5%} #content #sub_list_content #news_view_content .t_box p{ padding-bottom:30px;} #content #sub_list_content #news_view_content .t_date {position:absolute; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:12px; color:#000000; right:35px; top:50px; } #content #sub_list_content #news_view_content .t_title { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:20px; color:#000000; line-height:30px;} #content #sub_list_content #news_view_content .t_line { height:1px; width:100%} #content #sub_list_content #news_view_content .t_text { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:12.5px; color:#5e5e5e; line-height:24px;} #content #sub_list_content #news_view_content #view_controller { position:absolute; bottom:0px; right:0px;} #content #sub_list_content #news_view_content #view_controller li { float:left; display:inline; cursor:pointer;} /*e:news_view*/ /*s contact */ #content #contact_content { position:relative; padding:20px 2% 120px 2%; position:relative;} #content #contact_content form .box { height:124px; border:#e5e5e5 solid 1px; overflow-y:scroll; background:#fafafa; padding:25px 20px 25px 20px; color:#666; line-height:18px;} #content #contact_content form .check{ margin-top:17px; text-align:left; font-size:11px; color:#666666; margin-bottom:50px;} #content #contact_content form .check .check_text { display:block; padding-bottom:20px; } #content #contact_content form #join { width:100%; margin:0px; padding:0px; border-bottom:#e1e1e1 solid 1px; border-top:#e1e1e1 solid 1px; border-collapse:0;} #content #contact_content form #join th { height:40px; background-color:#f6f6f6; width:40%; padding-left:22px; text-align:left; vertical-align:middle; border-bottom:#e1e1e1 solid 1px;} #content #contact_content form #join td { padding:12px 12px 12px 8px; width:60%; border-bottom:#e1e1e1 solid 1px;font-family:"NGothicB", Dotum; font-size:11px; color:#5e5e5e;} #content #contact_content form #join_bt_box { position:absolute;bottom:40px; left:15%; } #content #contact_content form #join_bt_box li {float:left; display:inline; padding-left:5px;} #content #contact_content form #join input { height:19px; border:#e1e1e1 solid 1px; width:28%;} #content #contact_content form #join select { height:19px; border:#e1e1e1 solid 1px; width:30%;} #content #contact_content form #join #inquiry {border:#e1e1e1 solid 1px; width:100%; height:153px} /*e contact */ /*s work view*/ #content #work_title_content {position:relative; padding:40px 6% 30px 6%; border-bottom:#e1e1e1 solid 1px; min-height:142px; height:auto; } #content #work_title_content #work_close { position:absolute; right:0; top:0} #content #work_title_content #work_controller { position:absolute; bottom:0px; right:0px;} #content #work_title_content #work_controller li { float:left; display:inline; cursor:pointer;} #content #work_title_content ul .sub_title { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:20px; color:#60514b; } #content #work_title_content ul .main_title { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:38px; color:#343434; line-height:45px;} #content #work_title_content ul .link a { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:14px; color:#ac7d6c; line-height:40px;} #content #work_title_content ul .date { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:13px; color:#60514b; line-height:30px;} #content #work_title_content ul .date span { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:13px; color:#ac7d6c; line-height:30px;} #content #work_title_content ul .client { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:13px; color:#60514b; line-height:15px;} #content #work_title_content ul .client span { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:13px; color:#ac7d6c; line-height:15px;} #content #work_content { padding:20px 6% 50px 6%; height:auto;line-height:20px; min-height:200px;} #content #work_content p img {} #content #work_content p {padding:0px 0px 40px 0px; } /*e work view*/ /*s work list*/ /*item_box_total*/ #work_list_content { width:100%; height:auto; margin:0px auto 0 auto; z-index:10;border-left:#e1e1e1 solid 1px; background-color:White;} #work_list_content .item_boxs { position:relative; float:left; width:100%; height:218px;background-color:#fff; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px;} #work_list_content .item_boxs a{position:absolute; display:block; width:100%; height:100%; z-index:90000 } #work_list_content .item_boxs.style_1 {background-color:#fcfcfc;} #work_list_content .item_boxs.style_2 {background-color:#fff;} #work_list_content .item_boxs dt { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:15px; color:#161616; position:absolute; left:10px; top:30px;width:181px; height:50px;} #work_list_content .item_boxs dd { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:12px; color:#767676; position:absolute; left:10px; top:53px; width:181px; height:50px; } #work_list_content .i_box_end a{ display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img2015/more_bt.gif") center center no-repeat; } #work_list_content .i_box_end a:hover{ background:url("/art/skin_board/0k_build_home/img2015/over_box4.gif") center center no-repeat; } /*wor_img_position*/ #work_list_content .img_position_1 { position:absolute; right:0%; top:75px; width:199px; height:131px;} /*sero2*/ #work_list_content .img_position_2 { position:absolute; right:0%; top:75px; width:179px; height:111px; } /*garo2*/ #work_list_content .img_position_3 { position:absolute; right:0%; top:105px;width:149px; height:91px;} #work_list_content .img_position_4 {position:absolute; width:240px; height:240px; left:40%;} /*over_img*/ #work_list_content .over_box {position:absolute; display:none; z-index:70;} /*work category*/ .category_boxs { position:relative; float:left; width:100%; height:218px;background-color:#fff; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px;} #category_menu { margin:30px 0 0 30px; position:relative; width:100%; height:100%; } #category_menu dt {padding-bottom:20px;} #category_menu dd {width:100%; height:25px; } #category_menu dd a { display:block; width:100%; height:100%; text-indent:-100000px;} #category_menu dd#c_bt_0 a { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt0.png") 0 center no-repeat;} #category_menu dd#c_bt_0 a.on { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt0_on.png") 0 center no-repeat;} #category_menu dd#c_bt_0 a:hover { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt0_on.png") 0 center no-repeat;} #category_menu dd#c_bt_1 a { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt1.png") 0 center no-repeat;} #category_menu dd#c_bt_1 a.on { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt1_on.png") 0 center no-repeat;} #category_menu dd#c_bt_1 a:hover { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt1_on.png") 0 center no-repeat;} #category_menu dd#c_bt_2 a { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt2.png") 0 center no-repeat;} #category_menu dd#c_bt_2 a.on { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt2_on.png") 0 center no-repeat;} #category_menu dd#c_bt_2 a:hover { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt2_on.png") 0 center no-repeat;} #category_menu dd#c_bt_3 a { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt3.png") 0 center no-repeat;} #category_menu dd#c_bt_3 a.on { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt3_on.png") 0 center no-repeat;} #category_menu dd#c_bt_3 a:hover { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt3_on.png") 0 center no-repeat;} #category_menu dd#c_bt_4 a { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt4.png") 0 center no-repeat;} #category_menu dd#c_bt_4 a.on { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt4_on.png") 0 center no-repeat;} #category_menu dd#c_bt_4 a:hover { background:url("/art/skin_board/0k_build_home/img2015/work/c_bt4_on.png") 0 center no-repeat;} /* 테크노트 모바일 하단부 영역 */ #board_bottom_area{clear:both; background-color:#e5e5e5; padding:0 0 35px 0;} /* 페이지 번호 버튼 영역 */ #bottom_pages{padding-top:15px; text-align:center;} #bottom_pages .page_number{color:#111111; font-size:13px; padding:3px 6px 3px 6px; margin:0 7px 0 7px; border-width:0px solid #aaaaaa; white-space:nowrap; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow: 0px 1px 2px #aaaaaa; -moz-box-shadow: 0px 1px 2px #aaaaaa; -webkit-box-shadow: 0px 1px 2px #aaaaaa; background-color:#ffffff; background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#d5d5d5)); } #bottom_pages img{vertical-align:top;} /* 가로줄 */ .hr_line_gray{height:0px; border-top:1px solid #d2d2d2; border-bottom:1px solid #f2f2f2; margin:14px 0;} /* 출력형태 버튼(기본,목록,웹진,앨범) 영역 */ #bottom_type{text-align:center;} #bottom_type a{ color:#333333; font-size:12px; padding:3px 9px 3px 9px; margin:0 9px 0 8px; border:0px solid #aaaaaa; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow: 0px 1px 2px #aaaaaa; -moz-box-shadow: 0px 1px 2px #aaaaaa; -webkit-box-shadow: 0px 1px 2px #aaaaaa; background-color:#ffffff; text-shadow: 0 1px 0 #ffffff; background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#d5d5d5)); } #page_number a{ color:#333333; font-size:12px; padding:3px 9px 3px 9px; margin:0 9px 0 8px; border:0px solid #aaaaaa; cursor:pointer; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow: 0px 1px 2px #aaaaaa; -moz-box-shadow: 0px 1px 2px #aaaaaa; -webkit-box-shadow: 0px 1px 2px #aaaaaa; background-color:#ffffff; text-shadow: 0 1px 0 #ffffff; background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#d5d5d5)); } /* 검색폼 영역 */ #bottom_search{text-align:center;} /* main 버튼 영역 */ #bottom_buttons{text-align:center;} #bottom_buttons input{margin:0 3px;} #footer {position:relative; width:100%; height:200px; top:0px; margin:0 auto; z-index:1000; background-color:#f9f9f9; border-top:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px; text-align:center;} #yff { overflow:hidden; height:200px; margin:0px auto; } #f_img1 { float:left; width:130px; height:40px; top:5px; left:1px;} #f_img1 a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_new/logo_down.png") right top no-repeat; background-size: 120px ; } #yff_copy { font-size:8pt; float:left; width:98%; height:200px; text-align:left; position:relative; top:0px; margin:10px; } #yff_copy2 { display:none; } #yff_blog { display:none; /*float:left; background-color:red; width:220px; height:100px; text-align:right; position:relative; top:0px; */ } #yff_001 { display:none; } #top_bt { position:absolute; right:5px; bottom:5px;} } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------피시버전 제일 큰 ----------------*/ @media (min-width:769px) { A:link { text-decoration: none;} A:visited { text-decoration: none; } A:active { text-decoration: none; } A:hover { text-decoration: none;} body{ background-color:White; line-height: 1; position: relative; right: 0; -webkit-transition: right .3s; transition: right .3s; } body.open { right: 250px; } #Slide_header { margin-bottom: 0px; position: relative; z-index:999992; } a.menu-icon { position: absolute; z-index:999991; top: 0px; right: 0px; font-size: 23px; color:red; } ul.side-menu { position: fixed; top: 0; right: -250px; width: 250px; height: 100%; background-color: #444; z-index: -1; -webkit-transition: right .3s; transition: right .3s; } ul.side-menu.open { right: 0; } ul.side-menu li { position: absolute; top: 100%; left: 0; right: 0; padding: 0 20px; text-align: left; height: 40px; line-height: 40px; border-bottom: 1px solid #555; -webkit-transition: top .3s; transition: top .3s; } ul.side-menu li.row { border: 0; position: static; top: 0; height: 0; -webkit-transition: none; transition: none; } ul.side-menu li.metro { position: absolute; padding: 0; height: 125px; text-align: center; background-color: #CCC; } ul.side-menu li.metro.half { width: 50%; } ul.side-menu li.metro.full { width: 100%; } ul.side-menu h2.title { text-align: left; padding: 0 20px; position: relative; top: -60px; font-size: 23px; line-height: 60px; height: 60px; background-color: #555; -webkit-transition: top .3s; transition: top .3s; } ul.side-menu li a { display: block; font-size: 12px; padding: 0; margin: 0; height: inherit; line-height: inherit; } ul.side-menu li.metro a { } /* Colors */ ul.side-menu li.metro.blue { background-color: #5c84db; } ul.side-menu li.metro.light-blue { background-color: #2FC2EF; } ul.side-menu li.metro.purple { background-color: #a24fea; } ul.side-menu li.metro.red { background-color: #e54747; } ul.side-menu li.metro.pink { background-color: #ea4c89; } ul.side-menu li.metro.green { background-color: #85e500; } ul.side-menu li.metro.orange { background-color: #e28f00; } ul.side-menu li.metro.teal { background-color: #00e2e2; } /*모바일 합격생 아이콘 fixed*/ #mob_pass_header { display:none; } /* body{ background:url("/art/skin_board/0k_build_home/img2015/bg.gif") center -134px repeat #f9f9f9; } font-family: 'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; */ body,input,button,textarea,p,td,a,li,span,div{ font-family:Malgun Gothic; font-size:12px; line-height:1.5em; color:#828282; color:#555; letter-spacing:-1px; } /* #Slide_header { display:none; } */ #wrap{margin:0 auto; width:960px;} /* .fade { display:none;}*/ #header { *position:relative; top:0; left:0; width:100%; height:155px; margin:0 auto; z-index:99999; border-top:#412b20 solid 0px; text-align:center; background:white;} /*.로고넣음 영도가 */ #topp { width:100%; height:23px; background-color:#f7f9f9; border-bottom:#edf3f4 solid 1px;} /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 */ #logo_mob {display:none;} #firstheader { position:relative; top:0; width:960px; height:90px; margin:0 auto; background-color:#ffffff; } #firstheader #gnb { position:absolute; top:0px; width:100%; } #firstheader #gnb ul li{ height:40px; float:left; display:inline; } /* #firstheader #gnb ul .m0 {position:absolute; width:100%; margin-top:0px; left:0; background-color:#60514b; } */ #firstheader #gnb ul .mtop {position:absolute; width:100%; height:30px; background-color:red;} #firstheader #gnb ul .mtop a{ display:block; width:100%; background-color:red; } #firstheader #gnb ul .m0 {position:absolute; width:100%; margin-top:5px; left:0; height:90px; text-align:center;} /* #firstheader #gnb ul .m0 a{ display:block; width:100%; height:90px; background:url("/art/skin_board/0k_build_home/img2015/logo_new.png") center center no-repeat; } */ #firstheader #gnb ul .m0 a{ display:block; width:100%; height:90px; } /* 로고큰거 보이고 다른것에서는 안보임 #logo_img { width:180px; } */ #logo_img_h { margin:5px 0 0 0 ; padding:0 auto; } #firstheader #gnb ul .m1 { position:absolute; width:20%; left:0; top:90px; background-color:#125A9B; } #firstheader #gnb ul .m1 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt1.png") center center no-repeat; background-size: 197px 58px;} #firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img2015/m_bt1.png") center center no-repeat; background-size: 197px 58px; background-color:#666666; } #firstheader #gnb ul .m1_on { position:absolute; width:20%; left:0; top:90px;background-color:#125A9B;} #firstheader #gnb ul .m1_on a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt1.png") center center no-repeat; background-size: 197px 58px; background-color:#333333; } #firstheader #gnb ul .m2 {position:absolute; width:20%; left:20%;top:90px; background-color:#125A9B; } #firstheader #gnb ul .m2 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt2.png") center center no-repeat; background-size: 197px 58px;} #firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img2015/m_bt2.png") center center no-repeat; background-size: 197px 58px; background-color:#666666; } #firstheader #gnb ul .m2_on {position:absolute; width:20%; left:20%; top:90px;background-color:#125A9B;} #firstheader #gnb ul .m2_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt2.png") center center no-repeat; background-size: 197px 58px; background-color:#333333; } #firstheader #gnb ul .m3 {position:absolute; width:20%; left:40%;top:90px; background-color:#125A9B; } #firstheader #gnb ul .m3 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt3.png") center center no-repeat; background-size: 197px 58px;} #firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img2015/m_bt3.png") center center no-repeat; background-size: 197px 58px; background-color:#666666; } #firstheader #gnb ul .m3_on {position:absolute; width:20%; left:40%; top:90px;background-color:#125A9B;} #firstheader #gnb ul .m3_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt3.png") center center no-repeat; background-size: 197px 58px; background-color:#333333; } #firstheader #gnb ul .m4 {position:absolute; width:20%; left:60%; top:90px; background-color:#125A9B; } #firstheader #gnb ul .m4 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt4.png") center center no-repeat; background-size: 197px 58px;} #firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img2015/m_bt4.png") center center no-repeat; background-size: 197px 58px; background-color:#666666; } #firstheader #gnb ul .m4_on {position:absolute; width:20%; left:60%; top:90px;background-color:#125A9B; } #firstheader #gnb ul .m4_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt4.png") center center no-repeat; background-size: 197px 58px; background-color:#333333; } #firstheader #gnb ul .m5 {position:absolute; width:20%; left:80%; top:90px; background-color:#125A9B; } #firstheader #gnb ul .m5 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt5.png") center center no-repeat; background-size: 197px 58px;} #firstheader #gnb ul .m5 a:hover {background:url("/art/skin_board/0k_build_home/img2015/m_bt5.png") center center no-repeat; background-size: 197px 58px; background-color:#666666; } #firstheader #gnb ul .m5_on {position:absolute; width:20%; left:80%; top:90px;background-color:#125A9B; } #firstheader #gnb ul .m5_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img2015/m_bt5.png") center center no-repeat; background-size: 197px 58px; background-color:#333333; } #firstheader #gnb ul .m6 {display:none;} /*.메인플레쉬 배너 영도가 */ #main_flash_banner { position:relative; top:160px; width:1201px; height:240px; margin:0 auto ; background-color:White; border-bottom:red solid 0px; text-align:center; } #mainflash { width:1201px; height:240px; position:relative; overflow:hidden; } #mainflash .mainbannerImg{ position:absolute; width:1201px; height:240px;} #mainflash #bannerLeftBtn{ position:absolute; left:20px; top:90px; z-index:1; } #mainflash #bannerRightBtn{ position:absolute; left:1145px; top:90px; z-index:1; } #numBtn{ position:absolute; padding:0; margin:0; } #numBtn li{ width:15px; height:15px; font-size:11px; font-family:Verdana; text-align:center; line-height:11px; float:left; list-style:none; margin-right:8px; background:url('/img_pim/main_off70.png'); text-indent:-2000px; } #numBtn li { cursor:hand; } #numBtn .numBtnOver { background:url('/img_pim/main_on2.png'); display:block; } /*.메인플레쉬 배너 영도가 */ #Mobile_main { display:none; } /* #content { position:relative; width:719px; height:100%; top:105px; *top:0px; margin:0 auto; padding:0 auto; z-index:10;background-color:White; border-left:#e1e1e1 solid 1px;} 높이조절 #content { position:relative; width:719px; height:100%; top:161px; *top:0px; margin:0 auto; padding:0 auto; z-index:10;background-color:White; border-left:#e1e1e1 solid 1px;} #content { position:relative; width:1200px; height:960px; top:0px; margin:0 auto; z-index:100;background-color:red; } #content #lnb_zero { width:719px; height:35px; } #content { position:relative; width:100%; height:100%; top:0px; margin:0 auto; padding:0 auto; z-index:10;background-color:White; border-left:#e1e1e1 solid 1px;} */ /* */ #top_login { position:relative; width:960px; height:28px; top:1px; margin:0 auto; padding:0 auto; z-index:10; background-color:#edf7f9; border-bottom:#e5e5e5 solid 1px;} /*모바일 에서 공지 아래로 보이게 */ #top_mobile_notice { display:none;} #content { position:relative; width:960px; min-height:300px; height:auto; top:3px; margin:0 auto; padding:0 auto; z-index:8; background-color:White; border-left:#e1e1e1 solid 0px; border-top:#e1e1e1 solid 1px;} /*s lnb_zero*/ #content #lnb_zero { width:100%; height:55px; } /*elnb_zero*/ /* 메인화면 학원 리스트들 스타일 */ dt, dd{ margin : 0; padding : 0; } dt.subb{ padding : 4px 0 0 6px ; margin : 0 0 0 0; height:23px; color : gray; border-bottom : 1px solid #f1f1f1; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; letter-spacing:-1px; cursor:pointer; } dd.cont{ color : green; background-color:#f9f9f9; } /* 서브메뉴 아래로 내려옴 여기추가함 */ .sub1 {z-index:10000; width:190px; background:white; border:#125A9B solid 3px;} .sub2 {z-index:10000; width:190px; background:white; border:#125A9B solid 3px;} .sub3 {z-index:10000; width:190px; background:white; border:#125A9B solid 3px;} .sub4 {z-index:10000; width:190px; background:white; border:#125A9B solid 3px;} .sub5 {z-index:10000; width:190px; background:white; border:#125A9B solid 3px;} /*s:about 소메뉴들 lnb*/ #content #lnb { width:100%; height:34px; line-height:34px; margin:0 auto; vertical-align: middle; valign:absmiddle; border-bottom:#e1e1e1 solid 1px;} #content #lnb ul li { height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; float:left; display:inline; text-align:center; } #content #lnb ul #s1{ text-decoration:none; border-right:#e1e1e1 solid 1px; width:118px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; } #content #lnb ul #s1 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#f9f9f9; vertical-align: middle;} #content #lnb ul #s1 a:hover { text-decoration:none; background-color:#f5fcff; vertical-align: middle;} #content #lnb ul #s1_on { text-decoration:none; width:118px; height:34px; line-height:34px; vertical-align: middle; border-right:#e1e1e1 solid 1px; vertical-align: middle; background-color:#a2f9a2;} #content #lnb ul #s1_on a { text-decoration:none; display:block; width:100%; height:100%; vertical-align: middle;} #content #lnb ul #s2{text-decoration:none; border-right:#e1e1e1 solid 1px; width:118px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s2 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#f9f9f9;} #content #lnb ul #s2 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s2_on{text-decoration:none; width:118px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px; background-color:#a2f9a2;} #content #lnb ul #s2_on a {text-decoration:none; display:block; width:100%; height:100%; } #content #lnb ul #s3{text-decoration:none; border-right:#e1e1e1 solid 1px; width:119px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s3 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#f9f9f9;} #content #lnb ul #s3 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s3_on {text-decoration:none; width:119px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px; background-color:#a2f9a2;} #content #lnb ul #s3_on a { text-decoration:none; display:block; width:100%; height:100%; } #content #lnb ul #s4{text-decoration:none; border-right:#e1e1e1 solid 1px;width:119px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s4 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#f9f9f9;} #content #lnb ul #s4 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s4_on{text-decoration:none; width:119px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px; background-color:#a2f9a2;} #content #lnb ul #s4_on a { text-decoration:none; display:block; width:100%; height:100%; } #content #lnb ul #s5{text-decoration:none; border-right:#e1e1e1 solid 1px;width:120px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s5 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#f9f9f9;} #content #lnb ul #s5 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s5_on{text-decoration:none; width:120px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; border-right:#e1e1e1 solid 1px; background-color:#a2f9a2; } #content #lnb ul #s5_on a {text-decoration:none; display:block; width:100%; height:100%;} #content #lnb ul #s6{text-decoration:none; width:120px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s6 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#f9f9f9;} #content #lnb ul #s6 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s6_on{text-decoration:none; width:120px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; border-right:#e1e1e1 solid 1px; background-color:#a2f9a2; } #content #lnb ul #s6_on a {text-decoration:none; display:block; width:100%; height:100%;} /*e:about lnb*/ /* 소메뉴들 아래 소메뉴 영도가 sub_lnb*/ #content #sub_lnb { width:95%; height:40px; line-height:40px; margin:0 auto; vertical-align: middle; valign:absmiddle; } #content #sub_lnb ul li { height:40px; line-height:40px; vertical-align: middle; valign:absmiddle; float:left; display:inline; text-align:center;} #content #sub_lnb ul #s1{ text-decoration:none; border-right:#e1e1e1 solid 1px; width:118px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle; border-left:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s1 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#fff; vertical-align: middle;} #content #sub_lnb ul #s1 a:hover { text-decoration:none; background-color:#d71921; vertical-align: middle;} #content #sub_lnb ul #s1_on { color:#ffffff; text-decoration:none; width:118px; height:40px; line-height:40px; vertical-align: middle; border-right:#e1e1e1 solid 1px; vertical-align: middle; background-color:#d71921; border-left:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s1_on a { color:#ffffff; text-decoration:none; display:block; width:100%; height:100%; vertical-align: middle;} #content #sub_lnb ul #s2{text-decoration:none; border-right:#e1e1e1 solid 1px; width:118px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px; } #content #sub_lnb ul #s2 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#fff;} #content #sub_lnb ul #s2 a:hover { text-decoration:none; background-color:#d71921;} #content #sub_lnb ul #s2_on{text-decoration:none; width:118px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px; background-color:#d71921; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s2_on a {text-decoration:none; display:block; width:100%; height:100%; } #content #sub_lnb ul #s3{text-decoration:none; border-right:#e1e1e1 solid 1px; width:119px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s3 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#fff;} #content #sub_lnb ul #s3 a:hover { text-decoration:none; background-color:#d71921;} #content #sub_lnb ul #s3_on {text-decoration:none; width:119px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px; background-color:#d71921; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s3_on a { text-decoration:none; display:block; width:100%; height:100%; } #content #sub_lnb ul #s4{text-decoration:none; border-right:#e1e1e1 solid 1px;width:119px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s4 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#fff;} #content #sub_lnb ul #s4 a:hover { text-decoration:none; background-color:#d71921;} #content #sub_lnb ul #s4_on{text-decoration:none; width:119px; height:40px; line-height:40px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px; background-color:#d71921; border-left:#e1e1e1 solid 3px; border-right:#e1e1e1 solid 3px; border-top:#e1e1e1 solid 3px; border-bottom:#e1e1e1 solid 3px;} #content #sub_lnb ul #s4_on a { text-decoration:none; display:block; width:100%; height:100%; } /*e:about sub_lnb*/ #content #title_content {padding:50px 50px 48px 50px; border-bottom:#e1e1e1 solid 0px; height:107px;} /*s content_total*/ /* #content { position:relative; height:auto; padding-bottom:120px; margin:0 auto; padding:0 auto; text-align:center;} #content #sub_content { padding:0px 50px 0px 50px;} 서브 컨텐츠 여백 영도가 #content #sub_content { padding:5px 5px 5px 5px;} 중간정렬은 이거 margin:0 auto; */ /* &&&&&&& #content #sub_content { width:760px; margin:0 auto; padding:0 auto; text-align:center;} 게시판 내용 출력부분 영도가 추가 left #content #sub_content_left { position:absolute; width:200px; left:0; text-align:center;} #content #sub_content { position:relative; width:760px; left:200px; padding:0;} #content #sub_content { position:absolute; width:760px; left:200px; margin:0 auto; padding:0 auto; text-align:center;} #content #sub_content_right { position:absolute; width:200px; height:500px; right:0; text-align:center;} #content #sub_content_right { position:relative; width:100px; left:860px; height:600px; text-align:center; background:red; valign:top} */ #content #sub_content_left { display:none; position:absolute; width:180px; height:1200px; left:0; margin:0 10px 0 0 ; border:#e1e1e1 solid 1px; text-align:center;} #content #sub_content { width:960px; } /* 메인 섹션 반응형으로 분리 영도가 */ #content #sub_content #main_section{ width:760px; padding:7px; border:#e1e1e1 solid 1px;} /* 오른쪽 배너 스타일 영도가 */ #content #sub_content #right_section{ width:200px; margin:0 auto; padding:0 auto; text-align:center; border:#e1e1e1 solid 1px; background:#f4f4f4} #content #sub_content #right_section #s_title{ font-size:13px; font-weight:bold; color:#3366cc; width:168px; height:20px; margin:8px 0 0 8px; padding:5px; text-align:left; } #content #sub_content #right_section li { height:154px;} #content #sub_content #right_section li img { width:168px; border:#e1e1e1 solid 1px;} /*. 세미나 중간 설명 이미지.. */ #semm_top_img_app {display:none;} #content #sub_content dl { padding-top:0px;} /* 학원소개 이미지 테스트 */ #int1_1_big { width:798px; margin:0 auto; padding:0 auto; text-align:center; } #int1_1_small { display:none; } /* 아래가 푸터에서 내부까지 여백 padding-bottom:150px */ #content #sub_content dl .t_zero { padding-bottom:10px;} #content #sub_content .t_text { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:12.5px; color:#5e5e5e; line-height:21px; } #content #sub_content .t_text span { font-family:'NGothicB', Dotum; font-weight:bold; font-size:13px; color:#5e5e5e; } /* 테크노트 썸네일 사이즈 --- 일반 width:100px; height:50px; */ /* width:130px; height:100px; //#thum_tech { width:140px; height:120px; overflow:hidden; } */ #thum_tech { width:140px; height:100px; overflow:hidden; background:gray; } #thum_tech_sem_list { /* width:130px; height:100px; */ width:70px; height:70px; overflow:hidden; } /* 테크노트 썸네일 사이즈 --- 일반 width:100px; height:50px; width:150px; height:130px; */ #thum_tech_seminar { width:170px; height:150px; background:#000000; overflow:hidden; } #thum_tech_seminar_fin { width:170px; height:150px; overflow:hidden; } /* 상담선생님 */ #sang_tea { /* width:72px; height:100%; */ overflow:hidden; padding:0px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 테크노트 썸네일 사이즈 ---갤러리 */ #thum_tech_gallery { width:160px; height:115px; overflow:hidden; padding:6px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 테크노트 썸네일 사이즈 --- 선생님들 */ #thum_tech_teacher { width:130px; height:300px; overflow:hidden; background-color:#FF6600; padding:0px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 테크노트 썸네일 사이즈 --- 인터뷰 */ #thum_tech_interview { width:300px; height:140px; overflow:hidden; background-color:#FF9966; padding:0px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 테크노트 글쓰기폼 글입력 칸 */ #TnT_w_body_size { width:770px; height:400px;} /* 테크노트 인덱스 날짜 칸 */ .list_date { text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:70; padding:0 4 0 2;} .head_td_date { height:21px; font-size:8pt; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; letter-spacing:-1; padding-top:2px; border-width:0; background-image:url("/art/skin_board/0k_build_home/b_img/attrib/th_bg.gif"); } .list_name { text-align:center; font-size:8pt; font-family:Tahoma,돋움; width:70; padding:0 4 0 2;} .head_td_name { height:21px; font-size:8pt; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; letter-spacing:-1; padding-top:2px; border-width:0; background-image:url("/art/skin_board/0k_build_home/b_img/attrib/th_bg.gif"); } /* 테크노트 인덱스 조회수 칸 */ .list_hit { text-align:center; font-size:8pt; font-family:Tahoma,돋움; color:#555555; width:30;} .head_td_hit { height:21px; font-size:8pt; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; letter-spacing:-1; padding-top:2px; border-width:0; background-image:url("/art/skin_board/0k_build_home/b_img/attrib/th_bg.gif"); } /* 테크노트 하단 페이징 검색창 버튼들 정렬 */ #downs { position:relative; top:0; width:100%; height:50px; margin:0 auto; } #downs #dgnb { top:0px; width:100%; } #downs #dgnb ul li{ height:40px; float:left; } #downs #dgnb ul .m0 { width:100%; height:70px; } #downs #dgnb ul .m1 { width:50%; left:0; float:left;} #downs #dgnb ul .m2 {width:50%; left:50%; } #footer {position:relative; width:100%; min-height:120px; height:auto; margin:0 auto; z-index:1000; background-color:#f9f9f9; border-top:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px;} #yff { width:960px; text-align:left; overflow:hidden; height:150px; margin:0 auto;} #f_img1 { float:left; width:190px; height:140px; top:30px; left:0px;} #f_img1 a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_new/logo_down.png") center center no-repeat; } #yff_copy { float:left; width:550px; height:50px; text-align:left; position:relative; top:0px; margin:10px; } #yff_copy2 { float:left; width:550px; height:50px; text-align:left; position:relative; top:0px; margin:10px; } #yff_blog { float:left; width:150px; height:200px; text-align:left; position:relative; top:-55px; background-color: ; } #yff_001 { float:left; width:900px; height:80px; } #top_bt { position:absolute; right:0px; bottom:0px;} } /* 스타일끝 common.css */