@CHARSET "UTF-8";
html { font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}
body { width:100%; margin:0; padding:0; font-size:13px; line-height:1; letter-spacing:-1px; overflow-y:scroll; overflow-x:hidden; color:#707070;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
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:#054BA8;}
div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,
pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small,
strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,
caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption,
figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote, q {quotes:none;}
blockquote:before,
blockquote:after,q:before, q:after {content:'';content:none;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block; height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
div, dl, span { margin:0; padding:0; border:0;}
em { list-style:none; margin:0; padding:0; font-size:12px; font-style: normal; font-weight:bold;}
form { margin:0; padding:0; border:0;}
ul, li, ol, dl, dt, dd, p, em { list-style:none; margin:0; padding:0;}
button { border:0; padding:0; background:transparent; cursor:pointer; overflow:visible;}
label { cursor:pointer;}
footer { font-weight:normal;}
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;}
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;}
#Wrap { position:relative;float:left; width:100%; background:url(../img/topbg.gif) top left repeat-x; }
#Wrap .container { position:relative; width:1000px; margin:0 auto;}
#header { position:relative; float:left; width:100%; height:145px;}
#header .logo { position:relative; float:left; width:30%; padding-top:7px;}
#header .logo span { font-size:16px; vertical-align:top; line-height:29px; font-weight:bold; color:#333;}
#header .topmenu { position:relative; float:left; width:100%;}
#header .topmenu ul { float:right; line-height:25px; margin-top:10px;}
#header .topmenu ul li { float:left; margin-left:15px; letter-spacing:0; font-size:11px;}
#header .topmenu .woosuk { padding:0 15px; border-top:1px solid #E1E1E1; border-left:1px solid #E1E1E1; border-right:1px solid #BDBDBD; border-bottom:1px solid #BDBDBD; border-radius:4px;}
#header .topmenu .woosuk a { font-size:12px; color:#294581; letter-spacing:-1px; font-weight:bold;}
#header .menulist { position:relative; float:left; width:70%;}
#header .menulist ul { position:relative; float:right; padding-top:20px;}
#header .menulist ul li { float:left; width:auto; padding-left:40px; font-size:14px;}
#header .menulist ul li a { color:#333;font-weight:bold;}
#header .menulist ul li a:hover { color:#0070bd;font-weight:bold;}
#header .menulist .gnb1 ul { position:absolute; left:-130px; top:60px; z-index:15; }
#header .menulist .gnb2 ul { position:absolute; left:-100px; top:60px; width:680px; z-index:15;}
#header .menulist .gnb3 ul { position:absolute; left:200px; top:60px; z-index:15;}
#header .menulist .gnb4 ul { position:absolute; left:290px; top:60px; z-index:15;}
#header .menulist .gnb5 ul { position:absolute; right:20px; top:60px; z-index:15;}
#header .menulist .gnb6 ul { position:absolute; right:0; top:60px; z-index:15;}
#header .menulist .gnb7 ul { position:absolute; right:0; top:60px; z-index:15;}
#header .menulist ul li ul li { position:relative;float:left;padding:0 9px ;z-index:12 ;width:auto ;font-size:12px}
#header .menulist ul li ul li a { font-weight:normal; color:#666;}
#header .menulist ul li ul li a:hover { color:#0070bd ;}
#header .menulist .sub { display:none}
#header .menulist ul li .gnbActive a,a:hover { color:#0070bd;font-weight:bold;}
#header .btn_side { position: absolute; top:10px; left:0; width:53px; height:51px; font-size:0; line-height:0; z-index:99;}
#open_side { display:none; }
#billboard { position:absolute; left:0; top:144px; width:100%; height:123px; background:#f9f9f9 url(../img/sub_bg.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#billboard p { font-size:22px; color:#343434; line-height:1.2; letter-spacing:-3px; margin:44px 0 0 60px;}
#billboard p span { color:#0448C1;}
#contwrap { position:relative; float:left; width:100%; margin-top:101px;}
#Leftbox { position:relative; float:left; width:200px; margin-right:40px; margin-top:60px; margin-bottom:50px;}
#Leftbox .menutitle { font-size:23px; height:75px; font-weight:normal; background:#01977C; line-height:70px;color:#fff; text-align:center; letter-spacing:-2px;}
#Leftbox .leftmenu { border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
#Leftbox .leftmenu ul li a { width:178px; font-size:14px; display:inline-block; line-height:43px; border-bottom:1px solid #ddd; padding-left:20px;}
#Leftbox .leftmenu .sidebarActive a { color:#266fcc; font-weight:bold; background:#f8f8f8 url(../img/submenu_dot.png) 180px center no-repeat;}
#Leftbox .leftmenu li ul { padding:5px 0; border-bottom:1px solid #dfdfdf;}
#Leftbox .leftmenu li ul li { display:inline-block;}
#Leftbox .leftmenu li ul li:last-child { border-bottom:0;}
#Leftbox .leftmenu li ul li a,
#Leftbox .leftmenu .sidebarActive ul li a { font-size:13px; width:150px; margin-left:22px; font-weight: normal; color:#666; background:url(../img/sidebar_dot.gif) no-repeat left 14px; padding-left:10px; border-bottom:0; line-height:25px;}
#Leftbox .leftmenu .sidebarActive ul .sidebarActive a { color: #266fcc;}
#Leftbox .leftmenu .sidebarSub { }
#Leftbox .link-btn h4 { margin:20px 0 0 0; line-height:40px; font-size:14px; padding-left:20px; background-color:#444; color:#fff;}
#Leftbox .link-btn ul { display:inline-block; border-left:1px solid #ddd;}
#Leftbox .link-btn ul li { float:left; width:50%; }
#Leftbox .link-btn ul li a { display:inline-block; width:100%;line-height:35px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;letter-spacing:-1px; text-align:center; font-size:12px; background-color:#f8f8f8;}
#Start { float:left; width:750px; margin-top:60px; text-align:justify;}
#Start .Subtitle { float:left; font-size:25px; margin-bottom:50px; font-weight:normal; color:#343434;}
#Start .titleroad { float:right;}
#Start .titleroad .Position { float:right; line-height:30px;}
#Start .titleroad .Position img { vertical-align:middle; margin-bottom:2px;}
#Start .contents { float:left; width:100%; line-height:23px; margin-bottom:50px;}
#Start .enter{ margin-bottom:30px;}
#Start .fsize01{ font-size:20px;line-height:30px; letter-spacing:-1px; }
#Start .fsize02{ font-size:17px;line-height:25px; }
#Start .fsize03{ font-size:16px;}
#Start .fsize04{ font-size:15px; }
#Start .fsize05{ font-size:14px;}
#Start .fcolor01{ color:#0e77e6}
#footer { position:relative; float:left; width:100%; background-color:#495860; font-size:12px; color:#BBC0C2; padding:30px 0; z-index:30;}
#footer .copylogo { float:left; width:20%; max-width:200px;}
#footer .copylogo a { color:#999; font-size:13px;font-weight:bold;}
#footer .copylogo a span { margin-left:43px; display:inline-block;}
#footer .bottommenu { padding-bottom:10px;}
#footer .bottommenu li { margin-right:10px; display:inline;}
#footer .bottommenu li a { color:#D0D4D6; font-weight:bold;}
#footer address { font-style:normal; margin-bottom:5px;}
#footer .copy_sns { position:absolute; right:0; top:0; background:#38444a; padding:4px 10px; border-radius:3px; border:1px solid 262d31;}
#footer .copy_sns dt { font-size:12px; color:#b0c3cd; font-weight:bold; text-align:center; padding-bottom:5px;}
#footer .m_foot { display:none;}
.sitemap { clear:both; height:640px;}
.sitemap ul li { width:30%; height:335px; float:left; margin-right:15px; margin-top:30px;}
.sitemap ul li a { font-size:15px; font-weight:bold; width:100%; background-color:#EEF0F7;border:1px solid #c3c7d5; border-radius:10px 0 10px 0; color: #06C; display:inline-block; text-align:center; line-height:45px;}
.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:13px; font-weight:normal; background:none; color:#555; text-align:left; padding:0 10px; line-height:40px; border:0;}
.sitemap ul li ul li ul { border-top:1px solid #ddd;}
.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;}
/*졸업후 진로*/
.ooedu dl { padding-bottom:30px; }
.ooedu dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat; }
.ooedu dl dd { padding:0 0 0 16px; }
.ooedu ul li { list-style:disc; margin-left:20px; }
.mo_img { width:100%; max-width: 500px;}
.A1000 h3 { font-size:18px; color:#0548A1; font-weight:normal; padding-bottom:20px;}
.A1000 p { padding-bottom:40px; color:#545454;}
.A1000 dl dt{font-size: 14px;font-weight: bold;color: #0548A1;padding: 0 0 0 18px;background: url(../img/btn_dot.gif) left 5px no-repeat;}
.A1000 dl dd{padding-bottom:15px;}
.A1000 dl dd ol{margin-left:10px;}
.A1000 .photo { float:right; width:60%; padding-top:35px;text-align:right;}
.A4000 { }
.A4000 li { padding-bottom:30px;}
.A4000 li dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.A4000 li dl dd { padding:10px 0 10px 16px;}
.A5000 li strong { font-size:14px; color:#0548A1; padding:0 0 10px 18px; font-weight:normal; display:inline-block; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.A5000 li span { font-size:14px; color:#343434;}
.A5000 li ul { margin-left:20px;}
.A5000 li ul li { padding-left:12px; background:url(../img/btn_dott.gif) left 13px no-repeat ;}
.A5000 li dl { border:1px solid #dfdfdf; border-radius:5px; background-color:#f7f9fe; padding:15px; margin-top:15px;}
.A5000 li dl dt { float:left; font-weight:bold; margin-right:10px;}
.A7000 { position:relative; float:left; width:100%;}
.A7000 li { padding-bottom:30px;}
.A7000 li dl dt { float:left; font-size:14px; color:#0548A1; margin-right:15px; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.A7000 li dl dd ul { border:1px solid #dfdfdf; border-radius:5px; background-color:#f7f9fe; padding:10px 20px; display:inline-block;}
.A7000 li dl dd ul li { padding:10px 0;}
.A7000 li dl dd ul li strong { color:#343434; font-weight:normal;}
.A7000 .btn { float:right; text-align:center; padding:7px 20px; background-color:#1f4787;display:inline-block;}
.A7000 .btn a { color:#fff; font-weight:bold;}
.A7000 .reset { float:left; width:100%; clear:both; padding-bottom:10px;}
.A7000 .txt_color a { color:#343434;}
.B1000 h3 { font-size:18px; color:#0548A1; font-weight:normal; padding-bottom:35px;}
.B1000 h3 span { color:#282828;}
.B1000 p { text-align:center; padding-bottom:2%;}
.B1000 li { padding-bottom:30px;}
.B1000 li dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 10px 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.B1000 li dl dd { padding-left:20px;}
.B1000 li dl dd ul li { list-style:disc ; padding:0;}
.B1000 .photo { margin-left:20px;}
.B2000 li { float:left; width:50%; text-align:center;}
.B2000 li P { padding-top:3%;}
.B2000 li dl { width:95%; margin:0 auto; padding:3% 0;}
.B2000 li dl dt { font-size:14px; padding:1% 0; font-weight:bold; color:#0066CC; background-color:#F1F4FB; border-radius:5px 5px 0 0; border:1px solid #C3C7D5;}
.B2000 li dl dd { width:99.5%; padding:2% 0; text-align:center; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-radius:0; display:inline-block;}
.B2000 li dl dd ul { width:95%; margin:0 auto; }
.B2000 li dl dd ul li { width:90%; text-align:left; margin-left:5%;}
.B2000 .linebox { width:97.5%; margin-left:1.3%; padding:2% 0; background-color:#1A5AA9; clear:both;}
.B2000 .linebox strong { font-size:16px; color:#fff; font-weight:normal;}
.B3000 li { text-align:center;}
.B3000 li P { padding-top:3%;}
.B3000 li dl { width:80%; margin:0 auto; padding:3% 0;}
.B3000 li dl dt { font-size:14px; padding:1% 0; font-weight:bold; color:#0066CC; background-color:#F1F4FB; border-radius:5px 5px 0 0; border:1px solid #C3C7D5;}
.B3000 li dl dd { text-align:left; padding:2% 0; text-align:center; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-radius:0;}
.B3000 li dl dd img { width:95%;}
.B3000 .box1 { width:80%; margin:0 auto; border:1px solid #dfdfdf; padding:2% 0; }
.B3000 .box2 { font-size:14px; padding:1% 2%; font-weight:bold; color:#fff; background-color:#1A5AA9; border-radius:5px 5px 0 0; border:0;}
.B4000 h3 { font-size:18px; color:#0548A1; font-weight:normal; padding-bottom:20px;}
.B4000 p { padding-bottom:30px; color:#545454;}
.B4000 ul li { float:left; width:33.33333%; margin-bottom:4%;}
.B4000 ul li dl { width:95%; margin:0 auto; text-align:center;}
.B4000 ul li dl dt { padding:7px 30px; font-size:14px; font-weight:bold; color:#fff; background-color:#1A5AA9; border-radius:5px 5px 0 0;}
.B4000 ul li dl dd { padding:10px 0; text-align:center; background-color:#F8F8F8; border-radius:0 0 5px 5px; border:1px solid #dfdfdf; border-top:0;}
.B4000 .lineup { position:relative; float:left; width:100%;}
.B4000 .lineup dl { position:relative; float:left; width:98%; margin:0 1%; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.B4000 .lineup dl dd { float:left; width:33.33333%; border:0; border-bottom:1px solid #dfdfdf; border-radius:0; }
.B5000 li { text-align:center;}
.B5000 li strong { font-size:20px; font-weight:normal; color:#0448C1;}
.B5000 li dl { width:80%; margin:0 auto; padding:3% 0;}
.B5000 li dl dt { font-size:15px; padding:1% 0; font-weight:bold; color:#fff; background-color:#1A5AA9; border-radius:5px 5px 0 0;}
.B5000 li dl dd { text-align:left; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-radius:0;}
.B5000 li dl dd span { position:relative; padding:2% 5%; display:inline-block;}
.C2000 h3 { font-size:18px; color:#0548A1; font-weight:normal; padding-bottom:25px;}
.C2000 p { padding-bottom:30px;}
.C2000 dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.C2000 dl dd {padding:10px 0 0 16px;}
.C2000 ul li {list-style:disc ; margin-left:10px;}
.C2000 dl {padding-bottom:30px;}
.A5100 { position:relative; float:left; width:100%; background:url(../img/contents/A5100_img.jpg) right -10px no-repeat;}
.A5100 dl { padding-bottom:30px;}
.A5100 dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.A5100 dl dd { padding:0 0 5px 0;}
.A5100 dl dd ul li { list-style:disc; margin-left:20px;}
/* 교과목소개 */
.subject dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 7px no-repeat;}
.subject dl dd { padding:0 0 0 16px;}
.subject dl {padding-bottom:20px;}
/*중고교연계프로그램*/
.program { }
.program ul li { padding-bottom:20px;}
.program ul li dl { padding:10px 0;}
.program ul li dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 7px no-repeat;}
.program ul li dl dd { padding-left:18px;}
.program ul li dl dd strong { font-weight:normal; color:#0E77EE;}
.program ul li dl dd dl { padding-bottom:5px;}
.program ul li dl dd dl dt { font-size:13px; font-weight:normal; color:#0E77EE; padding:0; background:none;}
.program ul li dl dd dl dd { padding:0;}
.program .tbstyle { width:100%;border-collapse:collapse;table-layout:fixed; clear:both; margin-top:15px;}
.program .tbstyle caption { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
.program .tbstyle th { background-color:#eee;}
.program .tbstyle th { border:1px solid #ccc; border-bottom:0; font-size:12px; text-align: center}
.program .tbstyle td { border:1px solid #ccc; font-size:12px; text-align: center; vertical-align:middle;}
.program .tbstyle .txt { text-align:left; padding-left:10px;}
/*개인정보처리방침&이용약관*/
.stipul_box .stipul_txt{ border:1px solid #dfdfdf; border-radius:5px; 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;}
@media screen and (max-width:950px) {
#Wrap { position:relative;float:left; width:100%; background:none; }
#Wrap .container { width:100%; margin:0 auto;}
#header { width:100%; margin:0 auto; height:50px; border-bottom:2px solid #0059b4;}
#header .logo { position:absolute; top:2px; left:0; width:100%; text-align:center;}
#header .logo img { width:140px; height:auto;}
#header .logo span { font-size:16px; vertical-align:top; line-height:25px; font-weight:bold; color:#333;}
.topmenu, .menulist { display:none;}
.btn_side { z-index:99; font-size:0; line-height:0; position: absolute; top:0px; right:0; width:53px; height:51px; }
.btn_side i { border-top:8px double #666; border-bottom:8px double #666; height:2px; display:block; width:23px; margin:0px 0 0 15px; }
.btn_side b { font-size:13px; position:absolute; bottom:24px; margin-left:14px}
#open_side { position: absolute; top:0px; width:100%; height:auto; z-index:98; display:block;}
#open_side .side_gnb { width:250px; height:100%; 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 ul { padding-bottom:50px;}
#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; padding-bottom:0;}
#open_side .side_gnb ul li div ul li { border-bottom:1px solid #343434; }
#open_side .side_gnb ul .gnbActive>a {background:#0059b4 url(../img/close_arrow.png) no-repeat right 20px; }
#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:12px; background:none;}
#open_side .side_gnb ul .gnbActive div ul .gnbActive>a { background:none; color:#5da9ff;}
#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;}
#open_side .m_topmenu a:first-child { width:25%; }
#open_side .m_topmenu a:nth-child(2) { width:25%;}
#open_side .m_topmenu a:last-child { width:50%; background:#222;}
#billboard { position:absolute; left:0; top:52px; width:100%; height:80px; background:#f9f9f9 url(../img/sub_bg.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#billboard p { font-size:17px; color:#343434; line-height:1.2; letter-spacing:-2px; margin:30px 2% 0 2%;}
#billboard p span { color:#0448C1;}
#contwrap { position:relative; float:left; width:100%; margin-top:100px;}
#Leftbox { display:none;}
#Start { position:relative; float:left; width:95%; margin:0 2% 0 2%;}
#Start .Subtitle { font-size:20px; margin-bottom:30px; font-weight:normal; color:#343434;}
#footer { padding:20px 0;}
#footer .m_foot { width:95%; margin:0 auto; display:block; height:30px;}
#footer .m_foot li { float:left; width:19.8%; text-align:center;}
#footer .m_foot li:first-child { float:left; width:19.8%; margin-right:1px;}
#footer .m_foot li:last-child { width:59.8%;float:right;}
#footer .m_foot a { display:block; width:100%; text-shadow:0 1px 0 #222; border-radius:3px; color:#fff; font-size:11px; background-color:#333; font-weight:normal; padding:3px 0;}
#footer .copy_sns { position:static; width:95%; margin:0 auto; padding:4px 0; height:25px; margin-bottom:10px;}
#footer .copy_sns dt { float:left; padding:0 0 0 10px; line-height:20px;}
#footer .copy_sns dd { float:right; padding-right:10px;}
#footer p { width:95%; margin:0 auto; text-align:center;}
#footer address { width:95%; margin:0 auto; font-style:normal; line-height:18px; text-align:center; clear:both;}
#footer .bottommenu { display:none;}
#footer .copylogo { display:none;}
.B1000 p img { width:100%; height:auto;}
.B4000 li img { width:95%; height:auto;}
.B5000 li p img { width:10%; height:auto;}
.B3000 li P img { width:10%; height:auto;}
}
@media screen and (max-width:400px) {
#header .logo { position:absolute; top:3px; left:0; width:100%; padding:10px; text-align:center;}
#header .logo img { width:110px; height:auto;}
#header .logo span { font-size:13px; line-height:21px;}
#billboard { height:80px; background:#f9f9f9 url(../img/subbg_m.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#billboard p { display:none;}
#Start .Subtitle { float:left; font-size:20px; margin:0;}
#Start .titleroad { width:100%; padding-bottom:20px;}
#Start .titleroad .Position { float:left; line-height:30px; font-size:12px; margin:5px 0 0 3px;}
#Start .titleroad .Position img { vertical-align:middle; margin-bottom:2px;}
#footer { font-size:11px;}
.B2000 li dl dt { font-size:12px}
.B2000 .linebox strong { position:relative; width:90%; font-size:13px; display:inline-block; line-height:18px;}
.B3000 .box1 { font-size:12px;}
.B3000 .box2 { font-size:13px; line-height:18px; padding:4%; font-weight:normal;}
.B3000 li dl dt { padding:7px 0; font-size:13px; font-weight:normal;}
.B3000 li dl dd ul li { font-size:12px;}
}