@charset "utf-8"; @import "layout.css"; @import "padding.css"; @import "table.css"; /* =============================================================== Project _ KOG site FileName _ style.css Desc : KOG Company site Created : 2009/09/15 by 김수현(KimSuHyun) slabluelh@naver.com =============================================================== */ /* CSS Init */ html { height:100%; } body { margin:0; padding:0; font-size:12px; color:#666666; line-height:1.6; font-family:dotum, gulim, Tahoma,AppleGothic,arial,sans-serif; } div, form, p { margin:0; padding:0; } img { border:none; vertical-align:top; } ul, ol, li { list-style:none; vertical-align:top; padding:0; margin:0; } dl, dt, dd { list-style:none; vertical-align:top; padding:0; margin:0; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;} h1 img { vertical-align:top !important;} h3 { margin-bottom:20px;} h3 img, h4 img { vertical-align:middle;} h3 a { margin-left:5px;} h4 { height:22px;margin-top:35px;position:relative;} h4 span { position:absolute;top:0;right:0;} h4 a { margin-left:15px;} abbr,acronym { border:0; } a,img,input { selector-dummy:expression(this.hideFocus=true); } hr { display: none; } em { font-style:normal; } /* png for ie6 */ * html .png24 {tmp:expression(setPng24(this));} /* float align */ .f_left {float:left;} .f_center {float:center;} .f_right {float:right;} /* link */ A:link {color:#666666; text-decoration:none;} A:visited {color:#666666; text-decoration:none;} A:active {color:#333333; text-decoration:none;} A:hover {color:#666666; text-decoration:none;} A:left_menu:link {color:#aaaaaa; text-decoration:none;} A:left_menu:visited {color:#aaaaaa; text-decoration:none;} A:left_menu:active {color:#aaaaaa; text-decoration:none;} A:left_menu:hover {color:#aaaaaa; text-decoration:none;} A.blue:link {color:#2262bf;} A.blue:visited {color:#2262bf;} A.blue:active {color:#2262bf;} A.blue:hover {color:#f79007;} A.red:link {color:#f40000; text-decoration:none;} A.red:visited {color:#999999; text-decoration:none;} A.red:active {color:#f40000; text-decoration:none;} A.red:hover {color:#f40000; text-decoration:none;} A.orange:link {color:#f77600; text-decoration:none;} A.orange:visited {color:#999999; text-decoration:none;} A.orange:active {color:#f77600; text-decoration:none;} A.orange:hover {color:#f77600; text-decoration:none;} A.black:link {color:#000000; text-decoration:none;} A.black:visited {color:#999999; text-decoration:none;} A.black:active {color:#000000; text-decoration:none;} A.black:hover {color:#000000; text-decoration:none;} A.uline:link {text-decoration:none;} A.uline:visited {text-decoration:none;} A.uline:active {text-decoration:none;} A.uline:hover {text-decoration:none;} A.11:link {font-size:11px;} A.11:visited {font-size:11px;} A.11:active {font-size:11px;} A.11:hover {font-size:11px;} A.list:link {font-size:12px; color:#666666; text-decoration:none;} A.list:visited {font-size:12px; color:#666666; text-decoration:none;} A.list:active {font-size:12px; color:#666666; text-decoration:none; font-weight:bolder;} A.list:hover {font-size:12px; color:#ff5e00; text-decoration:none;} /*text-decoration:underline;*/ A.bg:link { color:#7EC000;} A.bg:visited { color:#7EC000;} A.bg:active { color:#7EC000;} A.bg:hover { color:#7EC000; background-color:#FFFFFF;} /* form */ table td .selectType td, .selectType td {padding:2px 5px 0 0;margin:0;text-align:left !important;color:#aaa !important;} select { behavior: url('/kor/js/selectbox.htc');font-size:100%; vertical-align:middle;} .text { height:15px;border:1px solid #ccc; padding:1px 4px 0; vertical-align:middle;font-size:100%;} .text1 { height:15px;border:1px solid #ccc; padding:1px 4px 0; vertical-align:middle;font-size:100%;background:#fafafa;} .textarea { border:1px solid #ccc; background:#fafafa; font-size:100%;color:#6f6f6f; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#ccc; scrollbar-shadow-color: #fff; scrollbar-darkshadow-color: #cccc; scrollbar-track-color:#f2f2f2; scrollbar-arrow-color:#ccc;} .checkbox {vertical-align:middle; *margin:0 -3px;} .radio {vertical-align:middle; *margin:0 -3px;} /* tabArea */ .tabArea { margin-top:35px;border-bottom:2px solid #8cc215;overflow:hidden;zoom:1;} .tabArea li { float:left;} .tabArea li img { vertical-align:top;} /* subTab */ .subTab { text-align:right;margin-top:-35px;} .subTab li { display:inline;} .subTab li img { vertical-align:top;} .sTabType1 { margin-top:-41px;} /* text */ .sTxt { font-size:90%;} .orange { color:#ff6c02;} .orange2 { color:#f68927;} .gray { color:#999;} .green { color:#8bc115;} /* pagin */ .paging {text-align:center;margin-top:15px;} .paging img {vertical-align:middle;} .paging span {margin:0 10px;} .paging span a {padding:0 2px 0 7px;background:url(/images/common/bul_gray.gif) no-repeat 0 6px;color:#6f6f6f;} /* search */ .search {height:25px;text-align:right;margin-top:-25px;padding-right:4px;*margin-top:-27px;*padding-bottom:2px;} .search input {vertical-align:middle;} /* caption */ .caption1 {color:#333333; font-size:11px; line-height:16px; letter-spacing:-1; text-align:left; padding-top:2px; padding-bottom:3px;} .caption2 {color:#333333; font-size:11px; line-height:16px; letter-spacing:-1; text-align:right; padding-top:2px; padding-bottom:3px;} .caption3 {color:#09a91f; font-size:12px; line-height:16px; letter-spacing:-1; text-align:left; padding-top:10px; padding-bottom:10px; font-weight:bold;} .caption4 {color:#333333; font-size:12px; line-height:16px; letter-spacing:-1; text-align:left; padding-top:2px; padding-bottom:3px;} /* background */ .bg_main {width:1300px; height:792px; background-image:url('/kor/image/main/bg_main.gif'); background-repeat:no-repeat; background-position:top left;} .bg_left_top {height:300px; background:url('/kor/image/main/bg_left_top.gif') no-repeat bottom right;} .bg_left_banner {height:58px; vertical-align:top; background:url('/kor/image/main/bg_left.gif') repeat-y top right; text-align:right; padding:0px; margin:0px;border:none;} .bg_left_bottom {height:293px; background:url('/kor/image/main/bg_left_bottom.gif') no-repeat top right; padding-top:209px;padding-right:40px; padding-bottom:44px; text-align:right;} .left_copy {float:left; width:800px; height:67kpx; text-align:left; margin:0px; padding:0px;} .right_copy {float:right; width:159px; height:67kpx; text-align:right; margin:0px; padding:0px;} /* ul li */ ul { list-style:none; margin:0; padding:0; } li { list-style:none; margin:0; padding:0; } .top_q { list-style:none; margin:0; padding-left:5px; padding-right:15px; background:url('/kor/image/common/i_bullet_green.gif') no-repeat; display:inline;} dl { line-height:16px; margin:0px; padding:0px;} dt { line-height:16px;margin:0px; padding:0px;} dd { line-height:16px; margin:0px; padding:0px;} /* 로고 */ .t_logo { float:left; height:58px; vertical-align:bottom; padding-top:8px; } .t_banner { float:right; vertical-align:bottom; padding-top:9px; } /* [좌측] KOG NOW 최신글 */ .now { float:left; width:275px; height:26px; border-top:2px solid #000; border-bottom:1px solid #b4b4b4; background:#fff; } .now_title { float:left; width:180px; height:21px; padding-left:1px; padding-top:5px; } .now_more { float:right; width:70px; text-align:right; padding-right:1px; padding-top:5px; } .now_cont { float:left; width:275px; background:#fafafa; padding-top:5px; padding-bottom:9px; } .now_cont ul { float:left; padding:0px; margin:0px; } .now_cont li { height:18px; line-height:18px; letter-spacing:-1px; } /* [좌측] SCRAP KOG 최신글 */ .scrap { float:left; width:275px; height:25px; border-bottom:1px solid #b4b4b4; } .scrap_title { float:left; width:180px; height:20px; padding-left:1px; padding-top:5px; } .scrap_more { float:right; width:70px; text-align:right; padding-right:1px; padding-top:5px; } .scrap_cont { float:left; width:275px; background:#fafafa; padding-top:7px; padding-bottom:9px; border-bottom:2px solid #000;} .scrap_cont ul { float:left; padding:0px; margin:0px; } .scrap_cont li { height:18px; line-height:18px; letter-spacing:-1px; } /* [좌측] Games Blog */ .m_blog_title { width:275px; height:18px; } .m_blog_title li.blog_title { float:left; width:200px; padding-left:1px; } .m_blog_title li.blog_more { float:right; text-align:right; width:60px; } .m_blog { width:275px; height:164px; } .m_blog { width:273px; height:164px; border:1px solid #b4b4b4; } .blog_top { clear:both; float:left; height:83px; } .blog_bottom { float:left; height:82px; } .blog_fc { float:left; width:90px; height:81px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } .blog_els { float:left; width:91px; height:81px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } .blog_games { float:left; width:90px; height:81px; border-bottom:1px solid #e6e6e6; } .blog_kog { float:left; width:90px; height:81px; border-right:1px solid #e6e6e6; } .blog_twitter { float:left; width:91px; height:81px; border-right:1px solid #e6e6e6; } .blog_gc { float:left; width:90px; height:81px; } /* [좌측,중앙] KOG Games */ .m_games_cover { width:672px; text-align:left; } .m_games_title { width:100%; height:20px; border-bottom:1px solid #b4b4b4; } .m_games_title li.games_title { float:left; width:500px; padding-left:1px; } .m_games_title li.games_go { float:right; width:100px; text-align:right; } .m_five_cover { float:left; padding-top:9px; } .m_in_game li { float:left; text-align:left; } .m_in_game li.game_fc { margin-right:16px; height:122px; } .m_in_game li.game_els { margin-right:15px; height:122px; } .m_in_game li.game_gc { margin-right:16px; height:122px; } .m_in_game li.m_intro_down { margin-right:15px; height:122px; } .m_in_game li.m_employ { margin:0px; height:122px; } .m_game { clear:both; float:left; width:122px; padding-top:2px; } /* [중앙] 이슈 */ .issue_cover { width:371px; height:18px; } .issue_title { float:left; width:100px; height:18px; vertical-align:top; } .issue_num { float:right; width:250px; height:18px; text-align:right; } .issue_cont { float:left; width:371px; height:193px; background:#d1d1d1; } /* [중앙] 웹진 */ .m_webzine { margin:0 auto; width:229px; height:152px; } .m_webzine ul { margin:0px; padding:0px; } .m_webzine li.title { float:left; width:136px; height:19px; } .m_webzine li.more { float:right; width:50px; height:19px; text-align:right; } .m_webzine li.cont { float:left; width:100%; } .in_webzine ul { width:229px; } .in_webzine li { float:left; display:inline; } .in_webzine li.sub_title { width:100%; height:18px; } .in_webzine li.cont2 { width:229px; } .cover_story { width:229px; } .cover_story li { float:left; } .cover_story li.photo { float:left; width:92px; height:117px; } .cover_story li.photo_title { float:left; width:120px; height:14px; padding-left:12px; padding-top:2px; font-weight:bold; font-size:11px; color:#333; } .cover_story li.cover_title { float:left; width:120px; height:14px; padding-left:12px; padding-top:2px; } .cover_story li.cover_sub_title { float:left; width:120px; height:14px; padding-left:12px; padding-top:2px; color:#f68927; letter-spacing:-1px; font-weight:bold; } .cover_story li.cover_cont { float:left; width:120px; height:45px; padding-left:12px; padding-top:2px; color:#000; letter-spacing:-1px; line-height:15px; font-size:11px; } .cover_story li.view { float:left; width:120px; padding-left:12px; padding-top:3px; } .webzine_stroke { border:1px solid #979797; } /* [우측] 피플&피플 */ .m_people_cover { margin:0 auto; width:229px; height:185px; } .m_people_title { height:19px; border-bottom:1px solid #b4b4b4; margin-bottom:9px; } .m_people_title li.title { float:left; width:160px; } .m_people_title li.more { float:right; width:60px; text-align:right; } .m_people li { float:left; } .m_people li.people_img { width:80px; height:60px; margin-right:5px; background:#d9d9d9; } .m_people li.people_subject { width:140px; height:20px; letter-spacing:-1px; font-size:11px; font-weight:bold; } .m_people li.people_cont { width:140px; height:36px; letter-spacing:-1px; font-size:11px; line-height:16px; } .m_people li.garo_line { height:1px; padding-top:5px; padding-bottom:6px; width:100%; background:url('/kor/images/common/i_dot_garo_line.gif') repeat-x left; } /* [우측] Video Games */ .m_video_cover { width:229px; height:167px; margin:0 auto; padding-top:15px; } .m_video { width:229px;} .m_video ul { float:left; } .m_video li.title { float:left; width:160px; height:19px; } .m_video li.more { float:right; width:60px; height:19px; text-align:right; } .m_video li.img { float:left; width:229px; height:117px; padding-top:6px; overflow:hidden; } .m_video li.subject { float:left; width:229px; height:22px; color:#888; padding-top:3px; font-size:11px; } .m_video li.subject strong { font-weight:bold; } .m_video li.s_img { float:left; padding-top:4px; margin:0px; } .m_movie { width:229px; } .m_movie li { width:75px; height:115px; float:left; } .m_movie li.fc { padding:0px; } .m_movie li.els { padding-left:2px; } .m_movie li.gc { padding-left:2px; } .small_img { float:left; } .small_img li { position:relative; float:left; width:75px; height:45px; } .small_img li.s_space { position:relative; float:left; width:75px; height:45px; padding-right:2px; } /* [우측]History */ .m_quick { margin:0 auto; width:229px; height:58px; } .m_quick ul { width:229px; } .m_quick li { float:left; height:47px; padding-top:10px; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; background:#fafafa; } /* [하측] 카피라이터 */ .copy_logo { width:90px; float:left; } .copyright { float:left; } .copy_family { float:right; } .s_copy { width:100%; text-align:left; height:120px; background:url('/kor/images/common/bg_dot_1px.gif') repeat-x top left; } /* [우측] 스크롤 배너 */ .scroll { width:72px; height:247px; text-align:center; list-style:none; line-height:18px; background:url('/kor/images/common/bg_quick.gif') no-repeat top left; } .scroll ul { margin:0 auto; padding:0px; } .scroll li { position:relative; } .scroll li.s_blog_gc { height:53px; padding-top:26px; } .scroll li.s_blog_els { height:57px; } .scroll li.s_blog_fc { height:54px; } .scroll li.s_blog_kog { height:56px; } .top { width:72px; height:21px; text-align:center; list-style:none; line-height:18px; margin-top:10px;} /* [서브 좌측] */ .l_menu { width:190px; margin-top:16px; } .l_menu01 { width:190px; margin-top:16px; } .l_menu02 { width:190px; margin-top:16px; } .l_menu03 { width:190px; margin-top:16px; } .l_menu04 { width:190px; margin-top:16px; } .l_menu05 { width:190px; margin-top:16px; } .l_menu06 { width:190px; margin-top:16px; } .l_banner { width:190px; margin:0px; } .l_banner01 { width:190px; height:59px; } .l_banner02 { width:190px; height:59px; } .l_banner03 { width:190px; height:59px; } /* Games Main */ .fc_main { position:relative; width:723px; height:180px; z-index:1; background:url('/kor/images/games/bg_game_main01.gif') no-repeat top; } .fc_main ul { margin:0px; padding:0px; } .fc_main li { float:left; } .fc_main li.img01 { float:left; margin:0px; padding:0px; } .fc_main li.cont01 { float:left; width:263px; padding:30px; } .els_main { position:relative; width:723px; height:180px; top:-16px; z-index:2; background:url('/kor/images/games/bg_game_main02.gif') no-repeat bottom;} .els_main ul { margin:0px; padding:0px; } .els_main li { float:left; } .els_main li.cont02 { float:left; width:399px; padding:46px 30px 0px 30px; } .els_main li.img02 { float:right; margin:0px; padding:0px; } .gc_main { position:relative; width:723px; height:180px; top:-16px; z-index:2; background:url('/kor/images/games/bg_game_main03.gif') no-repeat bottom;} .gc_main ul { margin:0px; padding:0px; } .gc_main li { float:left; } .gc_main li.cont03 { float:left; width:386px; padding:46px 30px 0px 30px; } .gc_main li.img03 { float:left; margin:0px; padding:0px; } .bz_wr_main { position:relative; width:723px; height:180px; z-index:2; background:url('/kor/images/games/bg_game_main04.gif') no-repeat top;} .bz_wr_main ul { margin:0px; padding:0px; } .bz_wr_main li.bz_left { float:left; width:299px; height:120px; padding:30px; } .bz_wr_main li.wr_right { float:left; width:300px; padding:30px; height:120px; } .eng_title { width:100%; height:20px; } .kor_title { float:left; height:25px; padding-right:3px; } .btn_site { float:left; width:54px; height:25px; padding-left:3px; padding-right:3px; } .btn_detail { float:left; width:80px; height:25px; } .kor_cont { clear:both; width:100%; padding-top:5px; } .bz_img { position:relative; top:-100px; left:207px; width:114px; height:128px; } .wr_img { position:relative; top:-85px; left:205px; width:125px; height:98px; } /* [서브 타이틀] */ .position { width:723px; text-align:right; font-size:11px; letter-spacing:-1px; color:#878787; padding-top:13px; } .s_m_cont { width:723px; text-align:left; padding-top:16px; } .s_cont { width:723px; text-align:left; padding-top:5px; } .s_games_cont { width:723px; text-align:left; padding-top:10px; } .s_news_cont { width:723px; text-align:left; padding-top:5px; } .cont_title { width:100%; height:102px; text-align:left; } .cont_title_inside { width:100%; height:43px; text-align:left; } .cont_title_inside li.c_title { width:723px; height:43px; text-align:left; padding-top:5px; padding-bottom:13px; clear:both; } .cont_title li.c_title { width:723px; height:24px; text-align:left; padding-top:5px; padding-bottom:13px; clear:both; } .cont_title li.c_left_img { float:left; width:118px; height:66px; float:left; vertical-align:top; } .cont_title li.c_center_title { float:left; vertical-align:top; padding-top:8px; } .cont_title li.c_right_btn { float:right; vertical-align:top; padding-top:17px; } .cont_title li.c_right_btn2 { float:right; vertical-align:top; padding-top:10px; } .bg_box_t_left { width:14px; height:19px; background:url('/kor/images/common/bg_box_t_left.gif') no-repeat; } .bg_box_t_line { height:19px; background:url('/kor/images/common/bg_box_t_line.gif') repeat-x; } .bg_box_t_right { width:14px; height:19px; background:url('/kor/images/common/bg_box_t_right.gif') no-repeat; } .bg_box_l_line { width:14px; height:19px; background:url('/kor/images/common/bg_box_l_line.gif') repeat-y; } .bg_box_cont { height:30px; padding:10px 13px 10px 13px;} .bg_box_r_line { height:19px; background:url('/kor/images/common/bg_box_r_line.gif') repeat-y; } .bg_box_b_left { width:14px; height:5px; background:url('/kor/images/common/bg_box_b_left.gif') no-repeat; } .bg_box_b_line { height:5px; background:url('/kor/images/common/bg_box_b_line.gif') repeat-x; } .bg_box_b_right { width:14px; height:5px; background:url('/kor/images/common/bg_box_b_right.gif') no-repeat; } .bg_dot_line { width:100%; height:1px; background:url('/kor/images/board/bg_dot_line.gif') repeat-x; } .line { width:100%; height:1px; background:#dedede; } .prev_subject { width:673px; text-align:left; font-size:11px; padding-left:10px; } .next_subject { width:673px; text-align:left; font-size:11px; padding-left:10px; } /* font */ .9 { font-size:9px;} .10 { font-size:10px;} .11 { font-size:11px;} .bold { font-weight:bold;} .white { color:#ffffff;} .black { color:#000000;} .orange { color:#ff4f20;} .red { color:#da2b02;} .center { text-align:center;} .left { text-align:left;} .right { text-align:right;} .justify { text-align:justify;} .tab { width:100%; height:25px; margin-top:15px; clear:both; } .bg_tab { width:100%; text-align:center; vertical-align:middle; } .bg_tab li { text-align:center; height:25px; padding-top:5px; } .bg_tab li.bg_tab_left { float:left; width:181px; background:url('/kor/images/common/bg_tab_left.gif') no-repeat; font-weight:bold; font-size:11px; } .bg_tab li.bg_tab_center_line_yes { float:left; width:181px; background:url('/kor/images/common/bg_tab_center_line_yes.gif') no-repeat; font-weight:bold; font-size:11px; } .bg_tab li.bg_tab_center_line_no { float:left; width:181px; background:url('/kor/images/common/bg_tab_center_line_no.gif') no-repeat; font-weight:bold; font-size:11px; } .bg_tab li.bg_tab_right { float:left; width:180px; background:url('/kor/images/common/bg_tab_right.gif') no-repeat; font-weight:bold; font-size:11px; } .bg_tab li.bg_tab_on { float:left; width:181px; background:url('/kor/images/common/bg_tab_on.gif') no-repeat; } .bg_tab li.bg_tab_on2 { float:left; width:180px; background:url('/kor/images/common/bg_tab_on2.gif') no-repeat; } .bg_tab li.bg_tab_on a { color:#ffffff; font-weight:bold; font-size:11px; } .bg_tab li.bg_tab_on2 a { color:#ffffff; font-weight:bold; font-size:11px; } .t_partner { width:100%; margin-top:15px; clear:both; } .t_partner_tab { height:23px; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;background:url("/kor/images/common/bg_partner.gif") repeat-x; } .t_partner_tab li { float:left; text-align:center; height:20px; padding-top:3px; font-size:11px; } .t_partner_tab li.first { width:120px; } .t_partner_tab li.center { width:120px; background:url('/kor/images/common/bg_partner_line.gif') no-repeat left; } .t_partner_tab li.last { width:120px; background:url('/kor/images/common/bg_partner_line.gif') no-repeat left; } .t_partner_tab li.on { width:120px; background:url('/kor/images/common/bg_partner_on01.gif') no-repeat; } .t_partner_tab li.on a { color:#fff; } .t_partner_tab li.on2 { width:120px; background:url('/kor/images/common/bg_partner_on02.gif') no-repeat; } .t_partner_tab li.on2 a { color:#fff; } .partner { width:100%; margin-top:15px; clear:both; } .partner_tab { height:23px; border:1px solid #c2c2c2; background:url("/kor/images/common/bg_partner.gif") repeat-x; } .partner_tab li { float:left; text-align:center; height:20px; padding-top:3px; font-size:11px; } .partner_tab li.first { width:120px; } .partner_tab li.center { width:120px; background:url('/kor/images/common/bg_partner_line.gif') no-repeat left; } .partner_tab li.last { width:120px; background:url('/kor/images/common/bg_partner_line.gif') no-repeat left; } .partner_tab li.on { width:120px; background:url('/kor/images/common/bg_partner_on01.gif') no-repeat; } .partner_tab li.on a { color:#fff; } .partner_tab li.on2 { width:120px; background:url('/kor/images/common/bg_partner_on02.gif') no-repeat; } .partner_tab li.on2 a { color:#fff; } .t_partner2 { width:100%; margin-top:15px; clear:both; } .t_partner_tab2 { height:23px; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;background:url("/kor/images/common/bg_partner.gif") repeat-x; } .t_partner_tab2 li { float:left; text-align:center; height:20px; padding-top:3px; font-size:11px; } .t_partner_tab2 li.tab_first { width:120px; } .t_partner_tab2 li.tab_center { width:120px; background:url('/kor/images/common/bg_partner_line.gif') no-repeat left; } .t_partner_tab2 li.tab_last { width:120px; background:url('/kor/images/common/bg_partner_line.gif') no-repeat left; } .t_partner_tab2 li.tab_on { width:120px; background:url('/kor/images/common/bg_partner_on01.gif') no-repeat; } .t_partner_tab2 li.tab_on a { color:#fff; } .t_partner_tab2 li.tab_on2 { width:121px; background:url('/kor/images/common/bg_partner_on02.gif') no-repeat; } .t_partner_tab2 li.tab_on2 a { color:#fff; } .partner2 { width:100%; margin-top:15px; clear:both; } .partner_tab2 { height:23px; border:1px solid #c2c2c2; background:url("/kor/images/common/bg_partner.gif") repeat-x; } .partner_tab2 li { float:left; text-align:center; height:20px; padding-top:3px; font-size:11px; } .partner_tab2 li.tab_first { width:120px; } .partner_tab2 li.tab_center { width:120px; background:url('/kor/images/common/bg_partner_line.gif') no-repeat left; } .partner_tab2 li.tab_last { width:120px; background:url('/kor/images/common/bg_partner_line.gif') no-repeat left; } .partner_tab2 li.tab_on { width:120px; background:url('/kor/images/common/bg_partner_on01.gif') no-repeat; } .partner_tab2 li.tab_on a { color:#fff; } .partner_tab2 li.tab_on2 { width:120px; background:url('/kor/images/common/bg_partner_on02.gif') no-repeat; } .partner_tab2 li.tab_on2 a { color:#fff; } /* 회사소개 : 비즈니스 파트너 */ .bg_map { width:723px; height:254px; margin-top:15px; } .bg_business_partner_map { width:723px; height:230px; margin-top:15px; margin-bottom:20px; } .b_company { width:723px; } .nation_cover { width:109px; height:64px; background:url('/kor/images/company/bg_popup.png') no-repeat; } .nation_close { float:right; width:104px; height:6px; padding-top:4px; padding-right:5px; text-align:right; } .nation_close2 { float:right; width:104px; height:10px; padding-top:5px; padding-right:5px; text-align:right; } .nation_popup { width:88px; margin:0 auto; } .nation_title { float:left; width:100%; height:15px; border-bottom:1px solid #bfbfbf; padding-bottom:2px; margin-bottom:3px; vertical-align:top; text-align:center; } .c_partner { float:left; width:60px; height:14px; line-height:14px; } .go { float:right; width:23px; height:15px; line-height:15px; } .b_partner { width:723px; padding-top:15px; } .b_partner_left { float:left; width:350px; } /* background:url("/kor/images/company/partner_center_line.gif") no-repeat right; */ .b_partner_left2 { float:left; width:350px; } .b_partner_right { float:right; width:350px; } .in_b_partner { float:left; width:350px; height:96px; } .in_b_partner li { float:left; } .in_b_partner li.c_name { clear:both; width:350px; height:25px; padding-left:5px; } .in_b_partner li.g_img { width:167px; height:66px; text-align:center; background:url("/kor/images/company/bg_partner.gif") no-repeat left; padding-top:7px; } .in_b_partner li.g_subject { width:160px; height:14px; padding-left:10px; margin-top:10px; font-size:12px; font-weight:bold; line-height:14px; } .in_b_partner li.g_s_subject { width:160px; height:14px; padding-left:10px; font-size:11px; line-height:14px; letter-spacing:0px; } .in_b_partner li.g_cont { width:80px; padding-left:10px; padding-top:2px; color:#f04501; font-size:11px; color:#f04501; letter-spacing:0px; line-height:12px; } .in_b_partner li.g_cont a { color:#f04501; } .partner_table { width:100%; background-color:#ffffff; border-collapse:collapse; } /* border:1px #dedede solid;*/ .partner_table th { color:#6e6e6e; font-weight:bold; font-size:12px; text-align:center; padding:8px 0px 8px 0px; } .partner_table td { line-height:16px; } .partner_table td.partner_left { width:241px; height:100px; border-bottom:1px solid #aaafb6; border-right:1px solid #aaafb6; vertical-align:top; padding:8px 0px 8px 0px; } .partner_table td.partner_center { width:241px; height:100px; border-bottom:1px solid #aaafb6; border-right:1px solid #aaafb6; vertical-align:top; padding:8px 0px 8px 0px; } .partner_table td.partner_right { width:241px; height:100px; border-bottom:1px solid #aaafb6; vertical-align:top; padding:8px 0px 8px 0px; } .partner_line { width:100%; height:2px; border-top:2px; background:#545d77; } .partner_seroline { width:4px; height:140px; background:url('/kor/images/company/partner_seroline.gif') no-repeat left top; } .bg_partner { background:#f7f7f7; } /* 회사소개: 회사둘러보기 */ .inside_kog { width:723px; text-align:center; margin:0 auto; } /* 회사소개 서브 메인 */ #s_m_top { width:100%; height:182px; text-align:left; } .sub_main_intro_img { float:left; width:219px; height:182px; text-align:left; } .sub_main_intro_text { float:left; width:229px; text-align:left; margin-left:20px; } .intro_text { padding-top:18px; text-align:left; } .intro_btn { clear:both; padding-top:18px; text-align:left; } .sub_main_people { float:left; width:255px; background:url('/kor/images/company/bg_sub_main_people.gif') repeat-y; text-align:center; line-height:16px; } .title_people { width:226px; text-align:left; margin:0 auto; } .title_people li { height:22px; } .title_people li.p_left { float:left; text-align:left; } .title_people li.p_right { float:right; text-align:right; } .img_people { float:left; width:226px; height:119px; min-height:119px; overflow:hidden; border-top:1px solid #dbdbdb; padding-top:8px; } .subject_people { float:left; width:226px; color:#888; padding-top:5px; font-size:11px; } .subject_people strong { font-weight:bold; } #s_m_middle { width:100%; height:115px; margin-top:16px; text-align:left; } .sub_main_quick01 { float:left; width:239px; height:115px; background:url('/kor/images/company/bg_dot_sero_line.gif') no-repeat top right; line-height:16px; } .sub_main_quick01 li { line-height:16px; text-align:left; } .sub_mian_quick01 li.q01_img { width:219px; height:50px; text-align:left; clear:both; } .sub_main_quick01 li.q01_left { float:left; height:20px; padding-top:8px; color:#5a5a5a; font-weight:bold; } .sub_main_quick01 li.q01_right { float:right; height:20px; padding-top:8px; padding-right:20px; } .sub_mian_quick01_cont { width:219px; padding-top:2px; font-size:11px; clear:both; } .sub_main_quick02 { float:left; width:239px; height:115px; background:url('/kor/images/company/bg_dot_sero_line.gif') no-repeat top right; line-height:16px; } .sub_main_quick02 li { line-height:16px; text-align:left; } .sub_mian_quick01 li.q02_img { width:219px; height:50px; text-align:left; clear:both; } .sub_main_quick02 li.q02_left { float:left; height:20px; padding-top:8px; color:#5a5a5a; font-weight:bold; } .sub_main_quick02 li.q02_right { float:right; height:20px; padding-top:8px; padding-right:20px; } .sub_mian_quick02_cont { width:219px; padding-top:2px; font-size:11px; clear:both; } .sub_main_quick03 { float:left; width:245px; height:115px; line-height:16px; } .sub_main_quick03 li { line-height:16px; text-align:left; } .sub_mian_quick03 li.q03_img { width:245px; height:50px; text-align:left; clear:both; } .sub_main_quick03 li.q03_left { float:left; height:20px; padding-top:8px; color:#5a5a5a; font-weight:bold; } .sub_main_quick03 li.q03_right { float:right; height:20px; padding-top:8px; } .sub_mian_quick03_cont { width:245px; padding-top:2px; font-size:11px; clear:both; } #s_m_bottom { width:100%; margin-top:10px; text-align:left; } .sub_main_game_title { height:20px; border-bottom:1px solid #dbdbdb; } .s_m_game_title { width:100%; text-align:left; vertical-align:top; } .s_m_game_title li.g_left { float:left; } .s_m_game_title li.g_right { float:right; vertical-align:top; } .s_m_game_cont { clear:both; text-align:left; padding-top:15px; } .s_m_game_cont li.game_fc { float:left; text-align:left; margin-right:22px; } .s_m_game_cont li.game_els { float:left; text-align:left; margin-right:22px; } .s_m_game_cont li.game_gc { float:left; text-align:left; margin-right:20px; } .s_m_game_cont li.game_wr { float:left; text-align:left; margin-right:17px; } .s_m_game_cont li.game_bz { float:left; text-align:left; } /* 회사소개: 연혁 */ .history { width:100%; text-align:left; padding-top:30px; } .history li.history_year { float:left; width:181px; vertical-align:top; line-height:20px; text-align:center; font-size:18px; font-weight:bold; } .history li.history_month { float:left; width:520px; color:#666; line-height:20px; } .month { float:left; width:90px; text-align:left; background:url('/kor/images/common/i_bullet_gray.gif') no-repeat left; padding-left:12px; font-size:11px; line-height:18px; font-weight:bold; clear:both; } .mont_cont { float:left; text-align:left; font-size:11px; line-height:20px; clear:both; } .history_space { float:left; width:100%; height:7px; line-height:7px; clear:both; } .month2 { float:left; width:90px; text-align:left; background:url('/kor/images/common/i_bullet_gray.gif') no-repeat left; padding-left:12px; font-size:11px; line-height:18px; font-weight:bold; clear:both; margin-top:8px; } .mont_cont2 { float:left; text-align:left; font-size:11px; line-height:20px; clear:both; margin-top:8px; } .history_line { clear:both; height:15px; border-bottom:1px solid #dadada; } /* 게임 */ .cha_infor_cover { width:100%; text-align:center; margin-top:10px; clear:both; } .cha_infor { width:100%; text-align:center; margin:0 auto; } .cha_infor li.cha_infor_img { float:left; width:470px; text-align:left; } .cha_infor li.cha_infor_cont { float:left; text-align:left; padding-top:70px; margin-bottom:15px; } .cha_games { text-align:left; } .cha_games li.e_title { height:20px; clear:both; } .cha_games li.k_title { float:left; height:20px; } .cha_games li.btn_site { float:left; padding-left:10px; } .cha_games li.btn_movie { float:left; padding-left:2px; } .cha_games li.k_genre { float:left; clear:both; padding-top:10px; } .cha_games_intro { text-align:left; } .bg_screen_photo { float:left; width:120px; height:90px; border:1px solid #c0c0c0; text-align:center; padding:7px; margin-right:10px; margin-bottom:5px; } .bg_screen_photo_last { float:left; width:120px; height:90px; border:1px solid #c0c0c0; text-align:center; padding:7px; margin-bottom:5px; } .cha_intro_cover { position:relative; width:100%; text-align:left; } .cha_intro { width:100%; text-align:left; margin-top:20px; } .cha_intro li.character_img { float:left; width:290px; text-align:center; margin:0 auto; } .cha_intro li.character_infor { float:left; width:350px; text-align:left; margin:10px 20px 10px 20px; } .character_dot_line { height:1px; background:url('/kor/images/games/dot_line.gif') bottom repeat-x; clear:both; } .cha_intro2 { float:left; width:675px; text-align:left; margin:30px 39px 20px 39px; } .cha_intro2 li.character_img_left { float:left; width:300px; text-align:left; padding-bottom:30px; } .cha_intro2 li.character_infor_right{ float:left; width:361px; text-align:right; padding-bottom:30px; } .cha_intro2 li.character_img_right { float:left; width:300px; text-align:right; padding-bottom:30px; } .cha_intro2 li.character_infor_left { float:left; width:361px; text-align:left; padding-bottom:30px; } .cha_intro2 li.character_img_left .img { float:left; width:300px; text-align:left; } .character_gc_cha_line { height:1px; background:url('/kor/images/common/bg_gc_cha_line.gif') repeat-x; clear:both; } .bg_gc_cha_qlink { height:108px; padding:15px 39px 15px 39px; background:#e8e8e8; } .bg_gc_cha_qlink dl { width:675px; } .bg_gc_cha_qlink dt { float:left; width:82px; height:37px; vertical-align:top; } .bg_gc_cha_qlink dd { float:left; width:30px; height:37px; vertical-align:top; } .bg_gc_cha_qlink2 { position:relative; float:left; height:70px; padding:15px 39px 15px 39px; background:#e8e8e8; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; } .bg_gc_cha_qlink2 dl { width:675px; } .bg_gc_cha_qlink2 dt { float:left; width:82px; height:37px; vertical-align:top; } .bg_gc_cha_qlink2 dd { float:left; width:30px; height:37px; vertical-align:top; } .fc_cha { text-align:left; } .fc_cha li.fc_cha_name { padding-top:25px; clear:both; } .fc_cha li.fc_cha_cont { padding-top:25px; clear:both; } .els_cha { text-align:left; } .els_cha li.els_cha_name { padding-top:15px; padding-bottom:25px; clear:both; } .els_cha li.els_cha_sex { float:left; width:25px; height:15px; } .els_cha li.els_cha_sex_cont { float:left; width:325px; height:15px; } .els_cha li.els_cha_age { float:left; width:25px; height:15px; } .els_cha li.els_cha_age_cont { float:left; width:325px; height:15px; } .els_cha li.els_cha_arms { float:left; width:25px; height:15px; } .els_cha li.els_cha_arms_cont { float:left; width:325px; height:15px; } .els_cha li.els_cha_cont { padding-top:25px; padding-bottom:10px; clear:both; } .gc_cha { text-align:left; } .gc_cha li.gc_cha_name { padding-top:15px; padding-bottom:25px; clear:both; } .gc_cha li.gc_cha_sex { float:left; width:25px; height:15px; } .gc_cha li.gc_cha_sex_cont { float:left; width:325px; height:15px; } .gc_cha li.gc_cha_age { float:left; width:25px; height:15px; } .gc_cha li.gc_cha_age_cont { float:left; width:325px; height:15px; } .gc_cha li.gc_cha_arms { float:left; width:25px; height:15px; } .gc_cha li.gc_cha_arms_cont { float:left; width:325px; height:15px; } .gc_cha li.gc_cha_cont { padding-top:25px; padding-bottom:10px; clear:both; } /* 채용정보: 채용공고 */ .employ_sec { width:100%; height:102px; margin-top:15px; clear:both; } .employ_section { width:100%; text-align:left; } .employ_section li.section { float:left; width:723px; height:102px; text-align:left; } .employ_section li.section01 { float:left; margin-left:16px; width:175px; text-align:left; } .employ_section li.section02 { float:left; width:175px; text-align:left; } .employ_section li.section03 { float:left; width:175px; text-align:left; } .employ_section li.section04 { float:left; width:175px; text-align:left; } /* 채용정보: 채용부문 */ .design_sec { width:100%; margin-top:15px; text-align:left; clear:both; } .design_section { width:100%; text-align:left; } .design_section li.ds_title { float:left; height:40px; } .design_section li.ds_btn { float:right; height:40px; } .design_section li.ds_cont_img { padding-top:10px; padding-bottom:10px; text-align:left; color:#787878; clear:both;} .design_section li.ds_cont_title { height:20px; background:url('/kor/images/employ/i_bullet_orange.gif') no-repeat 0px 30%; padding-left:15px; border-bottom:1px solid #dedede; margin-top:10px; clear:both; } .design_section li.ds_cont { padding-top:5px; padding-bottom:10px; text-align:left; color:#787878; } /* 채용정보: 입사문의 */ .entering_cover { width:100%; text-align:left; margin-top:15px; } .entering_write li { font-family:dotum, gulim, Tahoma,AppleGothic,arial,sans-serif; } .entering_write li.bg_entering_menu01 { float:left; width:89px; height:20px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left01.gif') no-repeat; } .entering_write li.bg_entering_menu_red { float:left; width:89px; height:20px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left_purple.gif') no-repeat; } .entering_write li.bg_entering_menu02 { float:left; width:89px; height:38px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left02.gif') no-repeat; } .entering_write li.bg_entering_menu03 { float:left; width:89px; height:74px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left03.gif') no-repeat; } .entering_write li.bg_entering_menu_cont { float:left; width:89px; height:255px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left_cont.gif') no-repeat; } .entering_write li.bg_entering_input01 { float:right; width:615px; height:20px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; } .entering_write li.bg_entering_input02 { float:right; width:615px; height:40px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; } .entering_write li.bg_entering_input03 { float:right; width:615px; height:72px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; } .entering_write li.bg_entering_input_cont { float:right; width:615px; height:255px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; } .entering_input_sphere { width:160px; border:1px solid #c9c9c9; height:18px; color:#666; } .entering_input_name { width:130px; border:1px solid #c9c9c9; height:16px; color:#666; } .entering_input_num { width:40px; border:1px solid #c9c9c9; height:16px; color:#666; } .entering_input_email { width:280px; border:1px solid #c9c9c9; height:16px; color:#666; } .entering_input_phone { width:40px; border:1px solid #c9c9c9; height:16px; color:#666; } .entering_input_academic { width:360px; border:1px solid #c9c9c9; height:16px; color:#666; } .entering_input_cont { width:98%; height:71px; border:1px solid #c9c9c9; color:#666; } .entering_btn { width:100%; clear:both; padding-top:15px; text-align:center; } .entering_view li { font-family:dotum, gulim, Tahoma,AppleGothic,arial,sans-serif; } .entering_view li.bg_entering_menu01 { float:left; width:89px; height:19px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left01.gif') no-repeat; } .entering_view li.bg_entering_menu_red { float:left; width:89px; height:19px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left_purple.gif') no-repeat; } .entering_view li.bg_entering_menu02 { float:left; width:89px; height:38px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left02.gif') no-repeat; } .entering_view li.bg_entering_menu03 { float:left; width:89px; height:74px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left03.gif') no-repeat; } .entering_view li.bg_entering_menu_cont { float:left; width:89px; height:255px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left_cont.gif') no-repeat; } .entering_view li.bg_entering_input01 { float:right; width:615px; height:19px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; border-bottom:1px solid #dedede; } .entering_view li.bg_entering_input02 { float:right; width:615px; height:32px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; border-bottom:1px solid #dedede; } .entering_view li.bg_entering_input03 { float:right; width:615px; height:72px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; border-bottom:1px solid #dedede; } .entering_view li.bg_entering_input_cont { float:right; width:615px; height:255px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; } /* 채용정보: FAQ */ .faq_cover { width:100%; margin-top:15px; clear:both; } .faq li.question { height:28px; margin-top:15px; padding-left:35px; background:url('/kor/images/careers/icon_q.gif') no-repeat 0px 10%; border-bottom:1px solid #dedede; font-size:11px; color:#666; text-align:left; font-weight:bold; clear:both; } .faq li.answer { padding:5px 0px 5px 35px; margin-top:5px; background:url('/kor/images/careers/icon_a.gif') no-repeat 0px 10%; font-size:11px; color:#666; text-align:left; line-height:16px; vertical-align:top; clear:both; } /* 새소식: 웹진 */ .news_line_top { clear:both; height:1px; background:#dadada; } .news_line_middle { clear:both; height:1px; background:#dadada; } .news_line_bottom { clear:both; height:1px; background:#dadada; } .webzine_cover { width:100%; margin-top:15px; text-align:center; } .news_webzine { text-align:center; margin:10px 0px 0px 10px; } .news_webzine li.webz { float:left; width:155px; text-align:center; } .news_webzine li.webzine_sline { float:left; width:27px; height:173px; background:url('/kor/images/news/bg_webzine_sline.gif') no-repeat top center; } .bg_webzine_photo { float:left; width:155px; height:173px; background:url('/kor/images/news/bg_webzine_photo.gif') no-repeat; text-align:center; } .w_subject { float:left; width:155px; height:20px; text-align:center; padding-top:5px; } .webzine_border { border:1px solid #dadada; } .webzine_subject_last { float:left; width:155px; height:30px; text-align:center; font-weight:bold; line-height:16px; } .webzine_subject_last div { padding-top:5px; } .magazine { width:100%; border:0px; padding:0px; margin:0px; } .magazine li.title_top { height:25px; background:#dad9d5; border-top:1px solid #bababa; padding-top:3px; } .magazine li.title_bottom { height:25px; background:#dad9d5; border-bottom:1px solid #bababa; padding-top:3px; } .magazine li.webzine { width:721px; border:1px solid #bababa; color:#666; text-align:left; scrollbar-face-color:#ceccc7; scrollbar-shadow-color:#e0e0e0; scrollbar-highlight-color:#e0e0e0; scrollbar-3dlight-color:#e0e0e0; scrollbar-darkshadow-color:#e0e0e0; scrollbar-track-color: #fafafa; scrollbar-arrow-color:#fc430b; } .box { width:721px; border:1px solid #bababa; color:#666; text-align:left; scrollbar-face-color:#ceccc7; scrollbar-shadow-color:#e0e0e0; scrollbar-highlight-color:#e0e0e0; scrollbar-3dlight-color:#e0e0e0; scrollbar-darkshadow-color:#e0e0e0; scrollbar-track-color: #fafafa; scrollbar-arrow-color:#fc430b; } .box2 { width:721px; height:300px; overflow:auto; border:1px solid #bababa; color:#666; scrollbar-face-color:#ceccc7; scrollbar-shadow-color:#e0e0e0; scrollbar-highlight-color:#e0e0e0; scrollbar-3dlight-color:#e0e0e0; scrollbar-darkshadow-color:#e0e0e0; scrollbar-track-color: #fafafa; scrollbar-arrow-color:#fc430b; } #magazine_left { float:left; } #magazine_left li.mag_title { float:left; width:120px; padding-left:5px; padding-top:2px; } #magazine_left li.mag_date { float:left; padding-left:5px; font-size:11px; color:#000; } #magazine_right { float:right; } #magazine_right li { float:right; padding-right:5px; font-size:12px; color:#000; } /* 새소식: 아카데미 */ .kogacademy { width:100%; position:relative; padding-top:20px; } .bg_academy { height:147px; border-top:1px solid #828282; border-bottom:1px solid #dedede; padding-top:13px; padding-bottom:6x; padding-left:13px; } .bg_academy_middle { height:147px; border-bottom:1px solid #dedede; padding-top:13px; padding-bottom:6px; padding-left:13px; } .bg_academy_bottom { height:147px; border-bottom:1px solid #828282; padding-top:10px; padding-bottom:6px; padding-left:13px; } .academy_img { float:left; width:207px; margin-right:20px; vertical-align:top; } .academy_img_border { border:1px solid #828282; } .in_academy { float:left; width:475px; } .in_academy ul { float:left; } .in_academy li { float:left; } .in_academy li.title { height:16px; font-size:14px; line-height:16px; font-weight:bold; color:#ff4106; padding-top:1px; } .in_academy li.title span { color:#333; } .in_academy li.name { height:15px; padding-top:6px; } .in_academy li.place { height:15px; padding-top:6px; } .in_academy li.date { height:15px; padding-top:6px; } .in_academy li.profile { height:45px; padding-top:6px; } .academy_menu { float:left; width:40px; } .academy_cont { float:left; width:425px; height:45px; } .academy_cont span { font-weight:bold; } .academy_cont2 { clear:both; float:left; width:425px; height:45px; padding-left:50px;} .academy_cont2 span { font-weight:bold; } .kogacademy { width:100%; position:relative; padding-top:20px; } .bg_a { height:147px; border-top:1px solid #828282; border-bottom:1px solid #dedede; padding-top:13px; padding-bottom:6x; } .bg_a_middle { height:147px; border-bottom:1px solid #dedede; padding-top:13px; padding-bottom:6px; } .bg_a_bottom { height:147px; border-bottom:1px solid #828282; padding-top:10px; padding-bottom:6px; } .a_img { float:left; width:205px; height:135px; margin-left:15px; margin-right:20px; vertical-align:top; } .a_border { border:1px solid #828282; } .a_cover { float:left; width:483px; } .a_cont ul { float:left; width:483px; } .a_cont li { float:left; } .a_cont li.title { clear:both; height:16px; font-size:14px; line-height:16px; font-weight:bold; color:#ff4106; padding-top:1px; } .a_cont li.title span { color:#333; } .a_cont li.name { height:15px; padding-top:6px; } .a_cont li.place { height:15px; padding-top:6px; } .a_cont li.date { height:15px; padding-top:6px; } .a_cont li.profile { height:45px; padding-top:6px; } .a_menu { float:left; width:50px; } .view_cont { clear:both; float:left; padding-left:50px; padding-right:13px; height:45px; } .view_cont span { font-weight:bold; } .academy_popup { position:absolute; width:425px; height:266px; top:60px; left:280px; } .academy_popup_in { position:relative; width:425px; height:266px; background:url("/kor/images/insidekog/bg_popup_academy.png") no-repeat; } .academy_in_popup { position:relative; width:390px; padding:15px; top:1px; left:1px; background:#fff; } .academy_in_popup ul { width:390px; } .academy_in_popup li.title { width:100%; height:35px; margin:0 auto; } .academy_in_popup li.sub_title { width:100%; height:65px; } .academy_in_popup li.cont { width:100%; height:73px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding-top:10px; padding-bottom:10px; } .academy_in_popup li.btn { width:100%; height:20px; padding-top:10px; text-align:center; } .aca_popup_name { float:left; width:75px; height:25px; } .aca_popup_email { float:left; width:75px; height:25px; } .aca_popup_tell { float:left; width:75px; height:25px; } .aca_popup_cont { float:left; width:315px; height:25px; } .aca_input_name { width:160px; height:20px; border:1px solid #d0d0d0; } .aca_input_email { width:160px; height:20px; border:1px solid #d0d0d0; } .aca_input_email2 { width:100px; height:20px; border:1px solid #d0d0d0; } .aca_input_tell { width:50px; height:20px; border:1px solid #d0d0d0; } .aca_popup_select { width:120px; height:20px; font-size:11px; } /* 비디오 CLIPS */ .videoclips_cover { width:723px; margin-top:15px; overflow:hidden; } .bg_video { float:left; width:420px; height:315px; background:url('/kor/images/common/bg_quicktime.gif') no-repeat; margin-right:10px; } .video_game { float:right; width:280px; height:45px; margin-top:30px; border-top:2px solid #000; border-bottom:1px solid #c8c8c8; padding:10px 5px 10px 5px; } .vg { float:left; width:723px; height:70px; margin:0px; padding:0px; } .vg li.vg_title { float:left; width:100%; height:22px; } .vg li.vg_btn { float:left; height:18px; padding-top:5px; } .vg_cont { clear:both; width:281px; padding-top:8px; } .vg_cont2 { clear:both; width:281px; padding-top:4px; } .v_thumbnail { clear:both; float:left; width:723px; padding-top:33px; } .v_thumbnail li { float:left; padding:0px; margin:0px; } /* 새소식: 피플&피플 */ .people_cover { width:100%; margin-top:15px; text-align:center; } .news_people { text-align:center; margin:10px 0px 0px 7px; } .news_people li.people2 { float:left; width:145px; text-align:center; margin-left:6px; margin-right:6px; } .news_people li.people_sline { float:left; width:27px; height:130px; background:url('/kor/images/insidekog/bg_people_sline.gif') no-repeat top center; } .people_photo { float:left; width:145px; height:130px; text-align:center; } .p_subject { float:left; width:145px; text-align:center; padding-bottom:5px; } .p_subject span { font-weight:bold; } .people_border { border:1px solid #dadada; } .people_subject_last { float:left; width:157px; height:50px; text-align:center; line-height:16px; font-size:11px; } .people_subject_last div { padding-top:5px; } .people_subject_last span { font-family:verdana; font-size:10px; color:#000; } /* 웹매거진 KOG 타임스 */ .webm_cover { width:100%; margin-top:15px; text-align:center; } .news_webm { margin:0 auto; text-align:center; margin:10px 0px 0px 20px; } .news_webm li.webm2 { float:left; width:128px; text-align:center; margin-left:6px; margin-right:6px; } .news_webm li.webm_sline { float:left; width:40px; height:170px; background:url('/kor/images/insidekog/bg_webm_sline.gif') no-repeat top center; } .webm_photo { float:left; width:128px; height:157px; text-align:center; } .webm_border { border:1px solid #dadada; } .webm_subject_last { float:left; width:128px; height:50px; text-align:center; line-height:16px; font-size:11px; } .webm_subject_last div { padding-top:5px; } .webm_subject_last span { font-family:verdana; font-size:10px; color:#000; } .webm_subject { float:left; width:128px; text-align:center; padding-bottom:5px; padding-top:7px; } .webm_subject span { font-weight:bold; } /* 웹매거진 KOG 타임스 : 책장 들어간 list */ .bg_webzine_book { width:700px; height:567px; background:url('/kor/images/insidekog/bg_webzine_list.gif') no-repeat top left; vertical-align:top; margin-top:15px; } .webzine_book_cover { width:620px; height:185px; margin:0 auto; vertical-align:top; padding-top:12px; } .webzine_book_cover2 { width:620px; height:185px; margin:0 auto; vertical-align:top; } .bg_w_book { float:left; margin-top:24px; } .bg_w_book li.bg { float:left; width:137px; height:153px; background:url('/kor/images/insidekog/bg_list.png') no-repeat; vertical-align:left; text-align:left; margin-left:15px; } .bg_w_book li.no_bg { float:left; width:137px; height:153px; vertical-align:left; text-align:left; margin-left:15px; } .book_photo { float:left; width:111px; height:140px; margin-top:2px; margin-left:13px; } .bg_no_book { float:left; margin-top:24px; } .bg_no_book li.no_bg { float:left; width:137px; height:153px; vertical-align:left; text-align:left; } /* 문의및위치: 제휴및사업문의 */ .business_cover { width:100%; text-align:left; margin-top:15px; } .business li.bg_bus_menu01 { float:left; width:89px; height:19px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left01.gif') no-repeat; } .business li.bg_bus_menu02 { float:left; width:89px; height:38px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left02.gif') no-repeat; } .business li.bg_bus_menu03 { float:left; width:89px; height:74px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left03.gif') no-repeat; } .business li.bg_bus_menu_cont { float:left; width:89px; height:215px; text-align:center; font-weight:bold; color:#fff; font-size:11px; margin:3px; background:url('/kor/images/common/bg_business_left_cont.gif') no-repeat; } .business li.bg_bus_input01 { float:right; width:615px; height:19px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; } .business li.bg_bus_input02 { float:right; width:615px; height:38px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; } .business li.bg_bus_input03 { float:right; width:615px; height:74px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; } .business li.bg_bus_input_cont { float:right; width:615px; height:215px; text-align:left; color:#666; font-size:11px; margin:3px 3px 3px 0px; } .bus_input { border:1px solid #c9c9c9; height:18px; color:#666; } .bus_input_name { width:120px; border:1px solid #c9c9c9; height:18px; color:#666; } .bus_input_email { width:280px; border:1px solid #c9c9c9; height:18px; color:#666; } .bus_input_subject { width:360px; border:1px solid #c9c9c9; height:18px; color:#666; } .bus_input_cont { width:98%; height:215px; border:1px solid #c9c9c9; color:#666; } .bus_btn { width:100%; clear:both; padding-top:15px; text-align:center; } /* 문의및위치: 오시는길 */ .map_address { width:100%; height:585px; margin-top:10px; } .bg_map_address { width:100%; height:193px; background:url('/kor/images/business/bg_map.gif') no-repeat; } .bg_map_address li.t_left { float:left; width:330px; height:90px; padding-left:23px; padding-top:15px; } .bg_map_address li.t_right { float:left; width:330px; height:90px; padding-left:38px; padding-top:15px; } .bg_map_address li.b_left { float:left; width:700px; height:70px; clear:both; padding-left:23px; padding-top:15px; clear:both; } .bg_map_img { width:100%; height:376px; margin-top:20px; text-align:left; clear:both; } .add01 { text-align:left; } .add01 li.add01_title { height:20px; background:url('/kor/images/common/i_bullet_orange.gif') no-repeat; padding-left:15px; clear:both; } .add01 li.add01_menu { float:left; width:60px; height:20px; text-align:left; line-height:16px; } .add01 li.add01_cont { float:left; width:270px; height:20px; text-align:left; line-height:16px; } .add02 { text-align:left; } .add02 li.add02_title { height:20px; background:url('/kor/images/common/i_bullet_orange.gif') no-repeat; padding-left:15px; clear:both; } .add02 li.add02_menu { float:left; width:60px; height:20px; text-align:left; line-height:16px; } .add02 li.add02_cont { float:left; width:270px; height:20px; text-align:left; line-height:16px; } .add03 { text-align:left; } .add03 li.add03_title { height:20px; background:url('/kor/images/common/i_bullet_orange.gif') no-repeat; padding-left:15px; clear:both; } .add03 li.add03_menu { float:left; width:85px; height:20px; text-align:left; line-height:16px; } .add03 li.add03_cont { float:left; width:580px; height:20px; text-align:left; line-height:16px; } .business_address { width:100%; height:376px; margin-top:20px; } .business_infor { width:100%; text-align:left; } .business_infor li.map { float:left; width:373px; height:376px; text-align:center; background:url('/kor/images/company/bg_business_map.gif') no-repeat left; } .business_infor li.address { float:left; width:350px; height:376px; text-align:center; background:url('/kor/images/business/bg_business_address.gif') no-repeat left; } .business_photo { width:257px; text-align:center; margin:0 auto; } .bg_business_photo { width:257px; height:199px; text-align:center; vertical-align:middle; background:url('/kor/images/business/bg_business_photo.gif') no-repeat center; margin-top:25px; padding-top:28px; } .business_photo_address { width:257px; text-align:left; padding-top:10px; /* 사이트맵 */ .sm_menu { text-align:left; margin-top:20px; } .sm_menu li { float:left; } .sm_menu li.sm_menu01 { float:left; width:160px; height:160px; text-align:left; margin-right:18px; vertical-align:top; margin-bottom:20px; } .sm_menu li.sm_menu02 { float:left; width:160px; height:160px; text-align:left; margin-right:18px; vertical-align:top; margin-bottom:20px; } .sm_menu li.sm_menu03 { float:left; width:160px; height:160px; text-align:left; margin-right:18px; vertical-align:top; margin-bottom:20px; } .sm_menu li.sm_menu04 { float:left; width:160px; height:160px; text-align:left; margin-right:18px; vertical-align:top; margin-bottom:20px; } .sm_menu li.sm_menu05 { float:left; width:130px; height:160px; text-align:left; vertical-align:top; margin-bottom:20px; } .sm_menu li.sm_menu06 { float:left; width:130px; height:160px; text-align:left; vertical-align:top; margin-bottom:20px; clear:both; } .s_menu { text-align:left; background:url('/kor/images/etc/bg_sitema_title.gif') top left no-repeat; } .s_menu li { float:left; } .s_menu li.s_menu_title { height:27px; margin-bottom:10px; text-align:left; background:url('/kor/images/common/i_bullet_orange.gif') no-repeat 0px 50%; padding-left:18px; clear:both; } .s_menu li.s_sub_menu { margin-top:3px; background:url('/kor/images/common/i_bullet_gray.gif') no-repeat 0px 50%; padding-left:18px; clear:both; } /* 상단 비쥬얼 */ .mainType { width:940px; height:178px; margin:0 auto; padding:0px; border:1px solid #9e9e9e;} .mainType .rCnt { background:#16a9e4 url("/kor/images/common/bg_tv_blue.gif") repeat-x; } .mainType .cT1 { width:940px; height:180px; margin:0px; } .mainType .cT1:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } .mainType .cT1 .i1 { float:right; width:255px; margin:0px; } .mainType .cT1 .i1 ul { overflow:hidden; padding-top:20px; } .mainType .cT1 .i1 li { width:162px; height:30px; margin:0px 0 0 40px; padding:0px; border-bottom:1px solid #fff; } .mainType .cT1 .i1 li a { display:block; width:162px; height:21px; padding:10px 0 0; color:#fff; font-weight:bold; letter-spacing:-1px; word-spacing:1px;text-decoration:none; } .mainType .cT1 .i1 li a:hover,.mainType2 .cT1 .i1 li a.on { background:url("/kor/images/common/ic_01.gif") no-repeat 100% 12px; color: #fff; } .mainType .cT1 .i2 { float:left; width:684px; height:180px; overflow:hidden; } .vc_cover { width:723px; height:160px; } .vc { width:723px; height:160px; } .vc li.v_title { width:723px; height:25px; } .vc li { float:left; height:122px; padding:0; margin:0px; } .vc li.v_line { clear:both; width:100%; border-top:1px solid #dedede; height:1px; } .video_clip_title { height:25px; padding-bottom:7px;} .video_clip_line2 { border-top:1px solid #dedede; height:1px; } .video_clip_photo { width:110px; }