/* 메인배경 */ /* body에 바로 줌~ */ /* * {margin:0; padding:0; vertical-align:top; font-family:돋움,Dotum, 나눔고딕, NanumGothic, AppleGothic, sans-serif; color:#8e8e8e;} */ html, body{width:100%; min-height:100%;} html{overflow-y:scroll; overflow-x:hidden; filter:expression(document.execCommand("BackgroundImageCache", false, true));} body{background:#fff; overflow-x:hidden; -webkit-text-size-adjust:none;} .pc {display:block;} .mobile {display:none;} .tablet {display:none} .tablet02 {display:none;} .tamobile {display:none;} .subbg {background:url(../images/com/sub_bg.gif) top center repeat-x; background-color:#ffffff;} #Wrap{width:100%; margin:0 auto; /* background:url(../images/com/main_bg.gif) top repeat-x; margin:0 auto; */ } #Wrapper{ width:980px; padding-bottom:12px; margin:0 auto; } /* 서브배경 */ /*head.html시작*/ #header{position:relative; height:134px; width:1000px; margin:0 auto; z-index:50; } /* #header .navi_header { position:absolute; z-index:100; left:10px; } */ /*#header-wrap{width:970px; height:138px; margin:0 auto; clear:both;}*/ /* #logo{position: absolute; z-index: 1; left: 50%; margin-left:-110px; padding:10px 0 0px 0; }*/ #logo{float:left; margin:65px 0 0 0px; width:225px; } .t_menu {float:right; padding:0px 0px 10px 0px; *padding:0px 0px 11px 0px; } .t_menu ul li {float:left; padding:12px 20px 0px 0px; font-size:11px; /* background:url(../images/com/t_menu_line.png) right no-repeat; */} .t_menu ul li.rightblank {float:left; padding:12px 10px 0 0px; } .t_menu dl dt{float:left; padding:0px 3px 0 3px;} .t_menu dl dd{float:left; padding:4px 3px 0 3px;} .lnb { float:right; padding-top:0px; background:url(../images/com/t_menu_bg.png) top no-repeat; width:400px; height:23px; } .lnb li, .lnb dt, .lnb dd { float:left;} .lnb li {} .lnb dt {padding-right:5px;} .lnb dd { padding-left:3px; } .mnbnn1 {display:none;} .allmenu {display:none;} /* .mnbnn1{position:absolute; right:2%; top:33px; display:block; z-index:1; } .mnbnn1 .englnk1{display:inline-block; width:66px; height:26px; line-height:36px; border:1px solid #333; border-right:none; vertical-align:middle; } .mnbnn1 .menulnk1{ display:inline-block; width:38px; height:28px; background:url(/images/common/btn/btn_allmenu1.png) no-repeat left top; text-indent:-5000px;vertical-align:middle;} */ /* all menu */ /* .allmenu {position:fixed; z-index:220; top:0px; width:520px; background:#fff; right:-520px; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic', 맑은 고딕,'Nanum Gothic', Sans-serif; } .allmenu .aM_util {position:relative; padding:25px 30px; border-bottom:1px solid #b7b7b7;} .allmenu .aM_util ul:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;} .allmenu .aM_util ul li {position:relative; float:left; margin-left:13px; padding-left:15px; background:url('/images/com/aM_bullet.gif') no-repeat 0 center;} .allmenu .aM_util ul li:first-child {margin-left:0; padding-left:0; background:none;} .allmenu .aM_util ul li a {display:block; padding-left:22px; font-size:16px; font-weight:500; color:#443f45;} .allmenu .aM_util ul li.aM_login a {background:url('/images/com/icon_aM_login.png') no-repeat 0 center; color:#b09991;} .allmenu .aM_util ul li.aM_join a {padding-left:25px; background:url('/images/com/icon_aM_join.png') no-repeat 0 center;} .allmenu .aM_util ul li.aM_logout a {background:url('/images/com/icon_aM_logout.png') no-repeat 0 center; color:#b09991;} .allmenu .aM_util ul li.aM_mypage a {padding-left:25px; background:url('/images/com/icon_aM_mypage.png') no-repeat 0 center;} .allmenu .aM_util ul li.aM_message a {padding-left:30px; background:url('/images/com/icon_aM_message.png') no-repeat 0 center;} .allmenu .aM_util ul li .icon_message03 {position:absolute; top:-8px; right:-18px;} .allmenu .aM_util .btn_close{position:absolute; right:30px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; background:url('/images/com/btn_aM_close.png') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} .allmenu dl a {display:block; text-indent:30px;} .allmenu dt {border-bottom:1px solid #b7b7b7;} .allmenu dt a {height:60px; line-height:60px; background:#fff url('/images/com/aM_depth_off.png') no-repeat 480px center; color:#222; font-size:20px; font-weight:500; letter-spacing:-0.5px;} .allmenu dt a.on {background:#f39732 url('/images/com/aM_depth_on.png') no-repeat 480px center; color:#fff;} .allmenu dd {display:none; padding:10px 0; background:#fff; border-bottom:1px solid #b7b7b7;} .allmenu dd a {color:#666; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:30px;} .allmenu dd a:hover, .allmenu dd a.on {color:#222; text-decoration:underline;} */ #menu {position:relative; float:right; width:685px; padding-top:38px; /* background:url(../images/com/menu_bg.gif) top center no-repeat;*/ } .menu {float:right; width:685px; position:relative; } .menu li {float:left; height:35px; padding:0 0px 0px 0px; } /* .menu li.rightblank {float:left; padding:0 50px 0 35px; background:url() right 2px no-repeat;} .menu .menuon{ background:url(../images/com/menu_bg_on.gif) left top repeat-x;} .menu li ul {position:absolute; width:720px; left:0px; top:37px; display:none; z-index:5; border:1px solid;} .menu li ul li {padding:8px 6px 0 6px; *padding:5px 6px 0 6px; background:url() top no-repeat;} .menu #m1 {padding-left:15px; margin-left:0px; width:525px; background:url('../images/com/menu_s_bg_01.png') 0px 0px no-repeat;} .menu #m2 {padding-left:15px; margin-left:200px; width:453px; background:url('../images/com/menu_s_bg_02.png') 0px 0px no-repeat; } .menu #m3 {padding-left:15px; margin-left:400px; width:282px; background:url('../images/com/menu_s_bg_03.png') 0px 0px no-repeat;} .menu #m4 {padding-left:15px; margin-left:600px; width:215px; background:url('../images/com/menu_s_bg_04.png') 0px 0px no-repeat;} .menu #m5 {padding-left:15px; margin-left:510px; width:480px; background:url('../images/com/menu_s_bg_05.png') 0px 0px no-repeat; } */ #drop_hd {position:absolute; left:0px; top:0px; width:100%; height:380px; z-index:1; background:url("../images/com/bg_drop_hd.png") left top repeat-x; } .drop_con {position:relative; margin:0 auto; width:1000px; } .drop_con ul.menu { width:685px; float:right; } .dropp {position:relative; float:right; width:685px; } .dropp li {float:left; padding:0px 0px 0px 0px; /*text-align:center; */} .dropp li ul {margin-top:30px; } .dropp li ul li{padding:0 0 8px 0px; width:100%; height:19px; } .dropp li ul li a:link , a:visited , a:focus , a:active {color: #999; text-decoration: none; font-weight:bold; letter-spacing:-0.05em;} .dropp li ul li a:hover {color: #395a9d;text-decoration: none; font-weight:bold; letter-spacing:-0.05em;} .dropp li {padding-bottom:13px;} .dropp li.last_gnb02 {/*width:99px !important;*/ margin-right:0 !important;} .dropp li.last_gnb02 li {/*width:99px;*/} .main_menu {position:relative; float:right; width:685px; } .main_menu li {float:left; height:35px; padding:0 0px 0px 0px; /*text-align:center; */} .main_menu li ul li {margin:0 !important; } .main_menu li.last_gnb {/*width:25px !important; */ margin-right:0 !important;} /* #menu a:link {color: #535353;text-decoration: none; font-family:"NanumGothic","Daum_Regular"; font-weight:bold; } #menu a:visited {color: #535353;text-decoration: none; font-family:"NanumGothic"; font-weight:bold; } #menu a:hover {color: #ff7300;text-decoration: none; font-family:"NanumGothic"; font-weight:bold; } #menu a:focus {color: #535353;text-decoration: none; font-family:"NanumGothic"; font-weight:bold; } #menu a:active {color: #535353;text-decoration: none; font-family:"NanumGothic"; font-weight:bold; } */ /* 동영상 레이어 */ div.Main_mov_Box{position:absolute; *margin-left:-200px;/ top:150px; z-index:100; width:370px; height:300px; border:3px solid #2d84b3; background:url(../images/com/siteMap_bg.gif) no-repeat left top;} div.Main_mov_Box h2{padding:25px 0 20px 27px;} div.Main_mov_Box span.close_btn{position:absolute; right:12px; top:13px;} div.Main_mov_Box div.company_s{padding:10px 0 10px 35px;float:left;} div.Main_mov_Box div.company_s ul.sm_list{font-size:11px; margin-top:10px; } div.Main_mov_Box div.company_s ul.sm_list li img{vertical-align:top;} div.Main_mov_Box div.company_s ul.sm_list li{padding:6px 0 0px 13px; background:url(../images/com/s_title_icon_01.gif) no-repeat 0 7px;} div.Main_mov_Box div.company_s ul.sm_list li.first{padding:9px 0 0 0;} div.Main_mov_Box div.company_s ul.sm_list li p{padding:3px 0 0 0;} div.Main_mov_Box div.company_s ul.sm_list li p{} /* 메뉴전체보기 sitemap */ div.siteMap_Box{position:absolute; margin-left:10px; top:68px; z-index:100; width:962px; height:437px; background:url(../images/com/siteMap_bg.gif) no-repeat left top;} div.siteMap_Box h2{padding:25px 0 20px 27px;} div.siteMap_Box span.close_btn{position:absolute; right:12px; top:13px;} div.siteMap_Box div.company_s{padding:10px 0 10px 35px;float:left;} div.siteMap_Box div.company_s ul.sm_list{font-size:11px; margin-top:10px; } div.siteMap_Box div.company_s ul.sm_list li img{vertical-align:top;} div.siteMap_Box div.company_s ul.sm_list li{padding:6px 0 0px 13px; background:url(../images/com/s_title_icon_01.gif) no-repeat 0 7px;} div.siteMap_Box div.company_s ul.sm_list li.first{padding:9px 0 0 0;} div.siteMap_Box div.company_s ul.sm_list li p{padding:3px 0 0 0;} div.siteMap_Box div.company_s ul.sm_list li p{} /* div.siteMap_Box div.company_s2{margin:0 0 0 17px;float:left; width:132px; height:455px; overflow-y:scroll; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #E4E4E4; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #E3E3E3; scrollbar-track-color: #f4f4f4; scrollbar-arrow-color: #E3E3E3; } div.siteMap_Box div.company_s2 ul.sm_list{font-size:0px; line-height:0px;} div.siteMap_Box div.company_s2 ul.sm_list li img{vertical-align:top;} div.siteMap_Box div.company_s2 ul.sm_list li{padding:10px 0 0 0;} div.siteMap_Box div.company_s2 ul.sm_list li.first{padding:9px 0 0 0;} div.siteMap_Box div.company_s2 ul.sm_list li p{padding:4px 0 0 0;} div.siteMap_Box div.company_s2 ul.sm_list li p{} div.siteMap_Box div.company_s3{padding:0 0 0 17px;float:left;} div.siteMap_Box div.company_s3 ul.sm_list{font-size:0px; line-height:0px;} div.siteMap_Box div.company_s3 ul.sm_list li img{vertical-align:top;} div.siteMap_Box div.company_s3 ul.sm_list li{padding:6px 0 0 0;} div.siteMap_Box div.company_s3 ul.sm_list li.first{padding:9px 0 0 0;} div.siteMap_Box div.company_s3 ul.sm_list li p{padding:3px 0 0 0;} div.siteMap_Box div.company_s3 ul.sm_list li p{} */ div.siteMap_noEmail{position:absolute; margin-top:-280px; z-index:101; width:460px; height:245px; background:url(../images/com/no_email.gif) no-repeat left top;} div.siteMap_noEmail span.close_btn{position:absolute; right:12px; top:13px;} /*head.html끝*/ /*Footer시작*/ .clear { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; } /*foot.html시작*/ .scroll_banner {position:relative; margin:0 auto; width:100%; text-align:center; } #footer-banner {width:1000px; float:left; } #footer-banner ul li{ float:left; } #footer{position:relative; float:left; width:100%; margin-top:50px; background:url(../images/com/footer_bg.gif) top repeat-x; } #footer-wrap {position:relative; width:1000px; height:150px; padding:0px ; margin:0 auto; background:url(../images/com/foot_bg.gif) top repeat-x; } #footer-wrap ul { float:left; padding-left:10px; } #footer-wrap ul li { float:left; } .b_menu {position:relative; float:left; width:1000px; margin-top:11px; *margin-top:9px;} .b_menu li {float:left;} .b_menu li.pright {position:absolute; right:0; top:-7px; *top:-3px} .b_menu li.pright ul li {padding:0 0 0 6px;} .b_banner {width:1000px; float:left; padding:15px 0 10px 0; } .b_banner li {float:left; padding:0 25px 0 0;} .copyright {width:1000px; float:left; padding:45px 0 20px 0px;} .copyright li {float:left; padding:0 15px 0 0; font-size:11px; } .copyright li.rightblank {float:left; padding:0 0px 0 0; width:100px; text-align:right;} /*Footer끝*/ /*메인시작*/ /* #Main-Contents-01 {position:relative; width:1000px; margin:0 auto; padding:10px 0 0px 0 ; *padding:10px 0 0px 0; } #Main-Contents-01 ul li {float:left; padding:0 0 24px 0;} #Main-Contents-01 ul li.left {float:left; width:340px; ; background:url(../images/main/visual_left.gif) no-repeat; padding:196px 0 14px 0; text-align:center;} #Main-Contents-01 ul li.left ul {width:289px; margin:0 auto;} #Main-Contents-01 ul li.left ul li {float:left; } #Main-Contents-01 ul li.right {float:left; width:660px;} #Main-Contents-01 ul li p{position:relative; float:left;} */ #Main-Contents-01 {position:relative; width:1000px; height:365px; margin:0 auto; } #Main-Contents-01 .left {position:relative; float:left; width:736px; ; background:url(../images/main/visual_left.gif) no-repeat; padding:0px 10px 0px 0; text-align:center; } #Main-Contents-01 .left ul {width:736px; margin:0 auto;} #Main-Contents-01 .left ul li {float:left; } #Main-Contents-01 ul li.right {float:left; width:254px;} #Main-Contents-01 ul li p{position:relative; float:left;} .main_visual{position:relative; width:1000px; height:360px;/*background:url(../images/main/main_visual.jpg) no-repeat; */ } #buttonObject { position:absolute; overflow:hidden; bottom:15px; z-index:0; width:100px; margin-left:335px; } #buttonObject li { display:inline; padding-left:5px;} /*.main_visual div#imgSliding {position:relative; width:726px; height:323px; z-index:-10; } .main_visual div#imgSliding img {width:726px; height:323px; padding:0px 0px 0px 0px;} */ .main_visual #imgSliding {position:relative; width:726px; height:323px; z-index:10; } .main_visual #imgSliding img {width:726px; height:323px; padding:0px 0px 0px 0px;} #main_banner {position:relative; float:right; margin:0 auto; width:254px; } .main_banner_pc {display:block;} .main_banner_m {display:none;} /* fmBrand contents */ .sliderkit{position:absolute; right:0; width:660px; height:300px; /* background:url("/images/main/bg_gallery.gif") no-repeat 0 bottom; */} .sliderkit-go-btn {position:absolute; top:140px; z-index:6;} .sliderkit-go-prev {left:20px;} .sliderkit-go-next {right:20px;} .sliderkit .sliderkit-panels {position:relative; overflow:hidden; width:660px; height:300px; } .sliderkit .sliderkit-panels .img {position:absolute; top:0; left:0; } .sliderkit .sliderkit-panels .txt {position:relative; z-index:1; margin:189px 50px 0 50px;} .sliderkit .sliderkit-panels li.type02 {text-align:right;} .sliderkit .sliderkit-panels li.type02 .img {right:0;} .sliderkit .sliderkit-panel {z-index:1; position:absolute; overflow:hidden; width:660px; height:300px;} #Main-Contents-02 {position:relative; width:1000px; margin: 0px auto; } #Main-Contents-02 ul li {float:left; padding:0px;} #Main-Contents-02 ul li.left {float:left; width:280px; padding:20px 0px 20px 0px; } #Main-Contents-02 ul li.center {width:370px; margin:20px 0px 0px 0px; } #Main-Contents-02 ul li.right {float:left; width:350px; margin:20px 0px 0px 0px; } #Main-Contents-02 ul li.right ul li {float:left; } #Main-Contents-02 ul li p{position:relative; float:left;} .quick {position:relative; float:left; width:100%; height:120px; border:1px solid #d7d7d7; /*background:url("../images/main/quick_title.gif") no-repeat top left;*/} .quick li.firstblank{margin-left:250px; margin-top:44px; } .quick li.lastblank{margin-top:44px; text-align:right; } .quick li.fisrt {width:250px;} .quick li dl {width:750px; } .quick li dl dd {float:left; width:20%; text-align:center;} .together {position:relative; float:left; width:172px; height:94px; border:1px solid #d5d5d5; margin:20px 2px 5px 0px; *margin:0px 2px 0px 0px; } .together li {width:100%; text-align:center;} .supporter {position:relative; float:left; width:172px; height:94px; border:1px solid #d5d5d5; margin:20px 0px 5px 0px; *margin:0px 0px -1px 0px; } .supporter li {width:100%; text-align:center;} .supporter li.m_list{float:left; width:168px; margin:2px 2px; } .supporter li.m_list li{float:left; margin:0px 0px; } .webzine {position:relative; float:left; width:258px; height:187px; margin:20px 0 20px 0; border:1px solid #d5d5d5; } .webzine h3{ float:right; width:110px; margin:40px 10px 0px 0px; color:#fff; font-size:12px; font-weight:bold; } .webzine p { float:left; width:140px; margin:0 20px 0px 20px; } .webzine01 {position:relative; float:left; width:112px; margin:14px 0 0px 10px; *margin:5px 0px 0px 10px;} .webzine01 h2{ float:left; width:100%; padding:0px;} .webzine01 .more{position:absolute; right:0px; top:2px; *top:7px;} .webzine01 .eimg { float:left; width:112px; height:139px; margin:7px 0 0px 0px; *margin:0px; border:1px solid #d5d5d5;} .webzine02 {position:relative; float:left; width:112px; margin:14px 0 0px 10px; *margin:5px 0px 0px 10px;} .webzine02 h2{ float:left; width:100%; padding:0px;} .webzine02 .more{position:absolute; right:0px; top:2px; *top:7px;} .webzine02 .eimg { float:left; width:112px; height:139px; margin:7px 0 0px 0px; *margin:0px; border:1px solid #d5d5d5;} .notice {position:relative; float:left; width:349px; height:187px; padding:0px; /*background:url(../images/main/notice_bg.gif) 0 0px repeat-x ;*/ border:1px solid #d5d5d5; } .notice h2 {position:relative; margin:15px 15px 0px 15px; /*border-bottom:1px solid #bebebe;*/ background:url("../images/main/notice_tab_bg.gif") bottom repeat-x; *background:url("../images/main/notice_tab_bg.gif") 0px 3px repeat-x;} .notice .more{position:absolute; right:20px; top:23px; } .notice ul {margin:20px 0px 0px 20px; } .notice ul li { float:left; width:310px; height:22px; text-align:right; } /* .notice a:link {color: #535353;text-decoration: none; font-size:11px;} .notice a:visited {color: #535353;text-decoration: none;} .notice a:hover {color: #7b8c00;text-decoration: none;} .notice a:focus {color: #535353;text-decoration: none;} .notice a:active {color: #535353;text-decoration: none;} */ .calendar{position:relative; float:left; width:349px; height:187px; margin:20px 0 0px 0; border:1px solid #d5d5d5; } .calendar h2 {padding:15px 0 0px 15px; *padding:6px 0 0 15px;} .calendar .more{position:absolute; right:15px; top:15px; } .calendar ul{float:left; padding:15px 0px 0px 15px; width:100%;} .calendar ul li {float:left; } .calendar ul li.calendar_date {float:left; width:100px; height:120px; padding:14px 15px 0px 0px; *padding:0px 0px 15px 5px; text-align:right; background:url(../images/main/schedule_left_bg.gif) left bottom no-repeat;} .calendar ul li.calendar_table {float:right; width:200px; height:px; margin:0px 7px; background-color: #fff; } .calendar ul li.calendar_table th{text-align:center; height:15px; font-size:11px; margin-bottom:5px; background-color: #afafaf;} .calendar ul li.calendar_table td{text-align:center; height:20px; font-size:11px;} .calendar ul li.calendar_table td.today {background-color: #818181; color:#fff;} .main_guide{position:relative; float:left; padding:0 44px 0px 0; } .main_guide h2 {width:100%; padding:0 0 0px 20px;} .main_guide ul li {float:left; padding:0 25px 10px 0; } .main_guide ul li.rightblank {float:left; padding:0 0 10px 0;} .gallery {position:relative; float:left; width:348px; height:188px; margin:20px 0 0px 0; border:1px solid #d5d5d5; } .gallery h2{ float:left; padding:15px 0 0px 15px; *padding:6px 0 0 15px;} .gallery .more{position:absolute; right:15px; top:15px;} .gallery ul { float:left; width:340px; margin:18px 0px 0 10px; *margin:10px 0 0 10px;} .gallery li { float:left; width:150px; height:130px; margin:0 5px 0 5px; text-align:center; line-height:20px;} .gallery li img{ float:left; width:145px; height:110px; margin:0 5px 0 5px; text-align:center; border:1px solid #bebebe; } #gallery1 {position:relative; float:left; width:174px; height:188px; margin:0px 0 0px 0; } #gallery1 h2{ float:left; padding:15px 0 0px 17px; *padding:6px 0 0 17px;} #gallery1 .more{position:absolute; right:15px; top:15px;} #gallery1 ul { float:left; width:180px; margin:18px 0px 0 5px; *margin:10px 0 0 5px;} #gallery1 li { float:left; width:150px; height:130px; margin:0 5px 0 5px; text-align:center; line-height:20px;} #gallery1 li img{ float:left; width:145px; height:110px; margin:0 5px 0 5px; text-align:center; border:1px solid #bebebe; } #gallery2 {position:relative; float:left; width:174px; height:188px; margin:0px 0 0px 0; } #gallery2 h2{ float:left; padding:15px 0 0px 13px; *padding:6px 0 0 13px;} #gallery2 .more{position:absolute; right:15px; top:15px;} #gallery2 ul { float:left; width:180px; margin:18px 0px 0 0px; *margin:10px 0 0 0px;} #gallery2 li { float:left; width:150px; height:130px; margin:0 5px 0 5px; text-align:center; line-height:20px;} #gallery2 li img{ float:left; width:145px; height:110px; margin:0 5px 0 5px; text-align:center; border:1px solid #bebebe; } .nanum {position:relative; float:left; width:100%; height:auto; border:1px solid #d5d5d5; margin:20px 0 0 0;} .nanum li {position:relative; float:left; margin:5px 8px 5px 8px;} .nanum li.arr {margin:26px 8px 0px 8px;} .nanum li ul {} .nanum li ul li {position:relative; float:left; margin:12px 5px;} .nanum li ul li img{border:1px solid #d5d5d5;} .program{float:left; width:290px; height:240px; } /* .program h2 {width:100%; } .program ul .program ul li {position:relative; float:left; padding:100px 6px 0 10px; *padding:85px 6px 0 10px; width:290px; border:1px solid;color:#000;} */ .volunteer {position:relative; float:right; width:290px;} /* .baro_go ul li {float:left; width:210px; margin-right:8px;} .baro_go ul li.stats {float:left; width:210px; height:85px; margin-right:0px; background:url(../images/main/stats_bg.gif) no-repeat;} .baro_go ul li.stats dl {width:180px; padding:32px 15px 15px 15px; } .baro_go ul li.stats dl dt {float:left; width:70px; height:17px;} .baro_go ul li.stats dl dd {float:right; width:100px; height:17px; text-align:right; color:2e2e2e;} .baro_go ul li.stats dl dd.text01 {color:#65003b; font-weight:bold;} .baro_go ul li.stats dl dd.text02 {color:#2e2e2e; font-weight:bold;} */ .main_icon{width:145px; float:left; background-image:url(../images/main/icon_bg.gif); background-repeat:no-repeat; margin-left:10px; margin-top:10px;} .familylink {position:relative; float:left; *padding:15px 0 0 0 ;} /*서브 비쥬얼끝*/ #Sub-Contents {float:left; width:100%; /*height:100%;*/ /*background-image:url(../images/com/sub_bg_02.gif); background-repeat:no-repeat;*/ padding-bottom:50px; } #Sub-Contents-01 {position:relative; width:1000px; margin:auto; /*background-image:url(../images/com/sub_bg_02.gif); background-repeat:no-repeat;*/ } #Sub-Contents-01 ul li {float:left; } /* left_menu */ #Left{position:relative;clear:both; float:left; width:205px; margin:65px 45px 0px 0px; display:inline-block; } .Left_Menu{width:202px; float:left; padding-bottom:27px;} .Left_Menu h3{float:left; width:100%; padding:10px 0 20px 0; } .Left_Menu ul {float:left;width:100%; padding:7px 0; background:url(../images/com/l_menu_bg.gif) repeat-y; } .Left_Menu ul li{width:100%; padding:0px; font-family:Daum_Regular; font-size:13px;} .Left_Menu ul li a:link {color: #535353;text-decoration: none; font-family:Daum_Regular; font-size:13px; } .Left_Menu ul li a:visited {color: #535353;text-decoration: none; font-family:Daum_Regular; } .Left_Menu ul li a:hover {color: #c10226;text-decoration: none; font-family:Daum_Regular; } .Left_Menu ul li a:focus {color: #535353;text-decoration: none; font-family:Daum_Regular; } .Left_Menu ul li a:active {color: #535353;text-decoration: none; font-family:Daum_Regular; } .Left_Menu ul li a.Over {color: #c10226; font-size:13px; font-family:Daum_Regular; } .Left_Menu .l_s {float:left; width:196px; font-size:12px; padding:5px 0 0px 0 ;} .Left_Menu .l_s li {background:url(../images/com/l_menu_s_icon.png) 0 7px no-repeat; padding:2px 0 2px 10px; margin:2px 0 2px 0;} .Left_Menu .l_s li.S_Over {background:url(../images/com/l_menu_over_bg.gif) no-repeat; padding:2px 0 2px 10px;} .Left_Menu .l_s li a.S_Over_text { color:#fff;} .Left_Menu .l_s a:link {color: #818181;text-decoration: none; font-family:Daum_Regular; font-size:11px; } .Left_Menu .l_s a:visited {color: #818181;text-decoration: none; font-family:Daum_Regular; } .Left_Menu .l_s a:hover {color: #c10226;text-decoration: none; font-family:Daum_Regular; } .Left_Menu .l_s a:focus {color: #818181;text-decoration: none; font-family:Daum_Regular; } .Left_Menu .l_s a:active {color: #818181;text-decoration: none; font-family:Daum_Regular; } .Left_Menu ul li.line01 {padding:0px 14px 0px 14px; *padding:0px 14px 0px 0px; background:url() bottom no-repeat;} .Left_Menu dl dt{float:left; } /* .Left_Menu{width:196px; float:left; padding-left:14px; background-image:url(../Images/com/l_menu_bg.gif); background-repeat:no-repeat;} .Left_Menu ul li{float:left; } .Left_Menu dl dt{float:left; } .Left_Menu_bot{width:210px; float:left; } */ .sub_happybin { float:left; width:197px; } .sub_happybin h2{ padding-bottom:9px; padding-top:15px;} .sub_happybin ul li { float:left; } .l_banner li {float:left; padding-top:8px;} /* ie7 서브 비쥬얼시작*/ /*:first-child+html #sub-middle-wrap01{width:980px; height:220px; margin:0 auto; position:relative; top:80px; }*/ /*ie 7서브 비쥬얼끝*/ /*서브공통*/ .Sub_Visual {position:relative; float:right; width:890px; } #Contents{position:relative; float:left; width:750px; margin:15px 0px 0px 0px; /*background:url("../images/about/title_bg.jpg") no-repeat 0px 27px;*/ } /* #Contents.about {background:url("../images/about/title_bg.jpg") no-repeat 0px 27px;} #Contents.work {background:url("../images/work/title_bg.jpg") no-repeat 0px 27px;} #Contents.center {background:url("../images/center/title_bg.jpg") no-repeat 0px 27px;} #Contents.support {background:url("../images/support/title_bg.jpg") no-repeat 0px 27px;} #Contents.board {background:url("../images/board/title_bg.jpg") no-repeat 0px 27px;} */ #Contents h1{position:relative; float:left; width:750px; padding:0px 0 30px 0; font-size:43px; font-weight:600; letter-spacing:-1px; color:#111; margin:50px 0px 10px 0px; /* font-family:Daum_Regular; */ border-bottom:1px solid #cbcbcb; z-index:1; } #Contents h1 .tit_bot {position:relative; padding:0 0 15px 0; font-size:12px; color:#aeaeae; /*border-bottom:1px solid #2c82b2; */} /*#Contents h3 span {float:left; position:relative; }*/ /*#Contents div.tit_bot {position:relative;width:740px; font-size:12px; color:#aeaeae; border-top:1px solid #dadada; border-bottom:2px solid #dadada; padding:6px 0 6px 0; margin-bottom:20px; }*/ /* ie7 서브 비쥬얼시작*/ /*:first-child+html #sub-middle-wrap01{width:980px; height:220px; margin:0 auto; position:relative; top:80px; }*/ /*ie 7서브 비쥬얼끝*/ /* .location{position:relative; padding:0 5px 0 15px; background:url(../images/com/his_icon.gif) no-repeat 0px 2px; font-size:11px; color:#5c5c5c; } .location img{vertical-align:middle; padding:0 5px 2px 5px; } .location strong{font-size:11px; color:#2f2f2f; font-weight:bold;} */ .location{position:absolute; right:0px; top:0px; padding:0 5px 0 20px; /*background:url(../images/com/his_icon.gif) no-repeat 0px 2px;*/ font-family:dotum; font-size:11px; color:#909090; } .location img{vertical-align:middle; padding:0 5px 2px 5px; } .location strong{font-size:11px; color:#909090; font-weight:bold;} /* .SubTitle{float:left; width:697px; height:25px; top:5px; padding:1px 0 0 30px; background:url(../images/com/title_icon.gif) no-repeat 0 0px; margin-bottom:30px;} */ /*.SubTitle{ width:710px; background:url(../images/com/title_icon.gif) no-repeat 0 3px; margin-bottom:20px;} */ /*#contents{float:left; width:727px; position:relative; padding-top:12px;padding-bottom:20px;}*/ #Inner {position:relative; float:left; width:740px; margin:20px 0 0px 5px; } /* #Inner ul li {position:relative; float:left; width:740px; } */ /* 편집기에서 css 충돌 일으킴 */ #Inner ul li ul {margin:15px 0 0 0;} #Inner ul li ul li{padding:0px 0 5px 0;} #Inner ul li ul li.left40{padding-left:40px;} #Inner ul li ul li ul{margin:5px 0 0 0;} #Inner ul li ul li ul li{padding:5px 0 0 40px;} #Inner #about li {position:relative; float:left; width:100%; } #Inner #about li ul {margin:15px 0 0 0;} #Inner #about li ul li{padding:0px 0 5px 0;} #Inner #about li ul li.left40{padding-left:40px;} #Inner #about li ul li ul{margin:5px 0 0 0;} #Inner #about li ul li ul li{padding:5px 0 0 40px;} #Inner #work li {position:relative; float:left; width:100%; word-spacing:-1px;} #Inner #work li ul {margin:15px 0 0 0;} #Inner #work li ul li{padding:0px 0 5px 0;} #Inner #work li ul li.left40{padding-left:40px;} #Inner #work li ul li ul{margin:5px 0 0 0;} #Inner #work li ul li ul li{padding:5px 0 0 0px;} #Inner #bn_nanum {position:relative; margin:auto; } #Inner #bn_nanum ul {float:left; *width:740px;} #Inner #bn_nanum li {width:157px; padding:5px; } #Inner #bn_together {position:relative; margin:auto; } #Inner #bn_together ul {float:left; } #Inner #bn_together ul li {float:left; line-height:180%; width:100%; display:inline; *width:740px;} /* #Inner #course {position:relative; float:left; margin:auto; } #Inner #course ul {} #Inner #course li.tit{float:left; line-height:180%; font-size:16px; font-weight:bold; background:url(../images/center/icon_tit.gif) no-repeat 5px 2px; padding-left:40px; } #Inner #course ul li ul li{padding-bottom:5px;} #Inner #course .img {float:left; width:140px; height:105px; border:1px solid #999; padding:0px; margin:0px 0px 10px 5px;} #Inner #course .txt {float:left; width:420px; padding:0px 0px 0px 20px; line-height:160%; margin:0px 0px 10px 0px;} #Inner #course .btn {float:right; width:100px; padding:0px; } #Inner #course .bg_gray{background-color:#efefef; padding:10px; width:700px;} */ #Inner #course {position:relative; float:left; width:100%; margin:0 0 20px 0;} #Inner #course p.tit{float:left; line-height:180%; font-size:16px; font-weight:bold; background:url(../images/center/icon_tit.gif) no-repeat 5px 2px; padding-left:40px; margin-bottom:20px;} #Inner #course div {position:relative; float:left; border:8px solid #dadada; padding:2%; width:96% } #Inner #course .img {float:left; width:140px; height:105px; border:1px solid #999; padding:0px; margin:0px 0px 10px 5px;} #Inner #course .txt {float:left; width:420px; padding:0px 0px 0px 20px; line-height:160%; margin:0px 0px 10px 0px;} #Inner #course .btn {float:right; width:100px; padding:0px; } #Inner #course .bg_gray{background-color:#efefef; padding:2%; width:96%;} #Inner h5{background:url(../images/member/icon_arrow.gif) no-repeat 0 3px; margin-top:20px;padding-left:15px;font-size:14px;color:#333; padding-bottom:10px;} /*#Inner p{line-height:160%;}*/ .box{background:#f2f2f2;width:700px;padding:10px 15px;word-break:keep-all; line-height:160%;} /*.box ul li {background:url(../images/member/icon_dot2.gif) no-repeat 0 12px;padding-left:7px;padding-top:5px;}*/ .box ol li {padding-left:16px;} .cont{position:relative; float:left; border:8px solid #dadada; padding:5px; } .guide{position:relative; float:left; width:100%; font-weight:bold; text-align:center; background-color:#efefef; border:1px solid #c5c5c5; padding:10px 0px 15px 0px; margin-top:30px; } div.tabmenuset { margin-bottom:20px;vertical-align:bottom; clear:both; overflow:hidden; /*border-bottom:1px solid #e3e3e3;*/}/*background:url(../img/bg_tabline.png) repeat-x left bottom;*/ div.tabmenuset ul {list-style-type:none; padding:0px; margin:0px; } div.tabmenuset ul li {float:left;height:35px; background:#ffffff;padding:0px 0px 0px 0px;margin:0px 2px 0px 0px; /*background:url(../img/tap_off.png) no-repeat left top;*/ background-color:#b4b4b4; letter-spacing:-1px; } div.tabmenuset ul li span {float:left;height:35px; width:90px; display:block;padding:0px 10px 0px 0px; margin:0px;text-align:center;/*background:url(../img/tap_off.png) no-repeat right top;*/ background-color:#b4b4b4; } div.tabmenuset ul li span a {display:block; line-height:35px;font-size:14px; font-weight:bold; l } div.tabmenuset ul li span a:link {color:#ffffff;text-decoration: none; } div.tabmenuset ul li span a:active {color:#ffffff;text-decoration: none; } div.tabmenuset ul li span a:visited {color:#ffffff;text-decoration: none; } div.tabmenuset ul li span a:hover {color:#e94d00;text-decoration: none; } div.tabmenuset ul li.choice {/*background:url(../img/tap_on.png) no-repeat left top;*/ background-color:#002d5f; padding:0px 0px 0px 10px; } div.tabmenuset ul li.choice span {/*background:url(../img/tap_on.png) no-repeat right top;*/ background-color:#002d5f; padding:0px 10px 0px 0px; } div.tabmenuset ul li.choice span a {display:block; font-weight:bold; } div.tabmenuset ul li.choice span a:link {color:#ffffff;text-decoration: none; } div.tabmenuset ul li.choice span a:active {color:#ffffff;text-decoration: none; } div.tabmenuset ul li.choice span a:visited {color:#ffffff;text-decoration: none; } div.tabmenuset ul li.choice span a:hover {color:#e94d00;text-decoration: none; } div.viewset {display:block; border:3px solid #dee4da; floaT:left; } div.viewset dl {display:block; padding:10px 10px 10px 10px; clear:both; overflow:hidden;} div.viewset dl dt {float:left; width:100%; text-align:center;} div.viewset dl dt img {width:550px; height:410px;} div.viewset dl dd {float:left;} div.viewset dl dd ul { padding:0px 10px 0px 10px;} div.viewset dl dd ul li {width:170px; height:28px;border:1px solid #cfd1cd; text-align:center; margin-bottom:3px; /*background:url(../img/bg_sisulbtn.png) repeat left top;*/} div.viewset dl dd ul li a { font-size:13px; text-decoration:none; color:#655353; font-weight:bold; line-height:30px;} div.viewset dl dd ul li a:hover {color:#e94d00} #login_pop {width:500px; height:330px; *height:350px; border:10px solid #dedede;} #login_pop ul {padding:30px 30px 0px 30px; } #login_pop .login_area {float:left; width:420px; margin:25px 10px 25px 10px; } #login_pop .login_area th {width:100px; font-size:12px; text-align:left;} #login_pop .login_area td {font-size:12px; text-align:left; padding:3px; } #login_pop .login_area td input.inbox {width:200px; height:28px; border:1px solid #dedede; background:#fff; color:#313131;margin-right:10px; padding-left:5px; } /*======================= PC 1200 px ~ =======================*/ @media only screen and (max-width:1200px){ .inner {width:100%; padding:0 0%;} /*header*/ } /*======================= Tablet 1024 px ~ =======================*/ @media only screen and (max-width:1024px){ .pc {display:block;} .tablet {display:none;} .tamobile {display:block;} .inner {width:100%; padding:0 0%; } #drop_hd {display:none;} } /*======================= Tablet 850 px ~ =======================*/ @media only screen and (max-width:850px){ .pc {display:none;} .pct02 {display:none;} .tablet02 {display:block;} .tablet {display:block;} .w100 img {max-width:100%;} .inner {width:96%; padding:0 2%; } /* #header{min-width:auto; } #menu-Area {display:none;} #nav {display:none;} #topmenu {display:none;} */ .t_menu {display:none;} #menu {display:none;} #header{height:80px; width:100%;} #logo{float:left; margin:30px 0 0 0px; } .mnbnn1{display:block; position:absolute; right:2%; top:33px; z-index:201;} .mnbnn1 .englnk1{display:inline-block; width:66px; height:26px; line-height:36px; border:1px solid #333; border-right:none; vertical-align:middle; } .mnbnn1 .menulnk1{ display:inline-block; width:38px; height:28px; background:url(/images/common/btn/btn_allmenu1.png) no-repeat left top; text-indent:-5000px;vertical-align:middle;} /* all menu */ .allmenu {display:block; position:fixed; z-index:1000; top:0px; width:520px; background:#fff; right:-520px; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic', 맑은 고딕,'Nanum Gothic', Sans-serif; } .allmenu .aM_util {position:relative; padding:25px 30px; border-bottom:1px solid #b7b7b7;} .allmenu .aM_util ul:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;} .allmenu .aM_util ul li {position:relative; float:left; margin-left:13px; padding-left:15px; background:url('/images/com/aM_bullet.gif') no-repeat 0 center;} .allmenu .aM_util ul li:first-child {margin-left:0; padding-left:0; background:none;} .allmenu .aM_util ul li a {display:block; padding-left:22px; font-size:16px; font-weight:500; color:#443f45;} .allmenu .aM_util ul li.aM_login a {background:url('/images/com/icon_aM_login.png') no-repeat 0 center; color:#b09991;} .allmenu .aM_util ul li.aM_join a {padding-left:25px; background:url('/images/com/icon_aM_join.png') no-repeat 0 center;} .allmenu .aM_util ul li.aM_logout a {background:url('/images/com/icon_aM_logout.png') no-repeat 0 center; color:#b09991;} .allmenu .aM_util ul li.aM_mypage a {padding-left:25px; background:url('/images/com/icon_aM_mypage.png') no-repeat 0 center;} .allmenu .aM_util ul li.aM_message a {padding-left:30px; background:url('/images/com/icon_aM_message.png') no-repeat 0 center;} .allmenu .aM_util ul li .icon_message03 {position:absolute; top:-8px; right:-18px;} .allmenu .aM_util .btn_close{position:absolute; right:30px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; background:url('/images/com/btn_aM_close.png') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} .allmenu dl a {display:block; text-indent:30px;} .allmenu dt {border-bottom:1px solid #b7b7b7;} .allmenu dt a {height:60px; line-height:60px; background:#fff url('/images/com/aM_depth_off.png') no-repeat 480px center; color:#222; font-size:20px; font-weight:500; letter-spacing:-0.5px;} .allmenu dt a.on {background:#f39732 url('/images/com/aM_depth_on.png') no-repeat 480px center; color:#fff;} .allmenu dd {display:none; padding:10px 0; background:#fff; border-bottom:1px solid #b7b7b7;} .allmenu dd a {color:#666; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:30px;} .allmenu dd a:hover, .allmenu dd a.on {color:#222; text-decoration:underline;} .scroll_banner {position:relative; margin:0 auto; width:100%; text-align:center; } #footer-banner {width:100%; float:left; } #footer-banner ul li{ float:left; } #footer{position:relative; float:left; width:100%; margin-top:50px; background:url(../images/com/footer_bg.gif) top repeat-x; } #footer-wrap {position:relative; width:100%; height:150px; padding:0px ; margin:0 auto; background:url(../images/com/foot_bg.gif) top repeat-x; } #footer-wrap ul { float:left; padding-left:2%; } #footer-wrap ul li { float:left; } .b_menu {position:relative; float:left; width:97%; margin-top:11px; *margin-top:9px;} .b_menu li {float:left;} .b_menu li.pright {position:absolute; right:0; top:-7px; *top:-3px} .b_menu li.pright ul li {padding:0 0 0 6px;} .b_banner {width:100%; float:left; padding:15px 0 10px 0; } .b_banner li {float:left; padding:0 25px 0 0;} .copyright {width:97%; float:left; padding:20px 0 20px 0px;} .copyright li {float:left; padding:0 15px 0 0; font-size:11px; } .copyright li.rightblank {float:left; padding:0 0px 0 0; width:10%; text-align:right;} .copyright li.rightblank img {width:80%;} .copyright li.w01 {width:100%; } .copyright li.w02 {width:85%; } .copyright li.w03 {width:10%; margin-top:} .copyright li.w03 img {width:80%;} #Main-Contents-01 {position:relative; width:100%; height:auto; margin:0 auto; } #Main-Contents-01 .left {position:relative; float:left; width:95%; ; background:url(../images/main/visual_left.gif) no-repeat; padding:0px 10px 0px 0; text-align:center; margin-bottom:20px;} #Main-Contents-01 .left ul {width:100%; margin:0 auto;} #Main-Contents-01 .left ul li {float:left; } #Main-Contents-01 ul li.right {float:left; width:100%;} #Main-Contents-01 ul li p{position:relative; float:left;} .main_visual{position:relative; width:100%; height:360px; margin-bottom:20px; /*background:url(../images/main/main_visual.jpg) no-repeat; */ } #buttonObject { position:absolute; overflow:hidden; bottom:15px; z-index:0; width:100px; margin-left:335px; } #buttonObject li { display:inline; padding-left:5px;} /*.main_visual div#imgSliding {position:relative; width:726px; height:323px; z-index:-10; } .main_visual div#imgSliding img {width:726px; height:323px; padding:0px 0px 0px 0px;} */ .main_visual #imgSliding {position:relative; width:100%; height:323px; z-index:-10; } .main_visual #imgSliding img {width:100%; height:323px; padding:0px 0px 0px 0px;} #main_banner {position:relative; float:left; margin:0 auto; width:100%; } #main_banner li {float:left; width:49%; padding-right:1%; } #main_banner li img {width:100%;} #main_banner li:last-child {border:0px; padding-left:1%; padding-right:0%;} .main_banner_pc {display:none;} .main_banner_m {display:block;} #Main-Contents-02 {position:relative; width:100%; margin: 0px auto; } #Main-Contents-02 ul li.left {float:left; width:100%; padding:10px 0px 10px 0px; } #Main-Contents-02 ul li.left img {width:100%;} #Main-Contents-02 ul li.center {width:49%; margin:10px 1% 0px 0%; } #Main-Contents-02 ul li.right {float:left; width:49%; margin:10px 0px 0px 1%; } #Main-Contents-02 ul li.right ul li {float:left; width:100%;} .quick {position:relative; float:left; width:100%; height:120px; border:1px solid #d7d7d7; /*background:url("../images/main/quick_title.gif") no-repeat top left;*/} .quick li.firstblank{margin-left:25%; margin-top:44px; } .quick li.lastblank{margin-top:44px; text-align:right; } .quick li.fisrt {width:25%;} .quick li.sec {width:75%;} .quick li dl {width:100%; } .quick li dl dd {float:left; width:20%; text-align:center;} .notice {width:100%; height:187px; } .notice ul li { width:100%; } .calendar{width:100%; } #Sub-Contents-01 {position:relative; width:100%; margin:auto; /*background-image:url(../images/com/sub_bg_02.gif); background-repeat:no-repeat;*/ } #Left{display:none;} .subbg {background:url('') top center repeat-x; background-color:#ffffff;} #Contents{position:relative; float:left; width:100%; margin:15px 0px 0px 0px; /*background:url("../images/about/title_bg.jpg") no-repeat 0px 27px;*/ } #Contents h1{position:relative; float:left; width:100%; padding:0px 0 30px 0; font-size:43px; font-weight:600; letter-spacing:-1px; color:#111; margin:20px 0px 10px 0px; /* font-family:Daum_Regular; */ border-bottom:1px solid #cbcbcb; z-index:1; } #Contents h1 .tit_bot {position:relative; padding:0 0 15px 0; font-size:12px; color:#aeaeae; /*border-bottom:1px solid #2c82b2; */} .location{position:absolute; right:0px; top:0px; padding:0 5px 0 20px; /*background:url(../images/com/his_icon.gif) no-repeat 0px 2px;*/ font-family:dotum; font-size:11px; color:#909090; } .location img{vertical-align:middle; padding:0 5px 2px 5px; } .location strong{font-size:11px; color:#909090; font-weight:bold;} #Inner {position:relative; float:left; width:98%; margin:20px 1% 0px 1%; } } /*======================= Mobile 768 px ~ =======================*/ @media only screen and (max-width:768px){ } /*======================= Mobile 740 px ~ =======================*/ @media only screen and (max-width:740px){ .together {width:49.0%; } .together img {width:100%;} .supporter { width:49.0%; } } /*======================= Mobile 680 px ~ =======================*/ @media only screen and (max-width:680px){ .mw680 {width:100%;} /* .header { position:relative; float:left; width:96%;} #nav { width:96%; } #nav li ul li a { padding: 4px 0px 4px 15px; } */ .header {display:none;} #Inner #course div {position:relative; float:left; border:8px solid #dadada; padding:2%; width:94% } #Inner #course .img {float:left; width:140px; height:105px; border:1px solid #999; padding:0px; margin:0px 0px 10px 5px;} #Inner #course .txt {float:left; width:98%; padding:0px 0px 0px 20px; line-height:160%; margin:0px 0px 10px 0px;} #Inner #course .btn {float:right; width:98%; padding:0px; text-align:center; } #Inner #course .bg_gray{background-color:#efefef; padding:2%; width:96%;} .quick li dl dd {width:19%; } /* #Inner #course {position:relative; float:left; margin:auto; width:90%;} #Inner #course ul {} #Inner #course li.tit{float:left; line-height:180%; font-size:16px; font-weight:bold; background:url(../images/center/icon_tit.gif) no-repeat 5px 2px; padding-left:40px; } #Inner #course ul li ul li{padding-bottom:5px;} #Inner #course .img {float:left; width:20%; height:105px; border:1px solid #999; padding:0px; margin:0px 0px 10px 5px;} #Inner #course .txt {float:left; width:65%; padding:0px 0px 0px 20px; line-height:160%; margin:0px 0px 10px 0px;} #Inner #course .btn {float:right; width:15%; padding:0px; } #Inner #course .bg_gray{background-color:#efefef; padding:10px; width:700px;} */ .calendar ul li.calendar_date {float:left; width:27%; } .calendar ul li.calendar_table {float:right; width:67%; } } /*======================= Mobile 640 px ~ =======================*/ @media only screen and (max-width:640px){ .pct {display:none;} .pct02 {display:block;} .tablet {display:none;} /*.tablet02 {display:none;}*/ .mobile {display:block;} .fmlist1 {display:none;} .footWrap {padding:20px 0 30px ; background:#616161; color:#fff; /*text-align:center;*/} .mw640 {width:100%;} /*header*/ /* #header { top:0px; } .headerWrap h1 {width:120px; padding-top:20px;} .headerWrap h1 img.pc {display:none;} .headerWrap .util {top:30px;} .headerWrap .util li .tablet {display:block;} */ /*.sub .headerWrap h1 {padding-top:20px;} .sub .headerWrap .util {top:23px;} */ /* all menu */ .allmenu {width:100%; right:-100%;} .allmenu .aM_util {padding:15px;} .allmenu .aM_util ul li {padding-left:13px; margin-left:10px; background-size:1px 13px;} .allmenu .aM_util ul li a {font-size:15px; padding-left:20px;} .allmenu .aM_util ul li.aM_login a {background:url('/images/com/icon_aM_login_m.png') no-repeat 0 5px; background-size:12px;} .allmenu .aM_util ul li.aM_logout a {background:url('/images/com/icon_aM_logout_m.png') no-repeat 0 5px; background-size:13px;} .allmenu .aM_util ul li.aM_join a { background:url('/images/com/icon_aM_join_m.png') no-repeat 0 4px; background-size:18px;} .allmenu .aM_util ul li.aM_mypage a {padding-left:20px; background:url('/images/com/icon_aM_mypage_m.png') no-repeat 0 4px; background-size:13px;} .allmenu .aM_util ul li.aM_message a {padding-left:22px; background:url('/images/com/icon_aM_message_m.png') no-repeat 0 center; background-size:15px;} .allmenu .aM_util .btn_close {width:13px; height:13px; right:4%; margin-top:-6.5px; background:url('/images/com/btn_aM_close_m.png') no-repeat 0 0; background-size:13px;} .allmenu dl a {text-indent:15px;} .allmenu dt a {height:45px; background:#fff url('/images/com/aM_depth_off_m.png') no-repeat 96% center; background-size:12px; font-size:16px; font-weight:500; line-height:45px;} .allmenu dt a.on {background:#4793e1 url('/images/com/aM_depth_on.png') no-repeat 96% center; background-size:12px;} .allmenu dd a {font-size:14px; line-height:28px;} #Main-Contents-02 ul li.right ul li img {max-width:100%; height:100%;} .quick li.fisrt {width:30%;} .quick li.sec {width:70%;} .quick li dl {width:100%; } .notice {position:relative; float:left; width:100%; height:187px; padding:0px; border:1px solid #d5d5d5; } .notice h2 {position:relative; margin:15px 15px 0px 15px; /*border-bottom:1px solid #bebebe;*/ background:url("../images/main/notice_tab_bg.gif") bottom repeat-x; *background:url("../images/main/notice_tab_bg.gif") 0px 3px repeat-x;} .notice h2 img {width:30%;} .notice .more{position:absolute; right:20px; top:23px; } .notice ul {margin:20px 0px 0px 20px; } .notice ul li { float:left; width:310px; height:22px; text-align:right; } /* .notice a:link {color: #535353;text-decoration: none; font-size:11px;} .notice a:visited {color: #535353;text-decoration: none;} .notice a:hover {color: #7b8c00;text-decoration: none;} .notice a:focus {color: #535353;text-decoration: none;} .notice a:active {color: #535353;text-decoration: none;} */ .calendar ul li.calendar_date {float:left; width:21%; } .calendar ul li.calendar_table {float:right; width:73%; } .together {width:49.0%; } .together img {width:100%;} .supporter { width:49.0%; } #Contents h1{font-size:38px;} } /*======================= Mobile 568 px ~ =======================*/ @media only screen and (max-width:568px){ .quick {height:auto;} .quick li.fisrt {width:30%;} .quick li.fisrt img {width:100%;} .quick li.sec {width:70%;} .quick li dl {width:100%; } .quick li dl dd {width:20%;/* padding:1%;*/} .quick li dl dd img {width:100%;} div.viewset dl dt img {width:100%; height:auto;} div.viewset dl dd {width:100%;} div.viewset dl dd ul {width:98%; padding:0px 1% 0px 1%;} div.viewset dl dd ul li {width:32.6%; height:auto;border:1px solid #cfd1cd; text-align:center; margin-bottom:3px; } .together {width:48.8%; } .together img {width:100%;} .supporter { width:48.8%; } .calendar ul li.calendar_date {float:left; width:19%; } .calendar ul li.calendar_table {float:right; width:75%; } } /*======================= Mobile 520 px ~ =======================*/ @media only screen and (max-width:520px){ .mw100 {width:100%;} /* .historyWrap dl { padding: 25px 15px 35px 5px; } .historyWrap dl .year { margin: 0 0 20px; } */ /* .historyWrap .hisleft {left:-1.5%;} .historyWrap .hisright {left:48.5%;} .historyWrap dt {font-size:18px; margin-bottom:3%;} .historyWrap dd {font-size:13px;} .numberWrap dd {font-size:35px;} */ } /*======================= Mobile 480 px ~ =======================*/ @media only screen and (max-width:480px){ .mw480 {width:100%;} .fright {display:none;} /*#headerWrap {display:none;}*/ .logo .l_img {width:70%;} .logo {position:relative; float:left; /*text-align:center;*/margin:10px 0 10px 20px; } .mobileutil {display:block; position:absolute; top:30px; right:0px; } .mobileutil li {position:relative; float:left; } .mobileutil li a {padding:5px ; /*background:#123580;*/} .mobileutil li a:hover {/*background:#001b34;*/} .header {display:none;} /*visual*/ .copyright li.w03 img {width:100%;} .main_visual{position:relative; width:100%; height:210px; /*background:url(../images/main/main_visual.jpg) no-repeat; */ } .main_visual #imgSliding {position:relative; width:100%; height:173px; z-index:-10; } .main_visual #imgSliding img {width:100%; height:173px; padding:0px 0px 0px 0px;} #main_banner li {float:left; width:100%; padding-right:0%; } #main_banner li:last-child {border:0px; padding-left:0%; padding-right:0%;} .quick li.fisrt {display:none; width:30%;} .quick li.sec {width:100%;} .quick li dl {width:100%; } #Main-Contents-02 ul li.center {width:100%; margin:10px 0% 0px 0%; } #Main-Contents-02 ul li.right {float:left; width:100%; margin:10px 0px 0px 0%; } #Main-Contents-02 ul li.right ul li {float:left; } .calendar ul li.calendar_date {float:left; width:32%; } .calendar ul li.calendar_table {float:right; width:60%; } } /*======================= Mobile 420 px ~ =======================*/ @media only screen and (max-width:420px){ .b_menu li.pright {position:absolute; right:0; top:50px;} } /*======================= Mobile 360 px ~ =======================*/ @media only screen and (max-width:360px){ .mwm100 {width:100%;} .b_menu li {font-size:11px;} .copyright li.rightblank {float:left; padding:0 0px 0 0%; width:15%; text-align:left;} .copyright li.rightblank img {width:98%;} .copyright li.w01 {width:100%; } .copyright li.w02 {width:80%; } .copyright li.w03 {width:15%; margin-top:;} .copyright li.w03 img {width:98%;} }