body {padding-top:36px;} .myz_bar_wrapper {position:fixed;top:0;width:100%;height:35px;background-color:#f7f7f7;border-bottom:1px solid #f0f0f0;z-index:1;} .myz_bar {width:980px; margin:0px auto;height:35px;} .myz_bar .pipe {display:inline-block;text-indent:-9999px;width:13px;background:url('/images/head/head_bar_icon_set.gif') no-repeat 2px -54px;} .myz_bar a, .myz_bar span {display:inline-block;line-height:35px;} .myz_bar .bar_left {float:left;} .myz_bar .bar_right {float:right;} .myz_bar .bar_left .mobile {background:url('/images/head/head_bar_icon_set.gif') no-repeat 0 -21px;padding-left:20px;} .myz_bar .bar_left .wechat {background:url('/images/head/head_bar_icon_set.gif') no-repeat -2px -85px;padding-left:25px;cursor:pointer;position:relative;} .myz_bar .bar_left .wechat .layer {display:none;position:absolute;left:-61px;;top:25px;width:233px;height:244px;background:url('/images/head/head_bar_icon_set.gif') no-repeat 0 -157px;cursor:default;} .myz_bar .bar_left .favorite {background:url('/images/head/head_bar_icon_set.gif') no-repeat -5px -116px;padding-left:18px;} .myz_bar .bar_left .app {background:url('/images/logo/app-16.png') no-repeat left 8px;padding-left:18px;} .myz_bar .bar_right .all {background:url('/images/head/head_bar_icon_set.gif') no-repeat -2px 6px;padding-left:15px;} /* .myz_header {height:182px; margin:0px auto;} */ .myz_header {height:130px; margin:0px auto;} .myz_header .moyiza_sch_part {width:980px; height:90px; margin:0px auto;} /* .moyiza_sch_part .myz_logo {width:121px; height:47px; float:left; margin:50px 0px 0px 30px;} .moyiza_sch_part .sch_part_box {width:480px; height:42px; float:left; margin:50px 0px 0px 60px; position:relative; background:url('/images/head/myz_bar3.png') no-repeat left -440px;} .moyiza_sch_part .myz_top_banner {width:200px; height:90px; float:right; padding:20px 20px 0px 0px;} */ .moyiza_sch_part .myz_logo {width:121px; height:47px; float:left; margin:25px 0px 0px 30px;} .moyiza_sch_part .sch_part_box {width:480px; height:42px; float:left; margin:25px 0px 0px 60px; position:relative; background:url('/images/head/myz_bar3.png?ver=2017031101') no-repeat left -440px;} .moyiza_sch_part .sch_part_box input.sch_text {width:350px; height:17px; position:absolute; left:20px; top:12px; border:0; font: bold 16px Dotum,Simsun; color:#000; outline:none;} .moyiza_sch_part .sch_part_box input.sch_btn {width:67px; height:42px; border:0;position:absolute; right:0; top:0;} .moyiza_sch_part .myz_top_banner {width:200px; height:90px; float:right; padding:0 20px 0px 0px;} .myz_header .part_menu {width:980px; height:40px; margin:0px auto; position:relative; background:#3d69cb url('/images/head/myz_bar3.png?ver=2017031101') no-repeat 0px 0px; _z-index:29;} .part_menu .menu_list {margin-left:25px;} .part_menu .menu_list a {height:40px; background-image:url('/images/head/myz_bar3.png?ver=2018061101'); float:left; background-repeat:no-repeat; display:inline-block;} .part_menu .menu_list a.news {width:51px; height:40px; background-position: 0 -45px;} .part_menu .menu_list a.dm {width:85px; height:40px; background-position: 0 -90px;} .part_menu .menu_list a.directory {width:74px; height:40px; background-position: 0 -135px;} .part_menu .menu_list a.mall {width:80px; height:40px; background-position: 0 -814px;} .part_menu .menu_list a.job {width:75px; height:40px; background-position: -83px -630px;} .part_menu .menu_list a.skill {width:79px; height:40px; background-position: 0 -722px;} .part_menu .menu_list a.m114 {width:84px; height:40px; background-position: 0 -135px;} .part_menu .menu_list a.comm {width:74px; height:40px; background-position: 0 -225px;} .part_menu .menu_list a.motto {width:57px; height:40px; background-position: 0 -768px;} .part_menu .menu_list a.m_off {width:60px; height:40px; background-position: 0 -270px;} .part_menu .menu_list a.m_on {width:60px; height:40px; background-position: 0 -315px;} .part_menu .menu_right {} .part_menu .menu_right .menu_weather {width:150px;_width:302px; height:20px; overflow:hidden; text-align:center; position:absolute; right:10px; top:10px; color:#fff;background:url('/images/head/weather_more.gif') no-repeat 130px 3px;_background-position:275px 4px;} /* 날씨 */ .menu_weather .weather_list {position:absolute;top:0;z-index:1;} .menu_weather .weather_list .weather_one {text-align:left;height:20px;overflow:hidden;_position:relative;} .menu_weather .weather_list .weather_one img {margin-bottom:-6px;margin-right:-5px;} img.png {azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/images/weather/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);} .part_menu .weather_list_all {width:143px; border:solid 3px #a5b9e8;border-radius:4px; padding-bottom:6px;background-color:#4566af; text-align:left; position:absolute; right:17px; top:0px; color:#fff; z-index:30;} .part_menu .weather_list_all li { height:22px; padding:7px 0px 0px 3px; margin:0px; position:relative;} .part_menu .weather_list_all li img {margin-bottom:-6px;margin-right:-5px;} .part_menu .weather_list_all li span.city_name {display:inline-block;padding-top:2px;} .part_menu .weather_list_all li em {width:30px;font-style:normal;} .part_menu .myz_more {min-width:170px; height:106px; background-color:#fff; border: solid 4px #81a3ea; border-top:none; position:absolute; top:40px; right:270px;} .part_menu .myz_more .more_list {width:84px; height:106px; float:left; border-right: solid 1px #dbe2ef;} .part_menu .myz_more .more_list h3 {width:76px; height:20px; background-color:#f4f5f9; border-bottom: solid 1px #dbe2ef; color:#4f7ebf; font:bold 12px Gulim; padding:11px 0px 0px 8px;} .part_menu .myz_more .more_list span {width:76px; height:16px; margin:0px auto; display:block; padding:6px 0px 0px 8px;} .part_menu .myz_more .close_more {width:15px; height:15px; position:absolute; right:10px; top:10px; background:url('/images/main/close_more_btn.gif') no-repeat;} /* center width */ .myz_main_part {width:980px; margin:10px auto 0px auto;} .myz_main_part .main_left_part {width:200px; float:left;overflow:hidden;} .myz_main_part .main_center_part {width:500px; margin-left:10px; float:left;} .myz_main_part .main_right_part {width:260px; float:right;overflow:hidden;} /* login */ .main_left_part .myz_login_part {width:198px; height:118px; background-color:#f9fafd; border: solid 1px #d6e1eb; margin-bottom:10px;} .myz_login_part .myz_login_top {width:178px; height:54px; border-bottom: solid 1px #d7dfea; margin:10px auto 0px auto;} .myz_login_top .myz_login_input {width:109px; height:44px; float:left;} .myz_login_top .myz_login_input .myz_id {width:109px; height:20px; margin-bottom:4px; _margin-bottom:2px; _margin-top:-1px;} .myz_login_top .myz_login_input .myz_pass {width:109px; height:20px;} .myz_login_top .myz_login_input input.login_box_id {width:101px; height:18px; outline:none; margin:0; padding:0px 3px; border: solid 1px #aab9c9; border-bottom: solid 1px #ced8e5; border-right: solid 1px #ced8e5; line-height:13pt;} .myz_login_top .myz_login_submit {width:60px; height:44px; float:right;} .myz_login_top .myz_login_submit .save_myz_id {width:60px; height:20px; font:12px Dotum; margin-bottom:4px;} .myz_login_top .myz_login_submit .myz_login_btn {width:60px; height:20px;} .myz_login_part .myz_login_bottom {width:178px; height:42px; border-top: solid 1px #fff; margin:0px auto;} .myz_login_part .myz_login_bottom a {width:168px; height:14px; margin:6px auto 0px auto; display:block; font:12px Dotum; background:url('/images/main/m_ico.png') no-repeat 0px -79px; color:#74787f; padding-left:8px;} .myz_login_part .myz_login_bottom a.join {display:block; font-weight:bold; color:#444;} .main_left_part .myz_logout_part {width:198px; height:118px; background-color:#fff; border: solid 1px #d6e1eb; margin-bottom:10px;} .myz_logout_part .myz_logout_top {width:198px; height:32px; margin:0px auto; background-color:#eef3f8;} .myz_logout_part .myz_logout_top span.myz_my_name {width:110px; height:14px; overflow:hidden; font:bold 12px Gulim; color:#444; float:left; padding:7px 0px 0px 7px; margin:4px 0px 0px 0px; display:block;} .myz_logout_part .myz_logout_top span.myz_my_name em {font:bold 12px Gulim; color:#1579c2;} .myz_logout_part .myz_logout_top span.myz_logout_btn {float:right; padding:7px 7px 0px 0px;} .myz_logout_part .myz_logout_middle {width:198px; height:86px;} .myz_logout_middle .myz_my_btn {width:194px; height:82px; margin:2px auto 0px auto; background:url('/images/main/logout_bg.gif') no-repeat;} .myz_logout_middle .myz_my_btn a {height:82px; display:block; float:left;} .myz_logout_middle .myz_my_btn a.my_cmnt {width:61px; height:82px; display:block; background-color:#f6f9fb; margin-right:2px; background:url('/images/main/my_community_btn_off.gif') no-repeat;} .myz_logout_middle .myz_my_btn a:hover.my_cmnt {width:61px; height:82px; display:block; background-color:#f6f9fb; margin-right:2px; background:url('/images/main/my_community_btn_on.gif') no-repeat;} .myz_logout_middle .myz_my_btn a.my_114 {width:62px; height:82px; display:block; background-color:#f6f9fb; margin:0px 3px; background:url('/images/main/my_114_btn_off.gif') no-repeat;} .myz_logout_middle .myz_my_btn a:hover.my_114 {width:62px; height:82px; display:block; background-color:#f6f9fb; margin:0px 3px; background:url('/images/main/my_114_btn_on.gif') no-repeat;} .myz_logout_middle .myz_my_btn a.my_news {width:61px; height:82px; display:block; background-color:#f6f9fb; margin-left:2px; background:url('/images/main/my_news_btn_off.gif') no-repeat;} .myz_logout_middle .myz_my_btn a:hover.my_news {width:61px; height:82px; display:block; background-color:#f6f9fb; margin-left:2px; background:url('/images/main/my_news_btn_on.gif') no-repeat;} /* 하단 */ .myz_tail {width:980px; height:100px; margin:20px auto 0px auto;} .myz_tail .tail_notice_wrap {width:980px; height:22px; padding-top:8px; border-top:solid 1px #e7e7e7;} .myz_tail .tail_notice_wrap .notice_img {width:45px; float:left;} .myz_tail .tail_notice_wrap .notice_subject {width:700px; float:left; margin-left:10px;} .myz_tail .tail_notice_wrap .notice_subject span.ntc_sjt {display:inline-block; height:14px; overflow:hidden;} .myz_tail .tail_notice_wrap .notice_link {width:91px; float:right;} .myz_tail .tail_tab {width:980px; padding:10px 0px 6px 0px; text-align:center; background-color:#f9f9f9; border-top:solid 1px #d4d4d4;} .myz_tail .tail_tab a {font:12px Gulim; color:#777989;} .myz_tail .tail_tab span {font:10px Gulim; color:#dddddd; padding:0px 5px;} .myz_tail .copyright_logo {width:980px; height:60px; border-top: solid 2px #e4e4e4;} .myz_tail .copyright_logo .tail_logo {width:88px; height:45px; float:left; padding:15px 0px 0px 0px;} .myz_tail .copyright_logo .tail_address {width:600px; height:48px; float:left; font:12px simsun; padding:12px 0px 0px 20px;} .myz_tail .copyright_logo .tail_address img {margin-bottom:-2px;} .myz_tail .copyright_logo .tail_address p {font-size:12px; font-family:"simsun"; margin:0; padding:0; line-height:18px;} .myz_tail .copyright_logo .tail_address p span {font-size:11px; font-family:"Verdana";} .myz_tail .copyright_logo .tail_address p a.ver_dn {font-size:11px; font-family:"Verdana";} .myz_tail .copyright_logo .tail_address p a.ss_fml {font-size:12px; font-family:"simsun";} .myz_tail .copyright_logo .tail_address p a.ss_fml span {font-size:12px; font-family:"Gulim";} .myz_tail .copyright_logo .tail_address p em {font-size:11px; font-style:normal; color:#ccc;} .myz_tail .copyright_logo .tail_report {width:240px; height:50px; float:right; padding-top:10px;}