@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; } /* 테크노트 썸네일 사이즈 --- 일반 #thum_tech {width:70px; height:50px; overflow:hidden; } #thum_tech {width:90px; height:60px; overflow:hidden; } */ #thum_tech {width:50px; height:50px; overflow:hidden; } @media (max-width:414px) {/* 최대 399 ---------------------------------------------------------------------- */ /* body{ background-color:White;}*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 15px; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body{ background-color:White; line-height: 1; position: relative; right: 0; -webkit-transition: right .3s; transition: right .3s; word-spacing:0pt; } body.open { right: 250px; } #Slide_header { margin-bottom: 0px; position: relative; z-index:999999999991; } a.menu-icon { /* position: absolute; 고정되게 모바일에서는 position: fixed; z-index:999991; top: 10px; right: 5px; font-size: 13px; 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: 13px; 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 { 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:11.5px; 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:0; left:0; width:100%; height:96px; margin:0 auto; z-index:99999; border-top:#412b20 solid 0px; } #Godo_firstheader { display:none; } /* 피시탑 */ #pctop { display:none; } /* #firstheader { position:relative; top:0; width:100%; height:48px; margin:0 auto; } */ #firstheader { position:relative; top:0; width:100%; height:48px; 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:0px; left:0; } /* #firstheader #gnb ul .m0 a{ display:block; width:90%; height:48px; background:url("/art/skin_board/0k_build_home/img_metacode/logo_240.png") center center no-repeat; background-size: 171px 48px; } */ #firstheader #gnb ul .m0 a{ display:block; width:100%; height:48px; text-align:center; } /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 #logo_img { width:200px; margin: -3px 0 0 9%; } */ /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 #logo_img { width:200px; margin: -3px 29% 0 0; } #logo_img { width:210px; margin: -7px 0 0 0; } */ #logo_img { width:300px; margin: 0px 0 0 0; } /* 테크노트 썸네일 사이즈 --- #thum_gallery_go {width:130px; height:50px; overflow:hidden; } 일반 */ /* 테크노트 썸네일 사이즈 --- 일반 */ #thum_gallery_go {width:190px; padding: -10px 0 0 0 ; } /* 테크노트 썸네일 사이즈 --- 일반 */ #system_height {height:29px; } #firstheader #gnb ul .m1 { position:absolute; width:20%; left:0; top:110px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; } #firstheader #gnb ul .m1 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; background-size: 140px 41px; border-bottom:#e1e1e1 solid 1px;} #firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; background-color:#ededed; } #firstheader #gnb ul .m1_on { position:absolute; width:20%; left:0; top:60px;background-color:#6c5f59;} #firstheader #gnb ul .m1_on a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m2 {position:absolute; width:20%; left:20%;top:110px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; } #firstheader #gnb ul .m2 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; background-size: 140px 41px; border-bottom:#e1e1e1 solid 1px;} #firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m2_on {position:absolute; width:20%; left:20%; top:60px;background-color:#6c5f59;} #firstheader #gnb ul .m2_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m3 {position:absolute; width:20%; left:40%;top:110px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; } #firstheader #gnb ul .m3 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; background-size: 140px 41px; border-bottom:#e1e1e1 solid 1px;} #firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m3_on {position:absolute; width:20%; left:40%; top:60px;background-color:#6c5f59;} #firstheader #gnb ul .m3_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m4 {position:absolute; width:20%; left:60%; top:110px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; } #firstheader #gnb ul .m4 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; background-size: 140px 41px; border-bottom:#e1e1e1 solid 1px;} #firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m4_on {position:absolute; width:20%; left:60%; top:60px;background-color:#D71920; } #firstheader #gnb ul .m4_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m5 {position:absolute; width:20%; left:80%; top:110px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; } #firstheader #gnb ul .m5 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; background-size: 140px 41px; border-bottom:#e1e1e1 solid 1px;} #firstheader #gnb ul .m5 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m5_on {position:absolute; width:20%; left:80%; top:60px;background-color:#D71920; } #firstheader #gnb ul .m5_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; background-color:#fff0e9; } #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_metacode/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_metacode/m_bt6.png") center center no-repeat;} #firstheader #gnb ul .m6 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt6.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m6_on {position:absolute; width:70px; right:0; top:48px; background-color:#6c5f59; } #firstheader #gnb ul .m6_on a {display:block; width:70px; right:0; height:48px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt6.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .menu_line{width:1px; background:url("/art/skin_board/0k_build_home/img_metacode/menu_line.png") no-repeat;z-index:9999;top:43px;} */ #firstheader #gnb ul .menu_line{width:0; background:url("/art/skin_board/0k_build_home/img_metacode/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%;} /*.메인플레쉬 배너 영도가 */ #main_flash_banner { display:none; } /*. 모바일 배너 영도가 */ #container {background-color:#fbfbfb} #container .section {width:100%;} #container .wrap {width:960px; margin:0 auto; top:2px;} /* 상단 플리킹 .main .wrap {width:960px; margin:0 auto; position:relative} .main .wrap .ficker {position:absolute; top:312px; left:405px; z-index:1000; width:162px; height:13px} .main .wrap .ficker a {text-indent: -9999px} /* 130222 */ */ /* 상단 플리킹 position:absolute; top:382px; left:60px; */ .main .wrap {width:960px; margin:0 auto; position:relative} .main .wrap .ficker {position:absolute; top:353px; margin:0 auto; left:110px; z-index:1000; width:200px; height:13px} .main .wrap .ficker a {text-indent: -9999px} /* 130222 */ .main .wrap a {float:left; width:13px; height:13px; margin-right:3px; background:url('/art/skin_board/0k_build_home/img_metacode/bul_ficker.png') 0 -13px no-repeat; display:block; text-indent:-1000px} .main .wrap a.on {background-position:0 0} /* .main .image {width:100%; height:280px; overflow:hidden; margin:0 auto; position:relative} max-width: 100%; */ .main .image {width:100%; height:280px; overflow:hidden; margin:0 auto; position:relative} .main .image ul {overflow:hidden; position:absolute; top:0; left:0; background-color:red} .main .image li {float:left;} .main .image li span {display:block; width:100%; max-width: 100%; height:280px; } .main .image li a {display:block; width:100%; max-width: 100%; height:280px; } /*. 모바일 배너 영도가 */ /* #content { position:relative; width:100%; height:1980px; top:0px; margin:0 auto; z-index:100;background-color:White; } */ /* 2639 1319 */ #content { position:relative; width:100%; height:1615px; top:0px; margin:0 auto; padding:0 auto; z-index:100; background-color:White; } #content .item_boxs { position:relative; margin:0 auto; } #content .item_boxs dt { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:15px; color:#161616; text-align:left; } #content .item_boxs dd { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:9px; color:#767676; line-height:15px; } /* #content .hidden_box { position:absolute; overflow:hidden; border:#ededed solid 2px;} */ #content .hidden_box { position:absolute; overflow:hidden;} #content .hidden_box a{position:absolute; display:block; width:100%; height:100%; z-index:90000 } /*hidden_box전체 40을 뺌 #content #hidden_box1 {position:absolute; left:0; top:0; width:49.9%; height:178px; z-index:56;} #content #hidden_box2 {position:absolute; left:50%; top:0; width:49.9%; height:178px; z-index:55;} */ #content #hidden_box1 {position:absolute; left:0; top:0; width:49.9%; height:218px; z-index:56; border:#ededed solid 2px;} #content #hidden_box2 {position:absolute; left:50%; top:0; width:49.9%; height:218px; z-index:55; border:#ededed solid 2px;} #content #hidden_box3 {position:absolute; left:0; top:219px; width:49.9%; height:219px; z-index:54; border:#ededed solid 2px;} /*아이템박스전체 #content #hidden_box4 {display:none} */ #content #hidden_box4 {position:absolute; left:50%; top:219px; width:49.9%; height:219px; z-index:51; border:#ededed solid 2px;} #content #hidden_box5 {position:absolute; left:0; top:439px; width:49.9%; height:179px; z-index:48; border:#ededed solid 2px;} #content #hidden_box6 {position:absolute; left:50%; top:439px; width:49.9%; height:179px; z-index:53; border:#ededed solid 2px;} #content #hidden_box7 {position:absolute; left:0; top:619px; width:49.9%; height:179px; z-index:52; border:#ededed solid 2px;} #content #hidden_box8 {position:absolute; left:50%; top:619px; width:49.9%; height:179px; z-index:45; border:#ededed solid 2px;} #content #hidden_box9 {position:absolute; left:0; top:799px; width:49.9%; height:179px; z-index:50; border:#ededed solid 2px;} #content #hidden_box10 {position:absolute; left:50%; top:799px; width:49.9%; height:179px; z-index:46; border:#ededed solid 2px;} #content #hidden_box14 {position:absolute; left:0; top:989px; width:49.9%; height:300px; z-index:42; border:#ededed solid 2px;} #content #hidden_box13 {position:absolute; left:50%; top:989px; width:49.9%; height:300px; z-index:44; border:#ededed solid 2px;} #content #hidden_box11 {position:absolute; left:0; top:1289px; width:49.9%; height:300px; z-index:44; border:#ededed solid 2px;} #content #hidden_box12 {position:absolute; left:50%; top:1289px; width:49.9%; height:300px; z-index:42; border:#ededed solid 2px;} /*아이템박스전체*/ #content #i_box1 { left:0px; top:-240px; width:50%; height:180px; background-color:;} #content #i_box1 dt { position:absolute; left:30px; top:30px;width:150px; height:50px;} #content #i_box1 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;} #content #i_box2 {left:-500px; top:0px; width:50%; height:180px; background-color:;} #content #i_box2 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box2 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;} /* #content #i_box3 { left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box3 dt { position:absolute; left:30px; top:30px;width:150px;} #content #i_box3 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;} #content #i_box3 { left:-500px; top:0px; width:240px; height:240px; background-color:;} #content #i_box3 dt { position:absolute; left:30px; top:30px;} #content #i_box3 dd { position:absolute; left:30px; top:54px; width:181px; height:50px;} */ #content #i_box3 { left:-500px; top:0px; width:310px; height:220px; background-color:; } #content #i_box3 dt { position:absolute; left:0px; top:20px; width:180px;} #content #i_box3 dd { position:absolute; left:0px; top:44px; width:280px; height:150px;} /*세로두칸*/ #content #i_box4 { left:-500px; top:0px; width:310px; height:220px; background-color:;} #content #i_box4 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box4 dd { position:absolute; left:30px; top:50px; width:150px; height:50px;} #content #i_box5 {left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box5 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box5 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;} /*가로두칸*/ #content #i_box6 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box6 dt { position:absolute; left:30px; top:30px;width:150px;} #content #i_box6 dd { position:absolute; left:30px; top:60px; width:150px; height:70px;} #content #i_box7 {left:0px; top:-240px; width:50%; height:220px; padding:0 0 0 0; margin:0 0 0 0 ; background-color:;} #content #i_box7 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box7 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;} #content #i_box8 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box8 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box8 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;} #content #i_box9 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box9 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box9 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;} #content #i_box10 { left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box10 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box10 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;} /* 블로그 페북 화살표 새칭 링크 */ #linkp { width:5px; margin: 0px 0 0 95px; } #linkp_img { width:24px; padding:0 3px 0 0; } #content #i_box11 { left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box11 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box11 dd { position:absolute; left:-15px; top:55px; width:200px; height:50px;} #content #i_box12 {left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box12 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box12 dd { position:absolute; left:-15px; top:55px; width:200px; height:50px;} #content #i_box13 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box13 dt { position:absolute; left:0px; top:0px; width:150px;} #content #i_box13 dd { position:absolute; left:-50px; top:-5px; width:250px; height:50px;} #content #i_box14 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box14 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box14 dd { position:absolute; left:-50px; top:0px; width:200px; height:50px;} #content #i_box15 {left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box15 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box15 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;} #content #i_box16 { left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box16 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box16 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;} /*컨텐츠이미지위치 #content .img_position_1 { position:absolute; right:-90%; top:5px; width:199px; height:131px; z-index:20;} #content .img_position_1 { position:absolute; right:-54%; top:40px; width:126px; height:120px; z-index:20;} */ #content .img_position_1 { position:absolute; right:-30%; top:40px; width:126px; height:120px; z-index:20;} /* 영도가 레이어 올라간 게시판 최근글 출력 대박 .board_txt { margin:0px 0 0 -35px; width:160px;} */ .board_txt { overflow:hidden; width:300px; height:130px; margin:0px 0 0 -40px; } .imgg_board_txt {margin-top:50px; margin-left:-20px;} /* 영도가 레이어 올라간 게시판 최근글 모바일에서는 아주작게 보이게 */ .board_txt_cl { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:10px; line-height:1.5em; color:#a8896a; letter-spacing:-1px; } /*세로두칸*/ #content .img_position_2 { position:absolute; right:-90%; top:75px; width:179px; height:111px; z-index:20;} /*가로두칸*/ #content .img_position_3 { position:absolute; right:-90%; top:105px;width:149px; height:91px;z-index:20;} #content .img_position_4 {position:absolute; width:240px; height:240px; left:40%;} /*오버박스*/ #content .over_box { display:none; z-index:70; } #content #o_box1 {position:absolute; left:0; top:0px; width:220px; height:220px;} #content #o_box2 {position:absolute; left:220px; top:0;width:220px; height:220px; } #content #o_box3 {position:absolute; left:440px; top:0; width:220px; height:220px;} #content #o_box4 {position:absolute; left:0px; top:220px;width:220px; height:220px;} #content #o_box5 {position:absolute; left:0px; top:440px; width:220px; height:220px;} #content #o_box6 {position:absolute; left:220px; top:220px; width:220px; height:220px;} #content #o_box7 {position:absolute; left:440px; top:220px;width:220px; height:220px; } #content #o_box8 {position:absolute; left:220px; top:440px; width:220px; height:220px;} #content #o_box9 {position:absolute; left:0px; top:660px;width:220px; height:220px; } #content #o_box10 {position:absolute; left:220px; top:660px;width:220px; height:220px; } #content #o_box11 {position:absolute; left:440px; top:660px; width:220px; height:220px;} #content #o_box12 {position:absolute; left:0px; top:880px;width:220px; height:220px; } #content #o_box13 {position:absolute; left:440px; top:440px; width:220px; height:220px;} #content #o_box14 {position:absolute; left:220px; top:880px; width:220px; height:220px;} #content #o_box15 {position:absolute; left:440px; top:880px;width:220px; height:220px; } #content #o_box16 {position:absolute; left:0px; top:1100px;width:220px; height:220px; } #content #o_box17 {position:absolute; left:220px; top:1100px; width:220px; height:220px;} #footer {position:relative; width:100%; height:319px; 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;} /* 아래가 높이.. height:250px; */ #yff { overflow:hidden; height:270px; margin:0px auto; } #yff_01 { float:left; width:270px; height:220px; } #f_img1 { float:left; width:100%; height:60px; top:15px; left:18px;} #f_img1 a { display:none; display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_metacode/logo_down.png") center center no-repeat; background-size: 130px 41px;} #yff_copy { float:left; width:90%; position:relative; top:5px; margin:0px; text-align:left; padding:10px; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:10px; line-height:1.5em; color:#a8896a; letter-spacing:-1px; } #copyright { float:left; width:90%; position:relative; top:5px; margin:0px; text-align:left; padding:10px; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:9px; line-height:1.5em; color:#999999; letter-spacing:-1px; } #yff_02 { float:left; width:320px; height:28px; text-align:left; padding:0 0 0 5px;} #yff_03 { float:left; width:320px; height:28px; text-align:left; padding:0 0 0 5px;} #yff_04 { float:left; width:320px; height:28px; text-align:left; padding:0 0 0 5px;} #yff_05 { float:left; width:320px; height:28px; text-align:left; padding:0 0 0 5px;} #yff_001 { display:none; } #top_bt { float:left; text-align:right; position:relative; left:250px; bottom:5px;} /*e work list #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;} #realfooter { position:relative; width:100%; height:219px; top:0px; margin:0 auto; } #realfooter div { position:absolute; bottom:110px; left:20px; text-align:left;} #realfooter div p { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:10px; color:#6d6d6d; } #realfooter #footer_img { position:absolute; top:25px; left:5px; width:210px; height:56px;} #realfooter #footer_img li {} #realfooter #footer_img #f_img1 { position:absolute; width:96px; height:10px; top:35px; left:18px;} #realfooter #footer_img #f_img1 a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_metacode/down_img_760.gif") center center no-repeat; } #realfooter #footer_img #f_img2 {position:absolute; width:144px; height:27px; top:0px; left:16px;} #realfooter #footer_img #f_img2 a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_metacode/family_box_760.gif") center center no-repeat; } #realfooter #footer_img #f_img3 {position:absolute; width:82px; height:10px; top:35px; right:0px; } #realfooter #footer_img #sub_family {position:absolute; width:143px; top:-24px; left:16px; display:none; z-index:90;} #realfooter #footer_img #sub_family p{ text-align:center; width:143px; height:24px; vertical-align:middle; border:#e1e1e1 solid 1px; } #realfooter #footer_img #sub_family p a{ display:block; width:100%; height:100%; text-decoration:none; font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:12px; color:#6d6d6d; background-color:#fff;} #realfooter #footer_img #sub_family p a:hover { background-color:#f9f9f9;} #realfooter #top_bt {position:absolute; left:20px; bottom:25px;} */ } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ @media (min-width:415px) and (max-width:639px) {/* 최소 400 ~ 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; } /*모바일 합격생 아이콘 fixed*/ #mob_pass_header { display:none; } /*모바일 에서 상단 안보임 */ #topp { display:none;} #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 0px;} #Godo_firstheader { display:none; } /* 피시탑 */ #pctop { display:none; } #firstheader { position:relative; top:0; width:100%; height:49px; margin:0 auto; border-bottom:#e1e1e1 solid 0px; } #firstheader #gnb { position:absolute; top:0px; width:100%; background-color:; 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; } /* #firstheader #gnb ul .m0 a{ display:block; width:90%; height:48px; background:url("/art/skin_board/0k_build_home/img_metacode/logo_240.png") 80% center no-repeat; } */ #firstheader #gnb ul .m0 a{ display:block; width:100%; height:48px; text-align:center; } /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 #logo_img { width:200px; margin: -3px 0 0 9%; } */ /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 #logo_img { width:200px; margin: -3px 29% 0 0; } */ #logo_img { width:210px; margin: -7px 0 0 0; } #firstheader #gnb ul .m1 { position:absolute; width:20%; left:0; top:70px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 0px; } #firstheader #gnb ul .m1 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; background-size: 159px 47px;} #firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m1_on { position:absolute; width:20%; left:0; top:70px;background-color:#6c5f59;} #firstheader #gnb ul .m1_on a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; background-color:#AC258B; background-size: 159px 47px; } #firstheader #gnb ul .m2 {position:absolute; width:20%; left:20%;top:70px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 0px; } #firstheader #gnb ul .m2 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; background-size: 159px 47px;} #firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m2_on {position:absolute; width:20%; left:20%; top:70px;background-color:#6c5f59;} #firstheader #gnb ul .m2_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; background-color:#AC258B;background-size: 159px 47px; } #firstheader #gnb ul .m3 {position:absolute; width:20%; left:40%;top:70px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 0px; } #firstheader #gnb ul .m3 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; background-size: 159px 47px;} #firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m3_on {position:absolute; width:20%; left:40%; top:70px;background-color:#6c5f59;} #firstheader #gnb ul .m3_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; background-color:#AC258B; background-size: 159px 47px; } #firstheader #gnb ul .m4 {position:absolute; width:20%; left:60%; top:70px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 0px; } #firstheader #gnb ul .m4 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; background-size: 159px 47px;} #firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m4_on {position:absolute; width:20%; left:60%; top:70px;background-color:#D71920; } #firstheader #gnb ul .m4_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; background-color:#AC258B; background-size: 159px 47px; } #firstheader #gnb ul .m5 {position:absolute; width:20%; left:80%; top:70px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 0px; } #firstheader #gnb ul .m5 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; background-size: 159px 47px;} #firstheader #gnb ul .m5 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m5_on {position:absolute; width:20%; left:80%; top:70px;background-color:#D71920; } #firstheader #gnb ul .m5_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; background-color:#AC258B; background-size: 159px 47px; } #firstheader #gnb ul .m6 {display:none;} /*.메인플레쉬 배너 영도가 */ #main_flash_banner { position:relative; top:50px; width:100%; margin:0 auto ; background-color:White; border-bottom:#D71921 solid 0px; text-align:center; } #mainflash { width:100%; height:110px; position:relative; overflow:hidden; } #mainflash .mainbannerImg{ position:absolute; width:100%; height:100%;} #mainflash #bannerLeftBtn{ position:absolute; left:20px; top:50px; z-index:1; } #mainflash #bannerRightBtn{ position:absolute; right:20px; top:50px; 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_metacode/main_off70.png'); text-indent:-2000px; } #numBtn li { cursor:hand; } #numBtn .numBtnOver { background:url('/img_metacode/main_on2.png'); display:block; } /*.메인플레쉬 배너 영도가 */ #Mobile_main { display:none; } #content { position:relative; width:100%; height:1400px; top:50px; margin:0 auto; z-index:100; background-color:White; } #content .item_boxs { position:relative; text-align:left;} #content .item_boxs dt { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:13px; color:#161616; font-weight:bold; text-align:left; } #content .item_boxs dd { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:11px; color:#767676; line-height:15px; } #content .hidden_box { position:absolute; overflow:hidden; border:#e1e1e1 solid 1px;} #content .hidden_box a{position:absolute; display:block; width:100%; height:100%; z-index:90000 } /*hidden_box전체*/ #content #hidden_box1 {position:absolute; left:0; top:0; width:49.9%; height:218px; z-index:56;} #content #hidden_box2 {position:absolute; left:50%; top:0; width:49.9%; height:218px; z-index:55;} #content #hidden_box3 {position:absolute; left:0; top:219px; width:49.9%; height:219px; z-index:54;} #content #hidden_box4 {position:absolute; left:50%; top:219px; width:50%; height:219px; z-index:51;} #content #hidden_box5 {position:absolute; left:0; top:439px; width:49.9%; height:219px; z-index:48;} #content #hidden_box6 {position:absolute; left:50%; top:439px; width:49.9%; height:219px; z-index:53;} #content #hidden_box7 {position:absolute; left:0; top:659px; width:50%; height:219px; z-index:52;} #content #hidden_box8 {position:absolute; left:50%; top:659px; width:49.9%; height:219px; z-index:45;} #content #hidden_box9 {position:absolute; left:0; top:879px; width:49.9%; height:219px; z-index:50;} #content #hidden_box10 {position:absolute; left:50%; top:879px; width:49.9%; height:219px; z-index:46;} #content #hidden_box11 {position:absolute; left:0; top:1099px; width:50%; height:219px; z-index:44;} #content #hidden_box12 {position:absolute; left:50%; top:1099px; width:50%; height:219px; z-index:42;} /*아이템박스전체*/ #content #i_box1 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box1 dt { position:absolute; left:30px; top:30px;width:150px; height:50px;} #content #i_box1 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;} #content #i_box2 {left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box2 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box2 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;} /* 모바일 게시판은 둘이 같이 안 나오게 */ #sidebar_total {display:none;} #content #i_box3 { left:-500px; top:0px; width:300px; height:220px; background-color:;} #content #i_box3 dt { position:absolute; left:0px; top:20px; width:150px;} #content #i_box3 dd { position:absolute; left:0px; top:44px; width:210px; height:50px;} #content #i_box4 { left:-500px; top:0px; width:300px; height:220px; background-color:;} #content #i_box4 dt { position:absolute; left:0px; top:20px; width:150px;} #content #i_box4 dd { position:absolute; left:0px; top:44px; width:210px; height:50px;} #content #i_box5 {left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box5 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box5 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;} /*가로두칸*/ #content #i_box6 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box6 dt { position:absolute; left:30px; top:30px;width:150px;} #content #i_box6 dd { position:absolute; left:30px; top:60px; width:150px; height:70px;} #content #i_box7 {left:0px; top:-240px; width:50%; height:220px; padding:0 0 0 0; margin:0 0 0 0 ; background-color:;} #content #i_box7 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box7 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;} #content #i_box8 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box8 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box8 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;} #content #i_box9 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box9 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box9 dd { position:absolute; left:30px; top:53px; width:150px; height:50px;} #content #i_box10 { left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box10 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box10 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;} #content #i_box11 { left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box11 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box11 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;} #content #i_box12 {left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box12 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box12 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;} #content #i_box13 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box13 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box13 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;} #content #i_box14 { left:0px; top:-240px; width:50%; height:220px; background-color:;} #content #i_box14 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box14 dd { position:absolute; left:30px; top:54px; width:150px; height:50px;} #content #i_box15 {left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box15 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box15 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;} #content #i_box16 { left:-500px; top:0px; width:50%; height:220px; background-color:;} #content #i_box16 dt { position:absolute; left:30px; top:30px; width:150px;} #content #i_box16 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;} /*컨텐츠이미지위치 #content .img_position_1 { position:absolute; right:-54%; top:13px; width:126px; height:120px; z-index:20;} */ #content .img_position_1 { position:absolute; right:-105%; top:30px; width:199px; height:131px; z-index:20;} /* 영도가 레이어 올라간 게시판 최근글 출력 대박 ㅎ*/ .board_txt { margin:0px 0 0 -35px; width:160px;} /* 영도가 레이어 올라간 게시판 최근글 모바일에서는 아주작게 보이게 */ .board_txt_cl { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:10px; line-height:1.5em; color:#a8896a; letter-spacing:-1px; } /*세로두칸*/ #content .img_position_2 { position:absolute; right:-90%; top:75px; width:179px; height:111px; z-index:20;} /*가로두칸*/ #content .img_position_3 { position:absolute; right:-90%; top:105px;width:149px; height:91px;z-index:20;} #content .img_position_4 {position:absolute; width:240px; height:240px; left:40%;} /*오버박스*/ #content .over_box { display:none; z-index:70; } #content #o_box1 {position:absolute; left:0; top:0px; width:220px; height:220px;} #content #o_box2 {position:absolute; left:220px; top:0;width:220px; height:220px; } #content #o_box3 {position:absolute; left:440px; top:0; width:220px; height:220px;} #content #o_box4 {position:absolute; left:0px; top:220px;width:220px; height:220px;} #content #o_box5 {position:absolute; left:0px; top:440px; width:220px; height:220px;} #content #o_box6 {position:absolute; left:220px; top:220px; width:220px; height:220px;} #content #o_box7 {position:absolute; left:440px; top:220px;width:220px; height:220px; } #content #o_box8 {position:absolute; left:220px; top:440px; width:220px; height:220px;} #content #o_box9 {position:absolute; left:0px; top:660px;width:220px; height:220px; } #content #o_box10 {position:absolute; left:220px; top:660px;width:220px; height:220px; } #content #o_box11 {position:absolute; left:440px; top:660px; width:220px; height:220px;} #content #o_box12 {position:absolute; left:0px; top:880px;width:220px; height:220px; } #content #o_box13 {position:absolute; left:440px; top:440px; width:220px; height:220px;} #content #o_box14 {position:absolute; left:220px; top:880px; width:220px; height:220px;} #content #o_box15 {position:absolute; left:440px; top:880px;width:220px; height:220px; } #content #o_box16 {position:absolute; left:0px; top:1100px;width:220px; height:220px; } #content #o_box17 {position:absolute; left:220px; top:1100px; width:220px; height:220px;} #footer {position:relative; width:100%; height:319px; 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;} /* 아래가 높이.. height:250px; */ #yff { overflow:hidden; height:270px; margin:0px auto; } #yff_01 { float:left; width:270px; height:220px; } #f_img1 { float:left; width:100%; height:60px; top:15px; left:18px;} #f_img1 a { display:none;display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_metacode/logo_down.png") center center no-repeat; } #yff_copy { float:left; width:90%; height:55px; text-align:center; position:relative; top:5px; margin:2px; } #yff_02 { float:left; width:320px; height:28px; text-align:left; padding:0 0 0 5px;} #yff_03 { float:left; width:320px; height:28px; text-align:left; padding:0 0 0 5px;} #yff_04 { float:left; width:320px; height:28px; text-align:left; padding:0 0 0 5px;} #yff_05 { float:left; width:320px; height:28px; text-align:left; padding:0 0 0 5px;} #yff_001 { display:none; } #top_bt { float:left; text-align:right; position:relative; right:0px; bottom:5px;} } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /**/ @media (min-width:640px) and (max-width:1024px) {/* 최소 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 0px; } /*모바일 합격생 아이콘 fixed*/ #mob_pass_header { display:none; } /*모바일 에서 상단 안보임 */ #topp { display:none;} #Godo_firstheader { display:none; } /* 피시탑 */ #pctop { display:none; } #firstheader { position:relative; top:0; width:100%; height:46px; border-bottom:#e1e1e1 solid 0px; } #firstheader #gnb { position:absolute; top:0px; width:100%; background-color:; border-bottom:#e1e1e1 solid 0px;} #firstheader #gnb ul li{ height:46px; float:left; display:inline; } #firstheader #gnb ul .m0 {position:absolute; width:100%; margin-top:0px; left:0; } /* #firstheader #gnb ul .m0 a{ display:block; width:90%; height:48px; background:url("/art/skin_board/0k_build_home/img_metacode/logo_240.png") 80% center no-repeat; } */ #firstheader #gnb ul .m0 a{ display:block; width:100%; height:48px; text-align:center; } /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 #logo_img { width:200px; margin: -3px 0 0 9%; } */ /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 #logo_img { width:200px; margin: -3px 29% 0 0; } */ #logo_img { width:300px; margin: 0px 0 0 0; } #firstheader #gnb ul .m1 { position:absolute; width:20%; left:0; top:110px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 0px; } #firstheader #gnb ul .m1 a{ display:block; width:100%; height:46px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; } #firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m1_on { position:absolute; width:20%; left:0; top:110px;background-color:#6c5f59;} #firstheader #gnb ul .m1_on a{ display:block; width:100%; height:46px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; background-color:#E355OF; } #firstheader #gnb ul .m2 {position:absolute; width:20%; left:20%;top:110px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 0px; } #firstheader #gnb ul .m2 a{ display:block; width:100%; height:46px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; } #firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m2_on {position:absolute; width:20%; left:20%; top:110px;background-color:#6c5f59;} #firstheader #gnb ul .m2_on a {display:block; width:100%; height:46px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; background-color:#AC258B; } #firstheader #gnb ul .m3 {position:absolute; width:20%; left:40%;top:110px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 0px; } #firstheader #gnb ul .m3 a{ display:block; width:100%; height:46px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; } #firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m3_on {position:absolute; width:20%; left:40%; top:110px;background-color:#6c5f59;} #firstheader #gnb ul .m3_on a {display:block; width:100%; height:46px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; background-color:#AC258B; } #firstheader #gnb ul .m4 {position:absolute; width:20%; left:60%; top:110px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 0px; } #firstheader #gnb ul .m4 a{ display:block; width:100%; height:46px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; } #firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m4_on {position:absolute; width:20%; left:60%; top:110px;background-color:#D71920; } #firstheader #gnb ul .m4_on a {display:block; width:100%; height:46px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; background-color:#AC258B; } #firstheader #gnb ul .m5 {position:absolute; width:20%; left:80%; top:110px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 0px; } #firstheader #gnb ul .m5 a{ display:block; width:100%; height:46px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; } #firstheader #gnb ul .m5 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m5_on {position:absolute; width:20%; left:80%; top:110px;background-color:#D71920; } #firstheader #gnb ul .m5_on a {display:block; width:100%; height:46px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; background-color:#AC258B; } #firstheader #gnb ul .m6 {display:none;} /*.메인플레쉬 배너 영도가 */ #main_flash_banner { position:relative; top:88px; width:100%; margin:0 auto ; background-color:White; border-bottom:#D71921 solid 0px; text-align:center; } #mainflash { width:100%; height:350px; position:relative; overflow:hidden; } #mainflash .mainbannerImg{ position:absolute; width:100%; height:100%;} #mainflash #bannerLeftBtn{ position:absolute; left:20px; top:50px; z-index:1; } #mainflash #bannerRightBtn{ position:absolute; right:20px; top:50px; 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_metacode/main_off70.png'); text-indent:-2000px; } #numBtn li { cursor:hand; } #numBtn .numBtnOver { background:url('/img_metacode/main_on2.png'); display:block; } /*.메인플레쉬 배너 영도가 */ #Mobile_main { display:none; } #content { position:relative; width:100%; height:880px; top:0px; margin:0 auto; z-index:100;background-color:White; } #content .item_boxs { position:relative;} #content .item_boxs dt { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:13px; color:#161616; } #content .item_boxs dd { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif ; font-size:11px; color:#767676; line-height:15px; } #content .hidden_box { position:absolute; overflow:hidden; border:#f5b180 solid 1px;} #content .hidden_box a{position:absolute; display:block; width:100%; height:100%; z-index:90000 ;} /*hidden_box전체*/ #content #hidden_box1 {position:absolute; left:0; top:0; width:33.2%; height:218px; z-index:56;} #content #hidden_box2 {position:absolute; left:33.3%; top:0; width:33.2%; height:218px; z-index:55;} #content #hidden_box3 {position:absolute; left:66.6%; top:0; width:33.3%; height:218px; z-index:54; } #content #hidden_box4 {position:absolute; left:0px; top:219px; width:33.2%; height:219px; z-index:51;} #content #hidden_box5 {position:absolute; left:33.3%; top:219px; width:33.2%; height:219px; z-index:48;} #content #hidden_box6 {position:absolute; left:66.6%; top:219px; width:33.3%; height:219px; z-index:53;} #content #hidden_box7 {position:absolute; left:0; top:439px; width:33.2%; height:219px; z-index:52;} #content #hidden_box8 {position:absolute; left:33.3%; top:439px; width:33.2%; height:219px; z-index:45;} #content #hidden_box9 {position:absolute; left:66.6%; top:439px; width:33.3%; height:219px; z-index:50;} #content #hidden_box10 {position:absolute; left0:; top:659px; width:33.2%; height:219px; z-index:46;} #content #hidden_box11 {position:absolute; left:33.3%; top:659px; width:33.2%; height:219px; z-index:44;} #content #hidden_box12 {position:absolute; left:66.6%; top:659px; width:33.3%; height:219px; z-index:42;} /*아이템박스전체*/ #content #i_box1 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;} #content #i_box1 dt { position:absolute; left:30px; top:30px;width:181px; height:50px;} #content #i_box1 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;} #content #i_box2 {left:-500px; top:0px; width:33.3%; height:220px; background-color:;} #content #i_box2 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box2 dd { position:absolute; left:30px; top:53px; width:155px; height:50px;} /*세로두칸 #content #i_box3 { left:-500px; top:0px; width:33.3%; height:220px; background-color:red;} #content #i_box3 dt { position:absolute; left:0px; top:30px; width:160px;} #content #i_box3 dd { position:absolute; left:0px; top:54px; width:220px; height:50px;} #content #i_box4 { left:-500px; top:0px; width:33.3%; height:220px; background-color:;} #content #i_box4 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box4 dd { position:absolute; left:30px; top:50px; width:170px; height:50px;} */ #content #i_box3 { left:-500px; top:0px; width:300px; height:220px; background-color:;} #content #i_box3 dt { position:absolute; left:20px; top:30px; } #content #i_box3 dd { position:absolute; left:20px; top:54px; width:200px; height:170px; } /* 모바일 게시판은 둘이 같이 안 나오게 */ #sidebar_total {display:none;} #content #i_box4 { left:-500px; top:0px; width:300px; height:220px; background-color:;} #content #i_box4 dt { position:absolute; left:20px; top:30px;} #content #i_box4 dd { position:absolute; left:20px; top:54px; width:200px; height:170px;} #content #i_box5 {left:-500px; top:0px; width:33.3%; height:220px; background-color:;} #content #i_box5 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box5 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;} /*가로두칸*/ #content #i_box6 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;} #content #i_box6 dt { position:absolute; left:30px; top:30px;width:170px;} #content #i_box6 dd { position:absolute; left:30px; top:60px; width:170px; height:70px;} #content #i_box7 {left:0px; top:-240px; width:33.3%; height:220px; padding:0 0 0 0; margin:0 0 0 0 ; background-color:;} #content #i_box7 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box7 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;} #content #i_box8 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;} #content #i_box8 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box8 dd { position:absolute; left:30px; top:54px; width:170px; height:50px;} #content #i_box9 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;} #content #i_box9 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box9 dd { position:absolute; left:30px; top:53px; width:175px; height:50px;} #content #i_box10 { left:-500px; top:0px; width:33.3%; height:220px; background-color:;} #content #i_box10 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box10 dd { position:absolute; left:30px; top:54px; width:170px; height:50px;} #content #i_box11 { left:-500px; top:0px; width:33.3%; height:220px; background-color:;} #content #i_box11 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box11 dd { position:absolute; left:30px; top:54px; width:175px; height:50px;} #content #i_box12 {left:-500px; top:0px; width:33.3%; height:220px; background-color:;} #content #i_box12 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box12 dd { position:absolute; left:30px; top:54px; width:170px; height:50px;} #content #i_box13 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;} #content #i_box13 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box13 dd { position:absolute; left:30px; top:55px; width:155px; height:50px;} #content #i_box14 { left:0px; top:-240px; width:33.3%; height:220px; background-color:;} #content #i_box14 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box14 dd { position:absolute; left:30px; top:54px; width:170px; height:50px;} #content #i_box15 {left:-500px; top:0px; width:33.3%; height:220px; background-color:;} #content #i_box15 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box15 dd { position:absolute; left:30px; top:55px; width:170px; height:50px;} #content #i_box16 { left:-480px; top:0px; width:33.3%; height:220px; background-color:;} #content #i_box16 dt { position:absolute; left:30px; top:30px; width:160px;} #content #i_box16 dd { position:absolute; left:30px; top:55px; width:170px; height:50px;} /*컨텐츠이미지위치*/ #content .img_position_1 { position:absolute; right:-180%; top:75px; width:199px; height:131px;} /*세로두칸*/ #content .img_position_2 { position:absolute; right:-180%; top:75px; width:179px; height:111px; } /*가로두칸*/ #content .img_position_3 { position:absolute; right:-180%; top:105px;width:149px; height:91px;} #content .img_position_4 {position:absolute; width:240px; height:240px; left:40%;} /*오버박스*/ #content .over_box { display:none; z-index:70; } #content #o_box1 {position:absolute; left:0; top:0px; width:220px; height:220px;} #content #o_box2 {position:absolute; left:220px; top:0;width:220px; height:220px; } #content #o_box3 {position:absolute; left:440px; top:0; width:220px; height:220px;} #content #o_box4 {position:absolute; left:0px; top:220px;width:220px; height:220px;} #content #o_box5 {position:absolute; left:0px; top:440px; width:220px; height:220px;} #content #o_box6 {position:absolute; left:220px; top:220px; width:220px; height:220px;} #content #o_box7 {position:absolute; left:440px; top:220px;width:220px; height:220px; } #content #o_box8 {position:absolute; left:220px; top:440px; width:220px; height:220px;} #content #o_box9 {position:absolute; left:0px; top:660px;width:220px; height:220px; } #content #o_box10 {position:absolute; left:220px; top:660px;width:220px; height:220px; } #content #o_box11 {position:absolute; left:440px; top:660px; width:220px; height:220px;} #content #o_box12 {position:absolute; left:0px; top:880px;width:220px; height:220px; } #content #o_box13 {position:absolute; left:440px; top:440px; width:220px; height:220px;} #content #o_box14 {position:absolute; left:220px; top:880px; width:220px; height:220px;} #content #o_box15 {position:absolute; left:440px; top:880px;width:220px; height:220px; } #content #o_box16 {position:absolute; left:0px; top:1100px;width:220px; height:220px; } #content #o_box17 {position:absolute; left:220px; top:1100px; width:220px; height:220px;} #foo {display:none;} #footer {position:relative; width:100%; min-height:120px; height:auto; margin:0 auto; z-index:1000; background-color:#f9f9f9; border-top:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px;} #yff { width:960px; overflow:hidden; height:150px; margin:0 auto;} #yff_01 { float:left; width:270px; height:90px; } #f_img1 { float:left; width:200px; height:90px; top:35px; left:18px;} #f_img1 a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_metacode/logo_down.png") center center no-repeat; } #yff_copy { float:left; width:700px; height:30px;text-align:left; position:relative; top:5px; } #yff_02 { float:left; width:300px; height:20px; text-align:left; position:relative; top:5px; } #yff_03 { float:left; width:300px; height:20px; text-align:left; position:relative; top:5px; } #yff_04 { float:left; width:300px; height:20px; text-align:left; position:relative; top:5px; } #yff_05 { float:left; width:300px; height:20px; text-align:left; position:relative; top:5px; } #yff_001 { float:left; width:300px; height:20px; text-align:left; position:relative; top:5px; } #top_bt { position:absolute; left:0px; bottom:0px;} } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------피시버전 제일 큰 ----------------*/ /* 피시버전 */ @media (min-width:1025px) { 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: fixed; z-index:999991; bottom:10px; right: 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; } 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; } #wrap{margin:0 auto; width:960px;} /*.fade { display:none;}*/ /* #Slide_header { display:none; } */ /* #header {position:fixed; *position:relative; top:0; left:0; width:100%; height:170px; margin:0 auto; z-index:99999; border-top:#412b20 solid 1px; text-align:center; background:white;} */ #header {*position:relative; top:0; left:0; width:100%; height:170px; margin:0 auto; z-index:99999; border-top:#412b20 solid 0px; text-align:center; } /*모바일 합격생 아이콘 fixed*/ #mob_pass_header { display:none; } #topp { width:100%; height:30px; background-color:#E6E7E8; } /*.로고넣음 영도가 */ /*.메뉴들 background-color:#D71921; #firstheader { position:relative; top:0; width:960px; height:200px; margin:0 auto; background-color:; } #firstheader #gnb { position:absolute; top:0px; width:100%; } */ #firstheader { position:relative; top:0; width:960px; height:200px; 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 {position:absolute; width:100%; top:0px; left:0; } /* #firstheader #gnb ul .m0 a{ display:block; width:100%; height:130px; background:url("/art/skin_board/0k_build_home/img_metacode/logo.png") center center no-repeat; } */ #firstheader #gnb ul .m0 a{ display:block; width:100%; height:130px; } /* 모바일에서는 로고큰거 보이고 다른것에서는 안보임 */ #logo_img { padding: 10px 0 0 0; } #firstheader #gnb ul .m1 { position:absolute; width:20%; left:0; top:230px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-left:#E3550F solid 1px; } #firstheader #gnb ul .m1 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat;} #firstheader #gnb ul .m1 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m1_on { position:absolute; width:20%; left:0; top:40px;background-color:#6c5f59;} #firstheader #gnb ul .m1_on a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt1.png") center center no-repeat; background-color:#E355OF; } #firstheader #gnb ul .m2 {position:absolute; width:20%; left:20%;top:230px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; } #firstheader #gnb ul .m2 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat;} #firstheader #gnb ul .m2 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m2_on {position:absolute; width:20%; left:20%; top:40px;background-color:#6c5f59;} #firstheader #gnb ul .m2_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt2.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m3 {position:absolute; width:20%; left:40%;top:230px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; } #firstheader #gnb ul .m3 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat;} #firstheader #gnb ul .m3 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m3_on {position:absolute; width:20%; left:40%; top:40px;background-color:#6c5f59;} #firstheader #gnb ul .m3_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt3.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m4 {position:absolute; width:20%; left:60%; top:230px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; } #firstheader #gnb ul .m4 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat;} #firstheader #gnb ul .m4 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m4_on {position:absolute; width:20%; left:60%; top:40px;background-color:#6c5f59; } #firstheader #gnb ul .m4_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt4.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m5 {position:absolute; width:20%; left:80%; top:230px; background-color:#ffffff; border-top:#E3550F solid 1px; border-bottom:#E3550F solid 1px; border-right:#E3550F solid 1px;} #firstheader #gnb ul .m5 a{ display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat;} #firstheader #gnb ul .m5 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m5_on {position:absolute; width:20%; left:80%; top:40px;background-color:#6c5f59; } #firstheader #gnb ul .m5_on a {display:block; width:100%; height:40px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt5.png") center center no-repeat; background-color:#fff0e9; } #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_metacode/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_metacode/m_bt6.png") center center no-repeat;} #firstheader #gnb ul .m6 a:hover {background:url("/art/skin_board/0k_build_home/img_metacode/m_bt6.png") center center no-repeat; background-color:#fff0e9; } #firstheader #gnb ul .m6_on {position:absolute; width:70px; right:0; top:48px; background-color:#6c5f59; } #firstheader #gnb ul .m6_on a {display:block; width:70px; right:0; height:48px; background:url("/art/skin_board/0k_build_home/img_metacode/m_bt6.png") center center no-repeat; background-color:#fff0e9; } */ #firstheader #gnb ul .menu_line{width:0px; background:url("/art/skin_board/0k_build_home/img_metacode/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%;} /*.메인플레쉬 배너 영도가 */ #main_flash_banner { position:relative; top:92px; width:960px; height:360px; margin:0 auto ; background-color:; text-align:center; } #mainflash { width:960px; height:360px; position:relative; overflow:hidden; } #mainflash .mainbannerImg{ position:absolute; width:960px; height:360px; } #mainflash #bannerLeftBtn{ position:absolute; left:20px; top:60px; z-index:1; } #mainflash #bannerRightBtn{ position:absolute; left:920px; top:60px; z-index:1; } /* #numBtn{ position:absolute; padding: 0; margin:0; margin:-20px; } */ #numBtn{ position:relative; padding:0px; margin:-20px; z-index:1000; } #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; margin-bottom:8px; background:url('/art/skin_board/0k_build_home/img_metacode/main_off70.png'); text-indent:-2000px; } #numBtn li { cursor:hand; } #numBtn .numBtnOver { background:url('/art/skin_board/0k_build_home/img_metacode/main_on2.png'); display:block; } /*.메인플레쉬 배너 영도가 */ #Mobile_main { display:none; } /* #content { position:relative; width:719px; height:100%; top:105px; *top:0px; margin:0 auto; padding:0 auto; z-index:10;background-color:White; border-left:#e1e1e1 solid 1px;} 높이조절 #content { position:relative; width:719px; height:100%; top:161px; *top:0px; margin:0 auto; padding:0 auto; z-index:10;background-color:White; border-left:#e1e1e1 solid 1px;} #content { position:relative; width:1200px; height:960px; top:0px; margin:0 auto; z-index:100;background-color:#D71921; } #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;} */ /* */ /* 메인화면 위에서 아래 높이 지정 ㅋㅋ height:960px; #content { position:relative; width:960px; height:730px; top:65px; margin:0 auto; padding:0 auto; z-index:10; background-color:White; border-left:#e1e1e1 solid 0px;} height:590px; */ #content { position:relative; width:960px; height:925px; top:100px; margin:0 auto; padding:0 auto; z-index:10; background-color:White; border-left:#e1e1e1 solid 0px;} /* 테크노트 썸네일 사이즈 --- 일반 */ #system_height {height:37px; } #content .item_boxs { position:relative;} #content .item_boxs dt { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:14px; font-weight:bold; color:#161616; } #content .item_boxs dd { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:11px; color:#767676; line-height:200%; letter-spacing:-1px; font-weight:bold; } #content .hidden_box { position:absolute; overflow:hidden; } #content .hidden_box a{position:absolute; display:block; width:100%; height:100%; z-index:90000 ;} /*hidden_box전체*/ #content #hidden_box1 {position:absolute; left:0; top:0; width:192px; height:239px; z-index:56; border:#ededed solid 2px;} #content #hidden_box3 {position:absolute; left:192px; top:0; width:192px; height:239px; z-index:55; border:#ededed solid 2px;} #content #hidden_box4 {position:absolute; left:384px; top:0; width:192px; height:239px; z-index:54; border:#ededed solid 2px;} #content #hidden_box2 {position:absolute; left:576px; top:0; width:192px; height:239px; z-index:51; border:#ededed solid 2px;} #content #hidden_box5 {position:absolute; left:768px; top:0; width:192px; height:239px; z-index:48; border:#ededed solid 2px;} #content #hidden_box6 {position:absolute; left:0; top:240px; width:192px; height:239px; z-index:53; border:#ededed solid 2px;} #content #hidden_box7 {position:absolute; left:192px; top:240px; width:192px; height:239px; z-index:52; border:#ededed solid 2px;} #content #hidden_box8 {position:absolute; left:384px; top:240px; width:192px; height:239px; z-index:45; border:#ededed solid 2px;} #content #hidden_box9 {position:absolute; left:576px; top:240px; width:192px; height:239px; z-index:50; border:#ededed solid 2px;} #content #hidden_box10 {position:absolute; left:768px; top:240px; width:192px; height:239px; z-index:46; border:#ededed solid 2px;} /* 높이 조절 #content #hidden_box11 {position:absolute; left:0; top:480px; width:192px; height:239px; z-index:53;} #content #hidden_box12 {position:absolute; left:192px; top:480px; width:192px; height:239px; z-index:52;} #content #hidden_box13 {position:absolute; left:384px; top:480px; width:192px; height:239px; z-index:45;} #content #hidden_box14 {position:absolute; left:576px; top:480px; width:192px; height:239px; z-index:50;} #content #hidden_box15 {position:absolute; left:768px; top:480px; width:192px; height:239px; z-index:46;} #content #hidden_box11 {position:absolute; left:0; top:480px; width:192px; height:319px; z-index:53;} #content #hidden_box12 {position:absolute; left:192px; top:480px; width:192px; height:319px; z-index:52;} #content #hidden_box13 {position:absolute; left:384px; top:480px; width:192px; height:319px; z-index:45;} #content #hidden_box14 {position:absolute; left:576px; top:480px; width:192px; height:319px; z-index:50;} #content #hidden_box15 {position:absolute; left:768px; top:480px; width:192px; height:319px; z-index:46;} */ #content #hidden_box11 {position:absolute; left:0; top:490px; width:240px; height:319px; z-index:53; border:#ededed solid 2px;} #content #hidden_box12 {position:absolute; left:240px; top:490px; width:240px; height:319px; z-index:52; border:#ededed solid 2px;} #content #hidden_box13 {position:absolute; left:480px; top:490px; width:240px; height:319px; z-index:45; border:#ededed solid 2px;} #content #hidden_box14 {position:absolute; left:720px; top:490px; width:240px; height:319px; z-index:50; border:#ededed solid 2px;} /*아이템박스전체*/ #content #i_box1 { left:0px; top:-240px; width:240px; height:240px; } #content #i_box1 dt { position:absolute; left:30px; top:30px;width:181px; height:50px;} #content #i_box1 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;} #content #i_box2 {left:-500px; top:0px; width:240px; height:240px; background-color:;} #content #i_box2 dt { position:absolute; left:30px; top:30px;} #content #i_box2 dd { position:absolute; left:30px; top:53px; width:155px; height:50px;} #content #i_box3 { left:-500px; top:0px; width:240px; height:240px; background-color:;} #content #i_box3 dt { position:absolute; left:20px; top:30px; } #content #i_box3 dd { position:absolute; left:20px; top:54px; width:200px; height:170px;} .board_txt { margin:0; } /* 영도가 레이어 올라간 게시판 최근글 모바일에서는 아주작게 보이게 */ .board_txt_cl { font-family:'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif; font-size:11px; line-height:1.5em; color:#a8896a; letter-spacing:-1px; } /* 모바일 게시판은 둘이 같이 안 나오게 */ #sidebar_total {display:none;} #content #i_box4 { left:-500px; top:0px; width:240px; height:240px; background-color:;} #content #i_box4 dt { position:absolute; left:20px; top:30px;} #content #i_box4 dd { position:absolute; left:20px; top:54px; width:200px; height:170px;} #content #i_box5 {left:-500px; top:0px; width:240px; height:240px; background-color:;} #content #i_box5 dt { position:absolute; left:30px; top:30px;} #content #i_box5 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;} /*가로두칸*/ #content #i_box6 { left:0px; top:-240px; width:240px; height:240px; background-color:;} #content #i_box6 dt { position:absolute; left:30px; top:30px;} #content #i_box6 dd { position:absolute; left:30px; top:53px; width:181px; height:50px;} #content #i_box7 {left:0px; top:-240px; width:239px; height:240px; background-color:;} #content #i_box7 dt { position:absolute; left:30px; top:30px;} #content #i_box7 dd { position:absolute; left:30px; top:55px; width:150px; height:50px;} #content #i_box8 { left:0px; top:-240px; width:240px; height:240px; background-color:;} #content #i_box8 dt { position:absolute; left:30px; top:30px;} #content #i_box8 dd { position:absolute; left:30px; top:54px; width:181px; height:50px;} #content #i_box9 { left:0px; top:-240px; width:240px; height:240px; background-color:;} #content #i_box9 dt { position:absolute; left:30px; top:30px;} #content #i_box9 dd { position:absolute; left:30px; top:53px; width:175px; height:50px;} #content #i_box10 { left:-500px; top:0px; width:240px; height:240px; background-color:;} #content #i_box10 dt { position:absolute; left:30px; top:30px;} #content #i_box10 dd { position:absolute; left:30px; top:54px; width:185px; height:50px;} #content #i_box11 { left:-500px; top:0px; width:240px; height:240px; background-color:;} #content #i_box11 dt { position:absolute; left:30px; top:30px;} #content #i_box11 dd { position:absolute; left:30px; top:54px; width:175px; height:50px;} #content #i_box12 {left:-500px; top:0px; width:240px; height:240px; background-color:;} #content #i_box12 dt { position:absolute; left:30px; top:30px;} #content #i_box12 dd { position:absolute; left:30px; top:54px; width:181px; height:50px;} /*컨텐츠이미지위치 아래영도가 #content .img_position_1 { position:absolute; left:21px; top:89px; width:199px; height:131px;} #content .img_position_1 { position:absolute; left:0px; top:20px; width:192px; height:131px;} #content .img_position_1 { position:absolute; right:24px; top:51px; width:192px; height:131px;} */ #content .img_position_1 { position:absolute; right:34px; top:51px; width:196px; height:131px;} .board_txt { overflow:hidden; width:300px; height:164px; margin:0px 0 0 5px; } .imgg_board_txt {margin-top:80px; margin-left:-30px;} /*세로두칸*/ #content .img_position_2 { position:absolute; left:0px; top:140px; width:241px; height:159px; } /*가로두칸*/ #content .img_position_3 { position:absolute; right:30px; top:70px;width:241px; height:159px;} /*오버박스*/ #content .over_box { z-index:70;} #content #o_box1 {position:absolute; left:0; top:0px; } #content #o_box3 {position:absolute; left:192px; top:0px; } #content #o_box4 {position:absolute; left:384px; top:0px; } #content #o_box2 {position:absolute; left:576px; top:0px; } #content #o_box5 {position:absolute; left:770px; top:0px; } #content #o_box6 {position:absolute; left:0px; top:240px; } #content #o_box7 {position:absolute; left:192px; top:240px; } #content #o_box8 {position:absolute; left:384px; top:240px; } #content #o_box9 {position:absolute; left:576px; top:240px; } #content #o_box10 {position:absolute; left:770px; top:240px; } /*오버박스 #content #o_box11 {position:absolute; left:480px; top:480px; } #content #o_box12 {position:absolute; left:720px; top:480px; } */ /* */ #foo {display:none;} #footer {position:relative; width:100%; min-height:120px; height:auto; margin:0 auto; z-index:1000; background-color:#f9f9f9; border-top:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px;border-right:#e1e1e1 solid 1px;} #yff { width:960px; overflow:hidden; height:150px; margin:0 auto;} #yff_01 { float:left; width:270px; height:90px; } #f_img1 { float:left; width:200px; height:90px; top:35px; left:18px;} #f_img1 a {display:block; width:100%; height:100%; background:url("/art/skin_board/0k_build_home/img_metacode/logo_down.png") center center no-repeat; } #yff_copy { float:left; width:700px; height:30px;text-align:left; position:relative; top:5px; } #yff_02 { float:left; width:300px; height:20px; text-align:left; position:relative; top:5px; } #yff_03 { float:left; width:300px; height:20px; text-align:left; position:relative; top:5px; } #yff_04 { float:left; width:300px; height:20px; text-align:left; position:relative; top:5px; } #yff_05 { float:left; width:300px; height:20px; text-align:left; position:relative; top:5px; } #yff_001 { float:left; width:300px; height:20px; text-align:left; position:relative; top:5px; } #copyright { float:left; width:600px; height:20px; text-align:left; position:relative; top:10px; } #top_bt { position:absolute; left:0px; bottom:0px;} }