@charset"euc-kr"; /* 슬라이드 메뉴 전체지정 글 사이즈등.. */ 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); } .int_txt { color:gray; line-height:200%; } /* (max-width:400px) { 최대 399 ---------------------------------------------------------------------- */ @media (max-width:415px) {/* 최대 414 ---------------------------------------------------------------------- */ body{ background-color:White; line-height: 1; position: relative; right: 0; -webkit-transition: right .3s; transition: right .3s; letter-spacing:-0.5pt; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; 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;} #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:12px; 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;} #header {position:relative; top:-20px; left:0; width:100%; height:80px; margin:0 auto; z-index:99999; border-top:#412b20 solid 0px; } /*모바일 에서 상단 안보임 #topp { display:none;} */ /* 상단 홈등 바로가기 잠시막음 */ #topp { width:100%; margin:0 auto; top:-10px; height:28px; background-color:#efefef; border-bottom:#edf3f4 solid 0px;} #top_login { position:relative; width:100%; height:28px; top:8px; margin:0 auto; padding:0 auto; z-index:10; background-color:#f1f2f4; border-bottom:#e5e5e5 solid 0px;} #Godo_firstheader { display:none; } /*.메인플레쉬 배너 영도가 */ #main_flash_banner { display:none; } /*.메인플레쉬 배너 영도가 */ #firstheader { position:relative; top:0; width:100%; height:55px; margin:0 auto; } #firstheader #gnb { position:absolute; top:0px; width:100%; border-bottom:#e1e1e1 solid 0px;} #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 .m0 {position:absolute; width:100%; margin-top:3px; left:0; } /* #firstheader #gnb ul .m0 a{ display:block; width:90%; height:48px; background:url("/art/skin_board/0k_build_home/img_knhakwon/logo_240.png") 80% center no-repeat; } */ #firstheader #gnb ul .m0 a{ display:block; width:100%; height:55px; text-align:center; } /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 240 */ #logo_mob { width:260px; margin-top:15px; } #firstheader #gnb ul .m1 { position:absolute; width:20%; left:0; top:59px; background-color:#125A9B; } #firstheader #gnb ul .m1 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt1.png") center center no-repeat; background-size: 160px 47px;} #firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt1.png") center center no-repeat; background-color:#666666; } #firstheader #gnb ul .m1_on { position:absolute; width:20%; left:0; top:59px;background-color:#125A9B;} #firstheader #gnb ul .m1_on a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt1.png") center center no-repeat; background-size: 160px 47px; background-color:#333333; } #firstheader #gnb ul .m2 {position:absolute; width:20%; left:20%;top:59px; background-color:#125A9B; } #firstheader #gnb ul .m2 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt2.png") center center no-repeat; background-size: 160px 47px;} #firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt2.png") center center no-repeat; background-color:#666666; } #firstheader #gnb ul .m2_on {position:absolute; width:20%; left:20%; top:59px;background-color:#125A9B;} #firstheader #gnb ul .m2_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt2.png") center center no-repeat; background-size: 160px 47px; background-color:#333333; } #firstheader #gnb ul .m3 {position:absolute; width:20%; left:40%;top:59px; background-color:#125A9B; } #firstheader #gnb ul .m3 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt3.png") center center no-repeat; background-size: 160px 47px;} #firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt3.png") center center no-repeat; background-color:#666666; } #firstheader #gnb ul .m3_on {position:absolute; width:20%; left:40%; top:59px;background-color:#125A9B;} #firstheader #gnb ul .m3_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt3.png") center center no-repeat; background-size: 160px 47px; background-color:#333333; } #firstheader #gnb ul .m4 {position:absolute; width:20%; left:60%; top:59px; background-color:#125A9B; } #firstheader #gnb ul .m4 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt4.png") center center no-repeat; background-size: 160px 47px;} #firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt4.png") center center no-repeat; background-color:#666666; } #firstheader #gnb ul .m4_on {position:absolute; width:20%; left:60%; top:59px;background-color:#125A9B; } #firstheader #gnb ul .m4_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt4.png") center center no-repeat; background-size: 160px 47px; background-color:#333333; } #firstheader #gnb ul .m5 {position:absolute; width:20%; left:80%; top:59px; background-color:#125A9B; } #firstheader #gnb ul .m5 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt5.png") center center no-repeat; background-size: 160px 47px;} #firstheader #gnb ul .m5 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt5.png") center center no-repeat; background-color:#666666; } #firstheader #gnb ul .m5_on {position:absolute; width:20%; left:80%; top:59px;background-color:#125A9B; } #firstheader #gnb ul .m5_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt5.png") center center no-repeat; background-size: 160px 47px; background-color:#333333; } #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/img_knhakwon/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/img_knhakwon/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/img_knhakwon/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/img_knhakwon/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/img_knhakwon/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 0px; font-size:8px;} /* 서브메뉴 아래로 내려옴 여기추가함 */ .sub1 {margin: -2px 0 0 0; z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} .sub2 {margin: -2px 0 0 0; z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} .sub3 {margin: -2px 0 0 0; z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} .sub4 {margin: -2px 0 0 0; right:0; z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} .sub5 {margin: -2px 0 0 0; z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} .sub5_mobile {margin: -2px 0 0 0; left:-95px; z-index:10000; width:130px; background:white !important; border:#125A9B solid 3px;} #content { position:relative; width:100%; height:100%; top:-78px; margin:0 auto; padding:0 auto; z-index:10;background-color:White; border-left:#e1e1e1 solid 0px;} /*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: 소메뉴 가로로 만듬 #content #lnb { width:100%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; border-bottom:#e1e1e1 solid 0px;} lnb*/ #content #lnb { width:106%; height:34px; line-height:34px; margin:-6px 0 0 -33px ; 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{ position:absolute; width:25%; left:0; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; 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{ position:absolute; width:25%; left:0; border-right:#e1e1e1 solid 1px; width:25%; 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{ position:absolute; width:25%; left:25%; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; 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{ position:absolute; width:25%; left:25%; border-right:#e1e1e1 solid 1px; width:25%; 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{ position:absolute; width:25%; left:50%; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; 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{position:absolute; width:25%; left:50%; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; 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{position:absolute; width:25%; left:75%; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; 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{position:absolute; width:25%; left:75%; border-right:#e1e1e1 solid 1px;width:25%; 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{position:absolute; width:25%; left:0; top:35px; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; 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{position:absolute; width:25%; left:0; top:35px; width:25%; 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{ position:absolute; width:25%; left:25%; top:35px;border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; 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{ position:absolute; width:25%; left:25%; top:35px;border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; 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;} /* 7추가 영도가 */ #content #lnb ul #s7{position:absolute; width:25%; left:50%; top:35px;border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s7 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s7 a:hover { background-color:#f9f9f9;} #content #lnb ul #s7_on{position:absolute; width:25%; left:50%; top:35px;border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s7_on a {border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; display:block; width:100%; height:100%; background-color:#a2f9a2;} /* 8추가 영도가 */ #content #lnb ul #s8{ position:absolute; width:25%; left:75%; top:35px;border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s8 a { display:block; width:100%; height:100%; background-color:#fff;} #content #lnb ul #s8 a:hover { background-color:#f9f9f9;} #content #lnb ul #s8_on{position:absolute; width:25%; left:75%; top:35px; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; width:25%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s8_on a {border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; display:block; width:100%; height:100%; background-color:#a2f9a2;} /*e:about lnb*/ /* 모바일 서브 8개 메뉴시 공백 메뉴 아랫라인 추가 영도가 */ #s_blank {display:block; width:100%; height:30px;} /* 소메뉴들 아래 소메뉴 영도가 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/img_knhakwon/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/img_knhakwon/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;} /* 학원게시판 인덱스 댓글 -스크롤 높이 */ .scroll_bbs_main { width:90%; height:190px; overflow:auto ; border:0px solid #ededed; padding:4px; 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; } /* 학원 메인 그림리스트들 섬네일 */ #thum_tech_misul_main_right { width:95px; height:60px; overflow:hidden; padding:5px; float:left; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 학원 메인 그림리스트들 -body.php 섬네일 width:95px; height:60px; */ #thum_tech_misul_main_body_php { width:100px; height:70px; overflow:hidden; padding:5px; margin:3px; float:left; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 학원 메인 그림리스트들 섬네일 오버 */ #thum_tech_misul_main_right :hover { background-color: red; } /* 학원소개 이미지 테스트 */ #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:100px; height:70px; overflow:hidden; } /* 세미나 테크노트 썸네일 사이즈 --- 일반 width:100px; height:50px; */ #thum_tech_seminar { width:120px; height:105px; overflow:hidden; } #sem_txt { display:none; } /* 테크노트 썸네일 사이즈 ---갤러리 #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;} /* 테크노트 썸네일 사이즈 ---갤러리 */ #thum_tech_academy { width:130px; height:35px; overflow:hidden; padding:1px; margin:3px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 학원 세부 설명들 #academy_text_table { width:130px; height:120px; overflow:hidden; padding:1px; margin:3px; } */ /* 학원 세부 설명들 */ #academy_text_table { width:150px; height:0px; overflow:hidden; padding:1px; margin:0px; } /* 학원 메인 그림리스트들 .. margin:-185px 0 0 220px; #academy_gallery { position:relative; margin:0px 0 0 -50px; width:160px; height:225px; overflow:hidden; padding:1px; vertical-align: text-top; } #academy_title_story { margin:0 0 0 35px; font-size:8pt; letter-spacing:-1; color:#9badbc; } */ #academy_gallery { position:relative; margin:0px 0 0 -30px; width:190px; height:200px; overflow:hidden; padding:1px; vertical-align: text-top; } #academy_title_story { margin:0 0 0 35px; font-size:8pt; letter-spacing:-1; color:#9badbc; } .academy_name { font-size:9pt; letter-spacing:-1; color:#3a4c84; } .academy_juso { font-size:7pt; letter-spacing:-1; color:#8c896f; } .academy_tel { font-size:7pt; letter-spacing:-1; color:#c46f2a; } .academy_gu1 { font-size:7pt; letter-spacing:-1; color:#8c896f; } .academy_gu2 { font-size:7pt; letter-spacing:-1; color:#8c896f; } /* 테크노트 인덱스 날짜 칸 */ .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/img_knhakwon/more_bt.gif") center center no-repeat; } #work_list_content .i_box_end a:hover{ background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt0.png") 0 center no-repeat;} #category_menu dd#c_bt_0 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt0_on.png") 0 center no-repeat;} #category_menu dd#c_bt_1 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt1.png") 0 center no-repeat;} #category_menu dd#c_bt_1 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt1_on.png") 0 center no-repeat;} #category_menu dd#c_bt_2 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt2.png") 0 center no-repeat;} #category_menu dd#c_bt_2 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt2_on.png") 0 center no-repeat;} #category_menu dd#c_bt_3 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt3.png") 0 center no-repeat;} #category_menu dd#c_bt_3 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt3_on.png") 0 center no-repeat;} #category_menu dd#c_bt_4 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt4.png") 0 center no-repeat;} #category_menu dd#c_bt_4 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/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:219px; 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:120px; margin:0px auto; } #999yff_01 { float:left; width:250px; height:70px; } #f_img1 { float:left; width:140px; height:60px; top:35px; left:18px;} #f_img1 a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_pim/logo_down_120.png") center center no-repeat; } #yff_02 { float:left; width:320px; height:23px; text-align:left; } #yff_03 { float:left; width:320px; height:23px; text-align:left;} #yff_001 { display:none; } #top_bt { position:absolute; left:20px; bottom:25px;} } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* @media (min-width:401px) and (max-width:640px) {최소 400 ~ 639 ---------------------------------------------------------------------- */ @media (min-width:415px) and (max-width:640px) {/* 최소 414 ~ 639 ---------------------------------------------------------------------- */ 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; } a.menu-icon { position: absolute; z-index:999991; top: 10px; right: 5px; 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; } #wrap{margin:0 auto; width:100%; } /*.fade { display:none;}*/ body,input,button,textarea,p,td,a,li,span{font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:12px;line-height:1.5em;color:#828282; } A:link { text-decoration: none;} A:visited { text-decoration: none; } A:active { text-decoration: none; } A:hover { text-decoration: none;} #header {position:relative; top:0; left:0; width:100%; height:49px; margin:0 auto; z-index:99999; border-top:#412b20 solid 1px;} /*모바일 합격생 아이콘 fixed*/ #mob_pass_header { display:none; } /*모바일 에서 상단 안보임 */ #topp { display:none;} /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 */ #logo_mob {display:none;} #Godo_firstheader { display:none; } #firstheader { position:relative; top:0; width:100%; height:49px; margin:0 auto; border-bottom:#e1e1e1 solid 1px; } #firstheader #gnb { position:absolute; top:0px; width:100%; background-color:#125A9B; border-bottom:#e1e1e1 solid 1px;} #firstheader #gnb ul li{ height:49px; float:left; display:inline; } #firstheader #gnb ul .m0 {width:25%; margin-top:0px; left:0; } #firstheader #gnb ul .m0 a{ display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_knhakwon/logo_480.png") center center no-repeat; } #firstheader #gnb ul .m1 { position:absolute; width:16%; left:22%; } #firstheader #gnb ul .m1 a{ display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt1.png") center center no-repeat;} #firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt1.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m1_on { position:absolute; width:16%; left:22%; } #firstheader #gnb ul .m1_on a{ display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt1.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m2 {position:absolute; width:16%; left:38%;} #firstheader #gnb ul .m2 a{ display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt2.png") center center no-repeat;} #firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt2.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m2_on {position:absolute; width:16%; left:38%;} #firstheader #gnb ul .m2_on a {display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt2.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m3 {position:absolute; width:16%; left:55%;} #firstheader #gnb ul .m3 a{ display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt3.png") center center no-repeat;} #firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt3.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m3_on {position:absolute; width:16%; left:55%;} #firstheader #gnb ul .m3_on a {display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt3.png") center center no-repeat; background-color:#990066;} #firstheader #gnb ul .m4 {position:absolute; width:18%; left:70%; } #firstheader #gnb ul .m4 a{ display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt4.png") center center no-repeat;} #firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt4.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m4_on {position:absolute; width:18%; left:70%; } #firstheader #gnb ul .m4_on a {display:block; width:100%; height:49px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt4.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m5 {width:0px; height:49px; margin-top:0px; display:none; } #firstheader #gnb ul .m6 {display:none; position:absolute; width:0px; right:0%; height:49px; margin-top:0px; background-color:#bba79e; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt6_480.gif") no-repeat;} #firstheader #gnb ul .menu_line{width:1px; background:url("/art/skin_board/0k_build_home/img_knhakwon/menu_line.png") no-repeat; z-index:9999;} #firstheader #gnb ul #m_line1 {position:absolute; left:38%;} #firstheader #gnb ul #m_line2 {position:absolute; left:54%;} #firstheader #gnb ul #m_line3 {position:absolute; left:70%;} #Mobile_main { display:none; } /* 서브메뉴 아래로 내려옴 여기추가함 */ .sub1 {z-index:10000; width:150px; background:white !important; border:#125A9B solid 3px;} .sub2 {z-index:10000; width:150px; background:white !important; border:#125A9B solid 3px;} .sub3 {z-index:10000; width:150px; background:white !important; border:#125A9B solid 3px;} .sub4 {left:-75px; z-index:10000; width:150px; background:white !important; border:#125A9B solid 3px;} .sub5 {z-index:10000; width:150px; background:white !important; border:#125A9B solid 3px;} #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 0px;} /*s lnb_zero*/ #content #lnb_zero { width:100%; height:35px; } /*elnb_zero*/ /*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; 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:16%; 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:#fff; 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:16%; 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:17%; 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:#fff;} #content #lnb ul #s2 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s2_on{text-decoration:none; width:17%; 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:16%; 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:#fff;} #content #lnb ul #s3 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s3_on {text-decoration:none; width:16%; 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:17%; 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:#fff;} #content #lnb ul #s4 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s4_on{text-decoration:none; width:17%; 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:16%; 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:#fff;} #content #lnb ul #s5 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s5_on{text-decoration:none; width:16%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; 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:17%; 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:#fff;} #content #lnb ul #s6 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s6_on{text-decoration:none; width:17%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; 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:98%; height:34px; line-height:34px; margin:0 auto; vertical-align: middle; valign:absmiddle; } #content #sub_lnb ul li { height:34px; line-height:34px; 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:34px; line-height:34px; 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:34px; line-height:34px; 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:34px; line-height:34px; 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:34px; line-height:34px; 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:34px; line-height:34px; 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:34px; line-height:34px; 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:34px; line-height:34px; 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:34px; line-height:34px; 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*/ /*s:contact lnb*/ #content #lnb_contact { width:100%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; border-bottom:#e1e1e1 solid 1px;} #content #lnb_contact ul li { height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; float:left; display:inline; text-align:center;} #content #lnb_contact ul #s1{ width:180px; height:34px; line-height:34px; 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:180px; height:34px; line-height:34px; 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:180px; height:34px; line-height:34px; 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/img_knhakwon/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:180px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px;} #content #lnb_contact ul #s2_on a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_knhakwon/contact/top_m2_over.gif") center center no-repeat;background-color:#f9f9f9;} /*e:contact lnb*/ #content #title_content {padding:50px 50px 48px 50px; border-bottom:#e1e1e1 solid 1px; height:80px;} /*s content_total*/ #content #sub_content { padding:0px 10% 0px 5%;} /* 학원소개 이미지 테스트 */ #int1_1_big { display:none; } #int1_1_small { } /* 테크노트 썸네일 사이즈 --- 일반 */ #thum_tech {width:120px; height:60px; overflow:hidden; } /* 테크노트 썸네일 사이즈 ---갤러리 #thum_tech_gallery {width:150px; height:100px; overflow:hidden; } */ /* 테크노트 썸네일 사이즈 ---갤러리 */ #thum_tech_gallery {width:95px; height:60px; overflow:hidden; padding:4px ; 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:350px; 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'); } #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 6%; position:relative; border-bottom:#e1e1e1 solid 1px; overflow:hidden;} #content #sub_list_content .news_list .news_list_content{ position:absolute; top:56px; 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_item img {width:100%; height:100%; } #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 6% 130px 6%} #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:14px; 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 { padding:20px 2% 180px 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:90px; left:25%; } #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 5%; 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 5%; 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:49.6%; 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/img_knhakwon/more_bt.gif") center center no-repeat; } #work_list_content .i_box_end a:hover{ background:url("/art/skin_board/0k_build_home/img_knhakwon/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:49.6%; 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/img_knhakwon/work/c_bt0.png") 0 center no-repeat;} #category_menu dd#c_bt_0 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt0_on.png") 0 center no-repeat;} #category_menu dd#c_bt_1 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt1.png") 0 center no-repeat;} #category_menu dd#c_bt_1 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt1_on.png") 0 center no-repeat;} #category_menu dd#c_bt_2 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt2.png") 0 center no-repeat;} #category_menu dd#c_bt_2 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt2_on.png") 0 center no-repeat;} #category_menu dd#c_bt_3 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt3.png") 0 center no-repeat;} #category_menu dd#c_bt_3 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt3_on.png") 0 center no-repeat;} #category_menu dd#c_bt_4 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt4.png") 0 center no-repeat;} #category_menu dd#c_bt_4 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt4_on.png") 0 center no-repeat;} /*e work list*/ #footer {position:relative; width:100%; height:149px; top:0px; margin:0 auto; z-index:9000; 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:120px; margin:0px auto; } #999yff_01 { float:left; width:250px; height:70px; } #f_img1 { float:left; width:140px; height:60px; top:35px; left:18px;} #f_img1 a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_pim/logo_down_120.png") center center no-repeat; } #yff_02 { float:left; width:320px; height:30px; text-align:left; position:relative; top:10px; } #yff_03 { float:left; width:320px; height:30px; text-align:left; position:relative; top:10px; } #yff_001 { display:none; } #top_bt { position:absolute; left:5px; bottom:5px;} } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ @media (min-width:641px) and (max-width:959px) {/* 최소 640 ~ 1024 ---------------------------------------------------------------------- */ 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; } a.menu-icon { position: absolute; z-index:999991; top: 10px; right: 5px; 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; } #wrap{margin:0 auto; width:100%; } /*.fade { display:none;}*/ body,input,button,textarea,p,td,a,li,span{font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:12px;line-height:1.5em;color:#828282; } A:link { text-decoration: none;} A:visited { text-decoration: none; } A:active { text-decoration: none; } A:hover { text-decoration: none;} #header {position:relative; top:0; left:0; width:100%; height:56px; z-index:99999; border-top:#412b20 solid 1px; } /*모바일 합격생 아이콘 fixed*/ #mob_pass_header { display:none; } /*모바일 에서 상단 안보임 */ #topp { display:none;} /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 */ #logo_mob {display:none;} #Godo_firstheader { display:none; } #firstheader { position:relative; top:0; width:100%; height:56px; border-bottom:#e1e1e1 solid 1px; } #firstheader #gnb { position:absolute; top:0px; width:100%; background-color:#125A9B; border-bottom:#e1e1e1 solid 1px;} #firstheader #gnb ul li{ height:56px; float:left; display:inline; } #firstheader #gnb ul .m0 {width:23%; margin-top:0px; left:0;} #firstheader #gnb ul .m0 a{ display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_knhakwon/logo_760.png") center center no-repeat; } #firstheader #gnb ul .m1 { position:absolute; width:16%; left:22%; } #firstheader #gnb ul .m1 a{ display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt1.png") center center no-repeat;} #firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt1.png") center center no-repeat; background-color:#990066;} #firstheader #gnb ul .m1_on { position:absolute; width:16%; left:22%; } #firstheader #gnb ul .m1_on a{ display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt1.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m2 {position:absolute; width:16%; left:38%;} #firstheader #gnb ul .m2 a{ display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt2.png") center center no-repeat;} #firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt2.png") center center no-repeat; background-color:#990066;} #firstheader #gnb ul .m2_on {position:absolute; width:16%; left:38%;} #firstheader #gnb ul .m2_on a {display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt2.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m3 {position:absolute; width:16%; left:55%;} #firstheader #gnb ul .m3 a{ display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt3.png") center center no-repeat;} #firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt3.png") center center no-repeat; background-color:#990066;} #firstheader #gnb ul .m3_on {position:absolute; width:16%; left:55%;} #firstheader #gnb ul .m3_on a {display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt3.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m4 {position:absolute; width:18%; left:75%; } #firstheader #gnb ul .m4 a{ display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt4.png") center center no-repeat;} #firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt4.png") center center no-repeat; background-color:#990066;} #firstheader #gnb ul .m4_on {position:absolute; width:18%; left:75%; } #firstheader #gnb ul .m4_on a {display:block; width:100%; height:56px; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt4.png") center center no-repeat; background-color:#990066; } #firstheader #gnb ul .m5 {width:121px; height:56px; margin-top:0px; display:none; } #firstheader #gnb ul .m6 {display:none; position:absolute; width:58px; right:0%; height:56px; margin-top:0px; background-color:#bba79e; background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt6_760.gif") no-repeat;} #firstheader #gnb ul .menu_line{width:0px; background:url("/art/skin_board/0k_build_home/img_knhakwon/menu_line.png") no-repeat; z-index:9999;} #firstheader #gnb ul #m_line1 {position:absolute; left:37%;} #firstheader #gnb ul #m_line2 {position:absolute; left:55%;} #firstheader #gnb ul #m_line3 {position:absolute; left:75%;} #Mobile_main { display:none; } /* #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;} */ #content { position:relative; width:960px; height:730px; top:0px; margin:0 auto; padding:0 auto; z-index:10; background-color:White; border-left:#e1e1e1 solid 0px;} /* 서브메뉴 아래로 내려옴 여기추가함 */ .sub1 {z-index:10000; width:150px; background:white !important; border:#125A9B solid 3px;} .sub2 {z-index:10000; width:150px; background:white !important; border:#125A9B solid 3px;} .sub3 {z-index:10000; width:150px; background:white !important; border:#125A9B solid 3px;} .sub4 {left:-55px; z-index:10000; width:150px; background:white !important; border:#125A9B solid 3px;} .sub5 {z-index:10000; width:150px; background:white !important; border:#125A9B solid 3px;} /*s lnb_zero*/ #content #lnb_zero { width:100%; height:35px; } /*elnb_zero*/ /*s:about lnb #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:20%; 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:20%; 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:20%; 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:20%; 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:20%; 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:20%; 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:19%; 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:19%; 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;} */ /*e:about lnb*/ /*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; line-height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; 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:16%; 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:#fff; 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:16%; 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:17%; 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:#fff;} #content #lnb ul #s2 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s2_on{text-decoration:none; width:17%; 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:16%; 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:#fff;} #content #lnb ul #s3 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s3_on {text-decoration:none; width:16%; 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:17%; 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:#fff;} #content #lnb ul #s4 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s4_on{text-decoration:none; width:17%; 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:16%; 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:#fff;} #content #lnb ul #s5 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s5_on{text-decoration:none; width:16%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; 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:17%; 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:#fff;} #content #lnb ul #s6 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s6_on{text-decoration:none; width:17%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; 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*/ /*s:contact lnb*/ #content #lnb_contact { width:100%; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; border-bottom:#e1e1e1 solid 1px;} #content #lnb_contact ul li { height:34px; line-height:34px; vertical-align: middle; valign:absmiddle; float:left; display:inline; text-align:center;} #content #lnb_contact ul #s1{ width:180px; height:34px; line-height:34px; 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:180px; height:34px; line-height:34px; 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:180px; height:34px; line-height:34px; 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/img_knhakwon/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:180px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;border-right:#e1e1e1 solid 1px;} #content #lnb_contact ul #s2_on a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_knhakwon/contact/top_m2_over.gif") center center no-repeat;background-color:#f9f9f9;} /*e:contact lnb*/ #content #title_content {padding:50px 50px 48px 50px; border-bottom:#e1e1e1 solid 1px; height:107px;} /*s content_total*/ /* #content #sub_content { padding:0px 50px 0px 50px;} */ #content #sub_content { padding:0px 50px 0px 50px;} #content #sub_content #right_section li img { width:168px; border:#e1e1e1 solid 1px;} /* 학원소개 이미지 테스트 */ #int1_1_big { } #int1_1_small { display:none; } /* 테크노트 썸네일 사이즈 --- 일반 */ #thum_tech {width:120px; height:60px; overflow:hidden; } /* 테크노트 썸네일 사이즈 ---갤러리 #thum_tech_gallery {width:170px; height:120px; overflow:hidden; } */ /* 테크노트 썸네일 사이즈 ---갤러리 */ #thum_tech_gallery {width:140px; height:90px; overflow:hidden; padding:4px ; 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:550px; 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'); } #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:65%; } #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:-30px; 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:20%;} #content #sub_content .history_list .history_text {width:50%; 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 50px; position:relative; border-bottom:#e1e1e1 solid 1px; overflow:hidden;} #content #sub_list_content .news_list .news_list_content{ position:absolute; top:56px; left:329px;} #content #sub_list_content .news_list .news_list_bt { position:absolute; top:200px; right:0px;} #content #sub_list_content .news_list .news_list_item {border:#e1e1e1 solid 1px; width:240px; height:139px;} #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 50px 130px 50px} #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:14px; 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 { padding:50px 50px 180px 50px; 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 { margin-right:27%;} #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:124px; min-width:80px; 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; border-bottom:#e1e1e1 solid 1px;font-family:"NGothicB", Dotum; font-size:11px; color:#5e5e5e;} #content #contact_content form #join_bt_box { position:absolute;bottom:90px; left:35%; } #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;} #content #contact_content form #join #inquiry {border:#e1e1e1 solid 1px; width:470px; height:153px} /*e contact */ /*s work view*/ #content #work_title_content {position:relative; padding:50px 50px 48px 50px; 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 50px 50px 50px; 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:33.1%; 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:30px; 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:30px; 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/img_knhakwon/more_bt.gif") center center no-repeat; } #work_list_content .i_box_end a:hover{ background:url("/art/skin_board/0k_build_home/img_knhakwon/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:33.1%; 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/img_knhakwon/work/c_bt0.png") 0 center no-repeat;} #category_menu dd#c_bt_0 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt0_on.png") 0 center no-repeat;} #category_menu dd#c_bt_1 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt1.png") 0 center no-repeat;} #category_menu dd#c_bt_1 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt1_on.png") 0 center no-repeat;} #category_menu dd#c_bt_2 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt2.png") 0 center no-repeat;} #category_menu dd#c_bt_2 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt2_on.png") 0 center no-repeat;} #category_menu dd#c_bt_3 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt3.png") 0 center no-repeat;} #category_menu dd#c_bt_3 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt3_on.png") 0 center no-repeat;} #category_menu dd#c_bt_4 a { background:url("/art/skin_board/0k_build_home/img_knhakwon/work/c_bt4.png") 0 center no-repeat;} #category_menu dd#c_bt_4 a.on { background:url("/art/skin_board/0k_build_home/img_knhakwon/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/img_knhakwon/work/c_bt4_on.png") 0 center no-repeat;} /*e work list*/ #footer {position:relative; width:100%; height:124px; 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:120px; margin:0 auto;} #yff_01 { float:left; width:250px; height:70px; } #f_img1 { float:left; width:170px; height:63px; top:35px; left:18px; } #f_img1 a { display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_pim/logo_down_120.png") center center no-repeat; } #yff_02 { float:left; width:320px; height:30px; text-align:left; position:relative; top:20px; } #yff_03 { float:left; width:320px; height:60px; text-align:left; position:relative; top:20px; } #yff_001 { float:left; width:996px; height:80px; } #top_bt { position:absolute; left:0px; bottom:0px;} } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------피시버전 제일 큰 ----------------*/ @media (min-width:996px) { 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/img_knhakwon/bg.gif") center -134px repeat #f9f9f9; } */ 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: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;} 로고넣음 영도가 */ /* 아래 하이스가 메뉴에서 작은 아이콘 본문을 결정 ㅎ ㅎㅎ height:155px; */ #header {*position:relative; top:0; left:0; width:100%; height:80px; margin:0 auto; z-index:99; border-top:#412b20 solid 0px; text-align:center; background:;} /* #topp { width:100%; height:23px; background-color:#f7f9f9; border-bottom:#edf3f4 solid 1px;} 상단 홈등 바로가기 잠시막음 */ #topp { width:996px; margin:0 auto; height:28px; background-color:#efefef; border-bottom:#edf3f4 solid 1px;} /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 */ #logo_mob { width:320px; margin-top:20px; } #firstheader { position:relative; top:0; width:996px; height:90px; margin:0 auto; background-color:; } #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:0px; left:0; } /* #firstheader #gnb ul .m0 a{ display:block; width:100%; height:90px; background:url("/art/skin_board/0k_build_home/img_knhakwon/logo_new.png") center center no-repeat; } */ #firstheader #gnb ul .m0 a{ display:block; width:100%; height:90px; background:url() center center no-repeat; } #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/img_knhakwon/m_bt1.png") center center no-repeat;} #firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt1.png") center center no-repeat; 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/img_knhakwon/m_bt1.png") center center no-repeat; 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/img_knhakwon/m_bt2.png") center center no-repeat;} #firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt2.png") center center no-repeat; 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/img_knhakwon/m_bt2.png") center center no-repeat; 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/img_knhakwon/m_bt3.png") center center no-repeat;} #firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt3.png") center center no-repeat; 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/img_knhakwon/m_bt3.png") center center no-repeat; 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/img_knhakwon/m_bt4.png") center center no-repeat;} #firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt4.png") center center no-repeat; 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/img_knhakwon/m_bt4.png") center center no-repeat; 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/img_knhakwon/m_bt5.png") center center no-repeat;} #firstheader #gnb ul .m5 a:hover {background:url("/art/skin_board/0k_build_home/img_knhakwon/m_bt5.png") center center no-repeat; 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/img_knhakwon/m_bt5.png") center center no-repeat; 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:996px; 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:996px; height:28px; top:1px; margin:0 auto; padding:0 auto; z-index:10; background-color:#edf7f9; border-bottom:#e5e5e5 solid 1px;} #content { position:relative; width:996px; min-height:300px; height:auto; top:-9px; margin:0 auto; padding:0 auto; z-index:10; background-color:; border-left:#e1e1e1 solid 0px; border-right:#e1e1e1 solid 0px; border-top:#e1e1e1 solid 0px;} /*s lnb_zero*/ #content #lnb_zero { width:100%; height:55px; } /*elnb_zero*/ /* 서브메뉴 아래로 내려옴 여기추가함 */ .sub1 {margin: -2px 0 0 0; z-index:10000; width:190px; background:white; border:#125A9B solid 3px; text-align:center;} .sub2 {margin: -2px 0 0 0; z-index:10000; width:190px; background:white; border:#125A9B solid 3px; text-align:center;} .sub3 {margin: -2px 0 0 0; z-index:10000; width:190px; background:white; border:#125A9B solid 3px; text-align:center;} .sub4 {margin: -2px 0 0 0; z-index:10000; width:190px; background:white; border:#125A9B solid 3px; text-align:center;} .sub5 {margin: -2px 0 0 0; z-index:10000; width:190px; background:white; border:#125A9B solid 3px; text-align:center;} /*s:about 소메뉴들 #content #lnb { width:100%; height:34px; line-height:34px; margin:0 auto; vertical-align: middle; valign:absmiddle; border-bottom:#e1e1e1 solid 1px;} margin:0 0 0 -40px; margin:0 0 0 -34px; lnb */ #so_menu_tab { margin:0 0 0 6px; } #content #lnb { width:100%; height:34px; line-height:34px; margin:0 0 0 -40px; vertical-align: middle; valign:absmiddle; border-bottom:#e1e1e1 solid 0px;} #content #lnb ul li { width:100%; height:34px; line-height:34px; 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%;} #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%;} #content #lnb ul #s7{text-decoration:none; width:120px; height:34px; line-height:34px; vertical-align: middle; valign:absmiddle;} #content #lnb ul #s7 a { text-decoration:none; display:block; width:100%; height:100%; background-color:#f9f9f9;} #content #lnb ul #s7 a:hover { text-decoration:none; background-color:#f5fcff;} #content #lnb ul #s7_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 #s7_on a {text-decoration:none; display:block; width:100%; height:100%;} /*e:about lnb*/ /* 소메뉴들 아래 소메뉴 영도가 sub_lnb*/ #content #sub_lnb { width:100%; 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:996px; } /* 메인 섹션 반응형으로 분리 영도가 */ #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;} #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; */ #thum_tech { width:130px; height:100px; overflow:hidden; } /* 테크노트 썸네일 사이즈 --- 일반 width:100px; height:50px; */ #thum_tech_seminar { width:150px; height:130px; 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:700px; height:400px;} /* 학원 메인 그림리스트들 .. margin:-185px 0 0 220px; #academy_gallery { position:relative; margin:-185px 0 0 190px; width:270px; height:225px; overflow:hidden; padding:1px; vertical-align: text-top; } #academy_title_story { margin:0 0 0 40px; font-size:9pt; letter-spacing:-1; color:#9badbc; } */ #academy_gallery { position:relative; margin:-185px 0 0 192px; width:270px; height:190px; overflow:hidden; padding:1px; vertical-align: text-top; } #academy_title_story { margin:0 0 0 40px; font-size:9pt; letter-spacing:-1; color:#9badbc; } /* 학원게시판 인덱스 댓글 -스크롤 높이 */ .scroll_bbs_main { width:96%; height:190px; overflow:auto ; border:0px solid #ededed; padding:4px; 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; } /* 학원 메인 그림리스트들 섬네일 */ #thum_tech_misul_main_right { width:190px; height:130px; overflow:hidden; padding:5px; float:left; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 학원 메인 그림리스트들 섬네일 오버 */ #thum_tech_misul_main_right :hover { background-color: red; } /* 학원 메인 그림리스트들 서브화면 body.php - 섬네일 width:190px; height:130px; */ #thum_tech_misul_main_body_php { width:140px; height:80px; overflow:hidden; padding:5px; margin:3px; float:left; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 테크노트 썸네일 사이즈 ---갤러리 */ #thum_tech_academy { width:220px; height:60px; overflow:hidden; padding:1px; margin:3px; border-top:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; } /* 학원 세부 설명들 */ #academy_text_table { width:220px; height:110px; overflow:hidden; padding:1px; margin:3px; } .academy_name { font-size:10pt; letter-spacing:-1; color:#3a4c84; } .academy_juso { font-size:9pt; letter-spacing:-1; color:#8c896f; } .academy_tel { font-size:9pt; letter-spacing:-1; color:#c46f2a; } .academy_gu1 { font-size:9pt; letter-spacing:-1; color:#8c896f; } .academy_gu2 { font-size:9pt; letter-spacing:-1; color:#8c896f; } /* 테크노트 인덱스 날짜 칸 */ .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:84px; 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:996px; overflow:hidden; height:120px; margin:0 auto;} #yff_01 { float:left; width:270px; height:70px; } #f_img1 { float:left; width:270px; height:63px; top:35px; left:18px;} #f_img1 a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_pim/logo_down.png") center center no-repeat; } #yff_02 { float:left; width:280px; height:30px; text-align:left; position:relative; top:20px; } #yff_03 { float:left; width:300px; height:60px; text-align:left; position:relative; top:20px; } #yff_001 { float:left; width:996px; height:80px; } #top_bt { position:absolute; left:0px; bottom:0px;} } /* 스타일끝 common.css */