@CHARSET "UTF-8"; @CHARSET "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600); @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800'); @font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: local('Noto Sans Light'), local('NotoSans-Light'), url('../fonts/notokr/notokr-light.eot'); src: url('../../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../../font/notokr-light.woff2') format('woff2'), url('../../font/notokr-light.woff') format('woff'); } @font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: local('Noto Sans Regular'), local('NotoSans-Regular'), url('../../fonts/notokr/notokr-regular.eot'); src: url('../../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../../font/notokr-regular.woff2') format('woff2'), url('../../font/notokr-regular.woff') format('woff'); } @font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 500; src: local('Noto Sans Medium'), local('NotoSans-Medium'), url('../fonts/notokr/notokr-medium.eot'); src: url('../../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../../font/notokr-medium.woff2') format('woff2'), url('../../font/notokr-medium.woff') format('woff'); } @font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 700; src: local('Noto Sans Bold'), local('NotoSans-Bold'), url('../fonts/notokr/notokr-bold.eot'); src: url('../../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../../font/notokr-bold.woff2') format('woff2'), url('../../font/notokr-bold.woff') format('woff'); } body { margin:0; padding:0;position:relative; min-width:320px; height:100%; font-size:75%; letter-spacing:-1px; font-weight: 400; font-family: "NotoKrR", sans-serif; overflow-y:scroll; overflow-x:hidden;} td { } img { margin:0; border:0; vertical-align:top;} div, dl, span { margin:0; padding:0; border:0; } form { margin:0; padding:0; border:0;} ul, li, ol, dl, dt, dd, p, em { list-style:none; margin:0; padding:0;} em { list-style:none; margin:0; padding:0; font-size : 12px; font-style: normal; font-weight:bold;} table { border-collapse:collapse; border-spacing:0; } button { border:0; padding:0; background:transparent; cursor:pointer; overflow:visible;} input, select, option { vertical-align:middle; } label { cursor:pointer; } a:link { text-decoration:none; color: #707070;} a:visited { text-decoration:none; color: #707070;} a:active { text-decoration:none; color: #707070;} a:hover { text-decoration:none; color: #44B655;} fieldset { border:solid 0 transparent; padding:0;margin:0;} legend { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;font-size :1em; } hr, h1, h2, caption { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} h3, h4, h5 { margin:0; padding:0; border:0;} div.skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} #skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} .skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} .Skipul ul li { position:relative; float:left; padding:0; margin:0} .skip { display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;} .skip:hover, .skip:active, .skip:focus { width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;} #Suballbg { position:relative;float:left; width:100%;text-align:center; z-index:1;} #Suballbg #Mainheader { position:relative; float:left; width:100%; text-align:center; border-bottom:1px solid #74ad82; z-index:400;} #Suballbg #Mainheader #headerbox { position:relative; width: 1100px; height: 139px; margin:0 auto;text-align:left;} #Suballbg #Mainheader #headerbox .logo { position:relative; width:auto; margin-top: 37px; z-index:400; display:inline-block;} #Suballbg #Mainheader #topmenu { position:relative; width:1000px; margin:0 auto; z-index:400;} #Suballbg #Mainheader #topmenu ul { float:right; padding-top:7px;} #Suballbg #Mainheader #topmenu ul li { display: inline-block; margin-left: 10px; height: 28px; line-height: 28px; vertical-align: top; } #Suballbg #Mainheader #topmenu ul li a{ display: inline-block; height: 28px; line-height: 28px; font-size: 12px; vertical-align: top; } #Suballbg #Mainheader #topmenu .none { margin-left:0;} #Suballbg #Mainheader #menulist { position:relative; float:left; width:100%; height:47px; text-align:center; margin-top:-65px;} #Suballbg #Mainheader #menulist #Gnb { z-index:120; width: 900px; height:47px; margin:0 auto; letter-spacing:0; padding-left:200px;} #Suballbg #Mainheader #menulist #Gnb li { z-index:10; float:left; width:auto; text-align:right; padding-left: 26px;} #Suballbg #Mainheader #menulist #Gnb li a { z-index:10; font-size:16px; color:#282828; font-weight:bold;} #Suballbg #Mainheader #menulist #Gnb li a:hover { z-index:10; color:#44B655;} #Suballbg #Mainheader #menulist #Gnb li:last-child { z-index:10; border-right:0;} #Suballbg #Mainheader #menulist #Gnb li ul { z-index:10; width: 980px; margin:0 auto; text-align:left;} #Suballbg #Mainheader #menulist #Gnb li ul li { z-index:10; margin:0; margin-left: 100px; border-right:0; padding:0; letter-spacing:0; text-align:left; font-weight:normal;} #Suballbg #Mainheader #menulist #Gnb .depth2 { position:relative; float:left; width:260px; height:190px; border-right:1px solid #e7e7e7;} #Suballbg #Mainheader #menulist #Gnb .depth2 ul { position:relative; float:left; width:238px; margin-top:20px;} #Suballbg #Mainheader #menulist #Gnb .depth2 ul li { position:relative; float:left; width:100%; padding:8px 0; border-bottom:1px dotted #b9b9b9; } #Suballbg #Mainheader #menulist #Gnb .depth2 ul li:last-child { border-bottom:0;} #Suballbg #Mainheader #menulist #Gnb .depth2 ul li a { position:relative; float:left; width:88%; padding-left:16px; background:url(../img/menu/btn_dot2.png) left center no-repeat; font-size:14px;font-weight:normal;} #Suballbg #Mainheader #menulist #Gnb .depth2 ul li a:hover { position:relative; float:left; width:83%; padding-right:21px; background:url(../img/menu/btn_dot2.png) right center no-repeat; font-size:14px; font-weight:normal;} #Suballbg #Mainheader #menulist #Gnb .depth2 .gnbActive a { color:#44B655; padding-right:10px; background:url(../img/menu/btn_dot2.png) right center no-repeat; font-weight:bold;} #Suballbg #Mainheader #menulist #Gnb .notice { position:relative; float:left; width:375px; height:190px; margin-right:20px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; } #Suballbg #Mainheader #menulist #Gnb .notice dl { position:relative; width:85%; margin:25px auto;} #Suballbg #Mainheader #menulist #Gnb .notice dl dt { position:relative; padding-bottom:20px; font-size:15px; font-weight:bold;} #Suballbg #Mainheader #menulist #Gnb .notice dl dd dl { width:100%; padding:0; margin:0; letter-spacing:-1px;} #Suballbg #Mainheader #menulist #Gnb .notice dl dd dl dt { padding-bottom:9px;} #Suballbg #Mainheader #menulist #Gnb .notice dl dd dl dt a { font-size:14px; font-weight:normal;} #Suballbg #Mainheader #menulist #Gnb .notice dl dd dl dd a { font-size:13px; color:#707070; text-align:justify; line-height:20px; font-weight:normal;} #Suballbg #Mainheader #menulist #Gnb .notice dl dd dl dd a:hover { text-decoration:underline; color:#707070;} #Suballbg #Mainheader #menulist #Gnb .notice .data { padding:12px 0 0 0; color:#777; letter-spacing:0;} #Suballbg #Mainheader #menulist #Gnb .info { position:relative; float:right; width:340px; height: 250px; text-align:center; border-right:1px solid #e7e7e7;} #Suballbg #Mainheader #menulist #Gnb .info img { border:1px solid #e7e7e7; margin-top:35px;} #Suballbg #Mainheader #menulist #Gnb .info p { position:relative; width:270px; margin:0 auto; padding-top:10px; text-align:left; line-height:16px; font-size:13px;} #Suballbg #Mainheader #menulist #Gnb .info p span{ color:#44B655;} #Suballbg #Mainheader #menulist .sub { display:none;} #Suballbg #Mainheader #menulist .gnb1 .subbg { position:absolute;left:0;top:65px;width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; z-index:200;} #Suballbg #Mainheader #menulist .gnb2 .subbg { position:absolute;left:0;top:65px;width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; z-index:200;} #Suballbg #Mainheader #menulist .gnb3 .subbg { position:absolute;left:0;top:65px;width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; z-index:200;} #Suballbg #Mainheader #menulist .gnb4 .subbg { position:absolute;left:0;top:65px;width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; z-index:200;} #Suballbg #Mainheader #menulist .gnb5 .subbg { position:absolute;left:0;top:65px;width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; z-index:200;} #Suballbg #Mainheader #menulist .gnb6 .subbg { position:absolute;left:0;top:65px;width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; z-index:200;} #Suballbg #Mainheader #menulist .gnb7 .subbg { position:absolute;left:0;top:65px;width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; z-index:200;} #Suballbg #Mainheader #open_side { display:none;} #Suballbg #Mainheader .btn_side { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; } #MainWrapper { width: 100%; margin:0 auto;text-align:left;z-index:1;} #SubWrapper { position:relative; width: 100%; z-index:1;} #Subelement { position:absolute; left:0; top:110px; width:100%; height:280px; text-align:center;} #Subelement .elementbox { position:relative; width:100%; height:280px; margin:0 auto; text-align:center;} #Subelement .elementbox .Subimg { width:100%; height:280px;} #Subelement .elementbox .Subimg .A0000 { width:100%; height:280px; background:url(../img/subimg_B0000.jpg) top center no-repeat;} #Subelement .elementbox .Subimg .B0000 { width:100%; height:280px; background:url(../img/subimg_A0000.jpg) top center no-repeat;} #Subelement .elementbox .Subimg .C0000 { width:100%; height:280px; background:url(../img/subimg_C0000.jpg) top center no-repeat;} #Subelement .elementbox .Subimg .D0000 { width:100%; height:280px; background:url(../img/subimg_D0000.jpg) top center no-repeat;} #Subelement .elementbox .Subimg .E0000 { width:100%; height:280px; background:url(../img/subimg_E0000.jpg) top center no-repeat;} #Subelement .elementbox .Subimg .member { width:100%; height:280px; background:url(../img/subimg_A0000.jpg) top center no-repeat;} #Subelement .elementbox .Subimg .mypage { width:100%; height:280px; background:url(../img/subimg_A0000.jpg) top center no-repeat;} #Subelement .elementbox .Subimg .sitemap { width:100%; height:280px; background:url(../img/subimg_A0000.jpg) top center no-repeat;} #Subelement .elementbox .Subtext { position:relative; width:auto; margin:0 auto; margin-top:-170px;} #Subelement .elementbox .Subtext strong { font-size:40px; color:#fff;} /*서브 메뉴 겸 네비*/ #Suballbg .subnav{ z-index: 999999; margin-top: 140px; height: 48px; border-bottom: 1px solid #e6e9ec; background-color: #0cbe42; } #Suballbg .wrap{ overflow: visible; margin: 0 auto; width: 1100px; } #Suballbg .subnav .subnav-in{ float: left; line-height: 50px; } #Suballbg .subnav .subnav-in .subhome{ float: left; width: 48px; height: 48px; background-color: #179837; } #Suballbg .subnav .subnav-in .subhome img{ margin-top: 13px; } #MainContents { position:relative; width: 100%; margin: 70px 0 0 0;} #Contents { width: 100%; height:auto;} .titleroad { position:relative; float:left; width:100%; height: 80px; padding:0 0 40px 0; } .titleroad .Subtitle { width: 100%; font-size: 40px; color:#343434; font-weight: 700; text-align: center; } /*.titleroad .Subtitle h4 span{ display: block; margin: 0 auto; margin-top: 10px; width: 70px; height: 1px; background: #000000; }*/ .titleroad .Position { position:absolute;right:3px;bottom:15px; width:auto; color:#777777;} .titleroad .Position img { vertical-align:middle; margin:0 2px} .titleroad .Position a { color:#282828; font-size:14px; letter-spacing:0;} .titleroad .Position a:hover { color:#44B655;} .titleroad .Position em { color:#44B655; font-size:13px; cursor:default} #Start { position:relative; float:left; width:100%; } #Start .contentsbox { position:relative; width: 100%; margin:0 auto; text-align: center; } #Start .contentsbox h4 { font-size:21px; font-weight:normal; line-height:28px; padding-bottom:3%; color:#282828;} #Start .contentsbox h4 span { color:#888;} #Start .contentsbox h4 strong { color:#44B655; font-weight:normal;} #Start #subleft { position:relative; float:left; width:100%; margin:50px 0; z-index:500;} #Start #subleft #SubMenu { position:relative; width:100%; text-align:center; } #Start #subleft #SubMenu ul { position:relative; float:left; width:100%; } #Start #subleft #SubMenu ul li { display:inline; margin-right:-4px} #Start #subleft #SubMenu ul li a { width:220px; height:43px; display:inline-block; line-height:40px; border:1px solid #dfdfdf; border-right:0; background-color:#f9f9f9; font-size:16px;} #Start #subleft #SubMenu ul li:last-child { height:45px; display:inline-block; border-right:1px solid #dfdfdf; } #Start #subleft #SubMenu ul li ul { } #Start #subleft #SubMenu ul li ul li { margin:0; padding:0 0 10px 0; border-bottom:0; background:0; } #Start #subleft #SubMenu ul li ul li a { font-size:11px; padding-right:3px; } #Start #subleft #SubMenu a:link { text-decoration: none; color: #333; } #Start #subleft #SubMenu a:visited { text-decoration: none; color: #333; } #Start #subleft #SubMenu a:active { text-decoration: none; color: #333; } #Start #subleft #SubMenu a:hover { text-decoration: none; color: #fff; background-color:#44B655; display:inline-block; border:1px solid #44B655;} #Start #subleft #SubMenu .sidebarActive { width:auto; height:100%; border-left:0; /*background:url(../img/submenu_bg.gif) center bottom no-repeat; padding-bottom:8px; */display:inline-block;} #Start #subleft #SubMenu .sidebarActive a { font-size:16px; color: #fff; background-color:#44B655; display:inline-block; border:1px solid #44B655;} #Start #subleft #SubMenu .sidebarActive ul li a { font-size:11px; } #Start #subleft #SubMenu .sidebarActive ul li a:link { text-decoration: none; color: #303030; } #Start #subleft #SubMenu .sidebarActive ul li a:visited { text-decoration: none; color: #303030; } #Start #subleft #SubMenu .sidebarActive ul li a:active { text-decoration: none; color: #303030; } #Start #subleft #SubMenu .sidebarActive ul li a:hover { text-decoration: none; color: #0b73f3; } #Start #subleft #SubMenu .sidebarActive .rollout a { font-weight:300; color: #666666; } #Footer { position:relative; float:left; width:100%; height:300px; text-align:center; margin-top:40px; background-color:#2A2A2A;} #Footer #Copyright { position:relative; width:1000px; margin:0 auto; text-align:left; font-size:12px; color:#666;} #Footer #Copyright .copylogo { position:relative; float:left; margin:15px 20px 0 0; } #Footer #Copyright .copyrights { position:relative; float:left; margin-top:15px; letter-spacing:0;} #Footer #Copyright .copybox { position:relative; width:1000px; height:200px; border-top:1px solid #333; border-bottom:1px solid #333; margin-top:45px;} #Footer #Copyright .copybox .bottommenu { position:relative; float:left; width:540px; height:148px; margin-top:25px; border-right:1px solid #333;} #Footer #Copyright .copybox .bottommenu ul { position:relative; float:left; width:100%;} #Footer #Copyright .copybox .bottommenu ul li { position:relative; float:left; margin-right:30px;} #Footer #Copyright .copybox .bottommenu ul li dl dt { padding-bottom:15px; font-size:13px;} #Footer #Copyright .copybox .bottommenu ul li dl dt a { color:#999;} #Footer #Copyright .copybox .bottommenu ul li dl dt a:hover { color:#8baa00;} #Footer #Copyright .copybox .bottommenu ul li dl dd { padding-bottom:7px; font-size:12px;} #Footer #Copyright .copybox .bottommap { position:relative; float:right; width:430px; height:148px; margin-top:25px;} #Footer #Copyright .copybox .bottommap address { position:relative; float:left; margin-top:10px; font-style:normal;} #Footer #Copyright .Btnsns { position:absolute;right:0;top:-30px; width:80px; height:21px; text-align:right;} #Footer #Copyright .Btnsns li { position:relative; float:right; margin-left:7px;} .sitemap { position:relative; float:left; width:100%;} .sitemap ul li { float:left; width:30%; margin:0 14px; letter-spacing:0;} .sitemap ul li a { font-size:15px; width:100%; background-color:#f8f8f8; border:1px solid #dfdfdf; color:#282828; border-radius:8px; display:inline-block; text-align:center; line-height:45px; font-weight:normal; } .sitemap ul li a:hover { text-decoration:none; color: #8baa00;} .sitemap ul li ul li { width:100%; height:auto; clear:both; border-bottom:1px dotted #dfdfdf; margin:0;} .sitemap ul li ul li a { font-size:14px; font-weight:normal; background:none; color:#555; text-align:left; padding:0 10px; line-height:40px; border:0;} .sitemap ul li ul li ul li { border-bottom:0; background-color:#f8f8f8; margin:0;} .sitemap ul li ul li ul li a { font-size:11px; color:#888; line-height:25px;} /*개인정보처리방침&이용약관*/ .stipul_box .stipul_txt { border:1px solid #dfdfdf; border-bottom:0; background-color:#f7f9fe; padding:10px 20px; display:inline-block;} .stipul_box p strong { padding-left:10px;border-top:1px solid #666; border-bottom:1px solid #ccc; display:block; background-color:#f8f8f8; line-height:40px; margin:20px 0;} .stipul_box .stipul_con { height:300px; overflow-y:scroll; margin-bottom:30px; border:1px solid #dfdfdf; padding:20px;} .stipul_box .stipul_con h3 { background:url(../img/btn_dot.gif) left 7px no-repeat; padding-left:20px;font-weight:bold; color:#06C; font-size:14px; margin-bottom:20px;} .stipul_box .stipul_con p, .stipul_box .stipul_con ul { margin-bottom:20px;} .stipul_box .stipul_con dt { font-weight: bold;} .tabmenu { position: relative;float:left; width:100%; height:45px; margin-bottom:8%;} .tabmenu a { display:block; float:left; width:24.8%; height:42px; text-align:center;font-weight:bold; line-height:43px; margin-bottom:3px; border:1px solid #d0d0d0; !important;border-right:none; cursor:pointer; background-color:#f9f9f9;} .tabmenu a.last { border-right:1px solid #d0d0d0;} .tabmenu a span { width:auto; height:42px; line-height:43px; color:#5A5046; font-size:16px; font-weight:normal; display:inline-block; } .tabmenu a.on { border:1px solid #484D53; background-color:#686A6C;} .tabmenu a.on span { font-size:16px; color:#fff;} .tstyle { width:100%; border-collapse:collapse;} .tstyle th { word-break:break-all; text-align:center; padding:10px; border:1px solid #dbdee6; border-collapse:collapse; background:#f9f9f9; color:#343434; border-bottom:0; border-top:2px solid #555;} .tstyle td { word-break:break-all; text-align:center; padding:10px 20px; border:1px solid #dbdee6; text-align:left; font-size:13px; border-collapse:collapse; letter-spacing:0; line-height:20px;} .tstyle td strong { } .tstyle td img { vertical-align:middle;} .photo_st1 img { width:100%; height:auto;} #Start .contentsbox .page div{ margin: 10px 0 100px 0; } #Start .contentsbox .page .subbg_green{ width: 100%; background: #a1de4d; } #Start .contentsbox .page .subbg_black{ width: 100%; background: #3c4145; } .rmenu{ z-index: 999999; position: fixed; top: 270px; right: 2%; width:82px; } .D4000{ margin: 0 auto; width: 1000px; text-align: left; font-size: 16px; } .D4000 ul li strong{ width:40px; display:inline-block; letter-spacing:0; } .D4000 ul li:last-child{ margin-top:3%;} .boardnew2011{ margin: 0 auto; width: 1000px; } @media all and (max-width:800px) { #Suballbg { width:100%; margin:0 auto;} #Suballbg #Mainheader { width:100%; height:55px; border:0;} #Suballbg #Mainheader #headerbox { width:100%; height:55px; margin:0 auto; text-align:center; display:inline-block;} #Suballbg #Mainheader #headerbox .logo { width:auto; margin-top:12px; text-align:center;} #Suballbg #Mainheader #headerbox .logo img { width:60%; height:auto;} #Suballbg #Mainheader #topmenu { display:none;} #Suballbg #Mainheader #menulist { display:none;} .btn_side { position: absolute; top:0px; right:0; width:53px; height:51px; font-size:0; line-height:0; display:block; z-index:5;} .btn_side i { border-top:8px double #666; border-bottom:8px double #666; height:2px; display:block; width:23px; margin:20px 0 0 15px; } #open_side { display:block; overflow-y:hidden; height:100%; width:100%;clear:both; position: fixed; z-index:500; top:0px; background:url(../img/open_side_bg.png) repeat; } #open_side .side_gnb { position:absolute; height:900px; width:250px;background:#2e2f31; padding-top:50px; } #open_side .side_gnb .btn_side { position:absolute; top:5px; left:210px; padding:10px; width:18px; height:18px;} #open_side .side_gnb .btn_side img { margin:5px 0 0 5px;} #open_side .side_gnb ul li { border-bottom:1px dotted rgba(255, 255, 255, 0.2);} #open_side .side_gnb ul li a { color:#ccc; display:inline-block; padding:10px 15px 10px 10px ; width:90%; font-size:14px; background:url(../img/open_arrow.png) no-repeat right 22px; } #open_side .side_gnb ul li div ul { background:#222;} #open_side .side_gnb ul li div ul li { border-bottom:1px solid #343434} #open_side .side_gnb ul .gnbActive>a { background:#44B655 url(../img/close_arrow.png) no-repeat right 20px; color:#fff;} #open_side .side_gnb ul li div ul li:last-child a { border:0; } #open_side .side_gnb ul li div ul li a { color:#888; font-size:13px; background:none;} #open_side .side_gnb ul .gnbActive div ul .gnbActive>a { background:none; color:#44B655;} #open_side .m_topmenu {} #open_side .m_topmenu a { box-sizing:border-box; background:#222 url(../img/line.jpg) no-repeat right center;display:inline-block; color:#ccc; line-height:40px; float:left; text-align:center; font-size:11px; letter-spacing:0;} #open_side .m_topmenu a:first-child { width:30%; } #open_side .m_topmenu a:nth-child(2) { width:30%;} #open_side .m_topmenu a:last-child { width:40%; background:#222;} #Suballbg #Mainheader #open_side { display: block;} #MainWrapper { width:100%; text-align:left;} #SubWrapper { width:100%;} #Subelement { top:55px; height:150px; background:url(../img/subimg_A0000.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #Subelement .elementbox { height:150px;} #Subelement .elementbox .Subtext { margin-top:10%;} #Subelement .elementbox .Subtext strong { font-size:25px;} #Subelement .elementbox .Subimg { display:none;} #MainContents { width:100%; margin:140px 0 0 0;} #Contents { width:95%; margin:0 auto;} .titleroad { margin-top:25px; padding:0;} .titleroad .Subtitle { position:absolute;left:0; top:0; width:100%; height:30px; font-size:20px;} .titleroad .Position { position:absolute;left:0; top:30px;} .titleroad .Position a { font-size:12px;} .titleroad .Position em { color:#44B655; font-size:12px;} #Start { position:relative; float:left; width:100%; } #Start .contentsbox { width:100%; font-size:13px; margin-top:30px;} #Start .contentsbox h4 { font-size:18px; line-height:25px;} #Start #subleft { display:none;} #Footer { height:120px; margin-top:40px;} #Footer #Copyright { width:95%; margin:0 auto;} #Footer #Copyright .copyrights { margin-top:3px; font-size:12px; color:#646464; letter-spacing:0; display:block;} #Footer #Copyright .copybox { width:100%; height:auto; margin-top:45px; border-bottom:0;} #Footer #Copyright .copybox .bottommenu { width:100%; height:0px; margin-top:0; border-right:0;} #Footer #Copyright .copybox .bottommenu ul { display:none;} #Footer #Copyright .copybox .bottommap { width:100%; height:auto; margin-top:5px;} #Footer #Copyright .copybox .bottommap p { display:none;} .sitemap ul li { width:90%; margin:0 5% 20px 5%;} .sitemap ul li ul li:last-child { border-bottom:0;} .tabmenu a { width:24.3%; height:36px; line-height:35px;} .tabmenu a span { height:36px; line-height:35px; font-size:15px;} .tabmenu a.on span { font-size:15px;} .A1000 { background:none;} .A1000 p { width:100%;} .A3000 ul { height:auto; background:none;} .A3000 ul li { padding-bottom:6%;} .A3000 .box1 div { width:100%; margin-top:0;} .A3000 .box1 dt { font-size:15px; color:#333;} .A3000 .box2 div { width:100%; margin-top:40px;} .B1000 .pro_list ul li { width:100%; margin:0 0 7% 0;} .B1000 .pro_list ul li dl dt { padding:2%; font-size:18px; margin-bottom:3%;} .B1000 .pro_list ul li dl dd { padding-bottom:10px;} .B1000 .pro_list .none { width:100%; margin-right:0;} .B1000 .pro_list .txt_etc { color:#999; padding-bottom:0;} .B1000 .pro_list1 ul li { width:100%; margin:0 0 7% 0;} .B1000 .pro_list1 ul li dl dt { padding:2%; font-size:18px; margin-bottom:3%;} .B1000 .pro_list1 ul li dl dd { padding-bottom:10px;} .B1000 .pro_list1 .none { width:100%; margin-right:0;} .B1000 .pro_list1 .txt_etc { color:#999; padding-bottom:0;} .B1000 .pro_list2 ul li { width:100%;} .B1000 .pro_list2 .none { width:100%;} .D1000 ul li { float:left; width:100%; margin-bottom:15px; } .D1000 .etcbox { height:auto;} .D1000 .etcbox p { float:left; width:40%;} .D1000 .etcbox p img { width:100%; height:100%;} .D1000 .etcbox dl { float:left; width:60%;} .D1000 .etcbox dl dt { letter-spacing:0; color:#44B655; font-weight:bold; font-size:20px; margin-top:5%; padding:0 0 5% 10%; } .D1000 .etcbox dl dd { width:80%; margin:0 10% 0 10%; padding-bottom:5%;} .D1000 .boxli { float:right;} .D2000 li dl dd { font-size:14px; line-height:25px;} .D2000 li dl dd br { display:none;} .D3000 dt { font-size:16px; padding-bottom:15px; color:#282828;margin-bottom:0;} .D3000 p img { width:80%; height:auto;} .D3000 .nth_left { float:left; width:100%; height:150px;} .D3000 .nth_right { float:right; width:100%; border-left:0; height:150px;} .D3000 .nth_right dl { padding-left:0;} .D3000 li:nth-child(2) { border-top:1px dashed #dfdfdf; padding-top:6%;} .D3000 br { display:none;} } @media all and (max-width:400px) { .btn_side i { margin:15px 0 0 10px; } #Suballbg #Mainheader { height:40px;} #Suballbg #Mainheader #headerbox { height:40px;} #Suballbg #Mainheader #headerbox .logo { width:auto; margin-top:10px;} #Suballbg #Mainheader #headerbox .logo img { width:48%; height:auto;} #Subelement { top:45px; height:100px;} #Subelement .elementbox { height:100px;} #Subelement .elementbox .Subtext strong { font-size:20px;} #MainContents { width:100%; margin:100px 0 0 0;} #Start .contentsbox h4 { font-size:15px; line-height:20px;} .titleroad { margin-top:15px;} .titleroad .Subtitle { height:30px; font-size:17px;} .titleroad .Position { top:30px;} #Footer { height:110px; margin-top:40px; } #Footer #Copyright .copyrights { font-size:11px;} #Footer #Copyright .copybox { width:100%; height:auto; margin-top:35px;} #Footer #Copyright .copybox .bottommap { margin-top:5px;} #Footer #Copyright .copybox .bottommap address { font-size:11px; margin-top:5px;} .tabmenu { height:auto;} .tabmenu a { width:100%; height:30px; line-height:30px; border-right:1px solid #d0d0d0;} .tabmenu a span { height:30px; line-height:30px; font-size:13px;} .tabmenu a.on span { font-size:13px;} .tstyle th { padding:5px; } .tstyle td { padding:10px; font-size:12px;line-height:18px;} .A2000 .left_txt, .A2000 .right_txt { width:100%; clear:both;} .D2000 li dl dt { font-size:20px; padding-bottom:30px; margin-bottom:10px; color:#5A5046; text-align:center; background:url(../img/contents/btn_line_m.gif) center bottom no-repeat; letter-spacing:-1px;} .D2000 li dl dd { font-size:13px;} .D2000 .list_a dl dd { width:57%; height:130px;} .D2000 .list_a .bg1 { width:39%; height:130px; } .D2000 .list_d dl dd ul li strong { float:left; width:50px; color:#44B655; text-align:center; font-weight:normal;} .D2000 .list_d dl dd ul li span { float:left; width:80%;} .D3000 p img { width:100%;} .D3000 .bg1, .D3000 .bg2, .D3000 .bg3, .D3000 .bg4 { background:none;} }