@CHARSET "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600); body { margin:0; padding:0; font-size:14px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; width:100%; letter-spacing:-1px; color: #707070; overflow-y:scroll; overflow-x:hidden; } td { font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;} img { margin:0; border:0; vertical-align:top;} div, dl, span { margin:0; padding:0; border:0; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;} 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; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;} 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;} #Mainallbg { position:relative;float:left; width:100%;text-align:center; z-index:1;} .Container { position:relative; width:1000px;margin:0 auto; text-align:left; z-index:2;} #Mainallbg #Mainheader { position:relative; float:left; width:100%; text-align:center; border-bottom:1px solid #dfdfdf; z-index:400;} #Mainallbg #Mainheader #headerbox { position:relative; width:1000px; height:110px; margin:0 auto;text-align:left;} #Mainallbg #Mainheader #headerbox .logo { position:relative; width:auto; margin-top:28px; z-index:400; display:inline-block;} #Mainallbg #Mainheader #topmenu { position:relative; width:1000px; margin:0 auto; z-index:400;} #Mainallbg #Mainheader #topmenu ul { float:right; padding-top:7px;} #Mainallbg #Mainheader #topmenu ul li { display:inline; font-size:12px; margin-left:10px; line-height:25px;} #Mainallbg #Mainheader #topmenu .none { margin-left:0;} #Mainallbg #Mainheader #menulist { position:relative; float:left; width:100%; height:47px; text-align:center; margin-top:-60px;} #Mainallbg #Mainheader #menulist #Gnb { z-index:120; width:800px; height:47px; margin:0 auto; letter-spacing:0; padding-left:200px;} #Mainallbg #Mainheader #menulist #Gnb > ul > li { z-index:10; float:left; width:160px; text-align:center;} #Mainallbg #Mainheader #menulist #Gnb li a { z-index:10; font-size:16px; color:#282828; font-weight:bold;} #Mainallbg #Mainheader #menulist #Gnb li a:hover { z-index:10; color:#44B655;} #Mainallbg #Mainheader #menulist #Gnb li:last-child { z-index:10; border-right:0;} #Mainallbg #Mainheader #menulist #Gnb li ul { z-index:10; width:100%; margin:0 auto;text-align:left;} #Mainallbg #Mainheader #menulist #Gnb li ul li { z-index:10; margin:0; border-right:0; padding:0; letter-spacing:0; text-align:left; font-weight:normal; display: inline-block;} #Mainallbg #Mainheader #menulist #Gnb .depth2 { position:relative; width:260px; height:190px; border-right:1px solid #e7e7e7; display: inline-block;} #Mainallbg #Mainheader #menulist #Gnb .depth2 ul { position:relative; float:left; width:160px; margin-top:20px;} #Mainallbg #Mainheader #menulist #Gnb .depth2 ul li { position:relative; float:left; width:100%; padding:8px 0; border-bottom:1px dotted #b9b9b9; } #Mainallbg #Mainheader #menulist #Gnb .depth2 ul li:last-child { border-bottom:0;} #Mainallbg #Mainheader #menulist #Gnb .depth2 ul li a { position: relative; float: left; /*width: 88%;*/ padding-left: 12px; /*background: url(../img/menu/btn_dot2.png) left center no-repeat;*/ font-size: 14px; font-weight: normal; } #Mainallbg #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;} #Mainallbg #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;} #Mainallbg #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; } #Mainallbg #Mainheader #menulist #Gnb .notice dl { position:relative; width:85%; margin:25px auto;} #Mainallbg #Mainheader #menulist #Gnb .notice dl dt { position:relative; padding-bottom:20px; font-size:15px; font-weight:bold;} #Mainallbg #Mainheader #menulist #Gnb .notice dl dd dl { width:100%; padding:0; margin:0; letter-spacing:-1px;} #Mainallbg #Mainheader #menulist #Gnb .notice dl dd dl dt { padding-bottom:9px;} #Mainallbg #Mainheader #menulist #Gnb .notice dl dd dl dt a { font-size:14px; font-weight:normal;} #Mainallbg #Mainheader #menulist #Gnb .notice dl dd dl dd a { font-size:13px; color:#707070; text-align:justify; line-height:20px; font-weight:normal;} #Mainallbg #Mainheader #menulist #Gnb .notice dl dd dl dd a:hover { text-decoration:underline; color:#707070;} #Mainallbg #Mainheader #menulist #Gnb .notice .data { padding:12px 0 0 0; color:#777; letter-spacing:0;} #Mainallbg #Mainheader #menulist #Gnb .info { position:relative; width:273px; height:120px; text-align:center; border-right:1px solid #e7e7e7; padding: 35px; vertical-align: top;} #Mainallbg #Mainheader #menulist #Gnb .info img { border:1px solid #e7e7e7;} #Mainallbg #Mainheader #menulist #Gnb .info p { position:relative; width:270px; margin:0 auto; padding-top:15px; text-align:left; line-height:16px; font-size:13px;} #Mainallbg #Mainheader #menulist .sub { display:none;} #Mainallbg #Mainheader #menulist .gnb1 .subbg, #Mainallbg #Mainheader #menulist .gnb2 .subbg, #Mainallbg #Mainheader #menulist .gnb3 .subbg, #Mainallbg #Mainheader #menulist .gnb4 .subbg, #Mainallbg #Mainheader #menulist .gnb5 .subbg { position:absolute; left:0; top:60px; width:100%; height:190px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; opacity:0.9; -moz-opacity:0.9; -khtml-opacity: 0.9; filter:alpha(opacity=90); z-index:200; } /*#Mainallbg #Mainheader #menulist .gnb1 .subbg {*/ /*left: 326px;*/ /*}*/ /*#Mainallbg #Mainheader #menulist .gnb2 .subbg {*/ /*left: 500px;*/ /*}*/ /*#Mainallbg #Mainheader #menulist .gnb4 .subbg {*/ /*left: 824px;*/ /*}*/ /*#Mainallbg #Mainheader #menulist .gnb5 .subbg {*/ /*left: 968px;*/ /*}*/ #Mainallbg #Mainheader #open_side { display:none;} #Mainallbg #Mainheader .btn_side { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; } #Mainvisual { position:absolute;left:0; top:110px; width:100%; height:676px; text-align:center; z-index:1;} #Mainvisual .elementbox { width:100%; margin:0 auto; text-align:left; } #Mainvisual .elementbox .Mainbg { position:relative;float:left; width:100%; height:676px;} #Mainvisual .elementbox .Mainbg .imgbox1 { position:absolute;left:0; top:0; width:100%; height:676px; background:url(../img/main/mainbg_01.jpg) center top no-repeat;} #Mainvisual .elementbox .Mainbg .imgbox2 { position:absolute;left:0; top:0; width:100%; height:676px; background:url(../img/main/mainbg_02.jpg) center top no-repeat;} #Mainvisual .elementbox .Mainbg .imgbox3 { position:absolute;left:0; top:0; width:100%; height:676px; background:url(../img/main/mainbg_03.jpg) center top no-repeat;} #Mainvisual .elementbox .Mainbg .imgbox4 { position:absolute;left:0; top:0; width:100%; height:676px; background:url(../img/main/mainbg_04.jpg) center top no-repeat;} #Mainvisual .elementbox .Mainbg .imgbox5 { position:absolute;left:0; top:0; width:100%; height:676px; background:url(../img/main/mainbg_06.jpg) center top no-repeat;} #Mainvisual .elementbox .arrow { position:absolute;left:0; top:0; width:100%; z-index:600;} #Mainvisual .elementbox .arrow .left { position:absolute;left:0; top:250px; width:51px;} #Mainvisual .elementbox .arrow .right { position:absolute;right:0; top:250px; width:51px;} #Mainvisual .Maintext { position:absolute;left:center; top:270px; width:100%; text-align:center;z-index:7;} #Mainvisual .Maintext strong { font-size:50px; color:#fff;} #MainContents { position:relative; width:100%; height:auto; margin-top:628px; display:inline-block; z-index:10;} #MainContents #Noticebox { position:relative; float:left; width:100%; height:47px; background-color:#000; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6;} #MainContents #Noticebox dl { position:relative; width:100%; height:30px; display:inline-block; margin-top:9px; line-height:30px;} #MainContents #Noticebox dl dt { float:left; width:135px; color:#fff; font-size:16px; letter-spacing:0;} #MainContents #Noticebox dl dd { float:left; width:390px; overflow:hidden;} #MainContents #Noticebox dl dd img { vertical-align:middle; padding-left:5px;} #MainContents #Noticebox dl dd span { float:right; width:auto; margin-right:15px; letter-spacing:0; font-size:12px; color:#999;} #MainContents #Noticebox dl dd a { color:#b9b9b9;} #MainContents #Noticebox dl dd a:hover { color:#fff;} #MainContents #Noticebox .more { position:absolute;right:0; top:0;} #MainContents #Section1 { width:100%; margin:90px 0 50px 0; display:inline-block;} #MainContents #Section1 h3 { font-size:30px; color:#333; border-top:1px solid #dfdfdf; text-align:center; font-weight:normal; margin-bottom:40px; } #MainContents #Section1 h3 span { margin-top:-25px; display:inline-block; padding:0 20px; background-color:#fff;} #MainContents #Section1 ul li { float:left; width:31.5%; margin-right:27px;} #MainContents #Section1 ul li dl { width:95%; margin:0 auto;} #MainContents #Section1 ul li dl dt { font-size:16px; padding-bottom:3%; font-weight:bold;} #MainContents #Section1 ul li dl dt a { color:#333;} #MainContents #Section1 ul li dl dt a:hover { color:#44B655;} #MainContents #Section1 ul li dl dd { font-size:13px; line-height:23px;} #MainContents #Section1 ul li dl dd a:hover { color:#707070; text-decoration:underline;} #MainContents #Section1 .more a { font-size:11px; padding:20px 0 0 10px; letter-spacing:0; text-decoration:none; color:#333; display:inline-block; font-weight:bold;} #MainContents #Section1 .none { float:right; margin-right:0;} #MainContents #Section1 .photo { width:100%; height:179px; margin-bottom:7%; overflow:hidden; display:inline-block;} #MainContents #Section1 .photo img { width:100%; height:auto;} #MainContents #Section2 { position:relative; width:100%; height:920px; display:inline-block; background-color:#212121} #MainContents #Section2 ul { position:relative; float:left; width:100%; margin:30px 0;} #MainContents #Section2 ul li { text-align:center; } #MainContents #Section2 ul li dl dt { color:#ddd; font-size:30px; letter-spacing:0; margin-bottom:15px; line-height:30px;} #MainContents #Section2 ul li dl dd { color:#b9b9b9;} #MainContents #Section2 ul li div { color:#eee; font-size:30px; letter-spacing:0; margin-bottom:15px; line-height:30px;} #MainContents #Section2 .more a { width:150px; height:30px; border:2px solid #b9b9b9; color:#b9b9b9; font-size:12px; line-height:28px; display:inline-block; margin-top:20px;} #MainContents #Section2 .txtbox1 { position:relative; float:left; width:57%; height:530px; background:url(../img/main/section2_bg1.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #MainContents #Section2 .txtbox2 { position:relative; float:left; width:43%; height:530px; background:url(../img/main/section2_bg2.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #MainContents #Section2 .txtbox3 { position:relative; float:left; width:33.3333%; height:330px; background:url(../img/main/section2_bg3.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #MainContents #Section2 .txtbox4 { position:relative; float:left; width:33.3333%; height:330px; background:url(../img/main/section2_bg4.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #MainContents #Section2 .txtbox5 { position:relative; float:left; width:33.3333%; height:330px; background:url(../img/main/section2_bg5.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #MainContents #Section2 .wd_mt1 { width:70%; margin:280px auto 0 auto;} #MainContents #Section2 .wd_mt2 { width:70%; margin:170px auto 0 auto;} #MainContents #Section2 .wd_mt3 { width:70%; margin:200px auto 0 auto;} #MainContents #Section3 { position:relative; width:100%; height:470px; display:inline-block;} #MainContents #Section3 #map_view { width:100%; height:470px;} #MainContents #Section3 .SNS { float:right; width:35%; height:470px; margin-top:-470px; background-color:#3a5795;} #MainContents #Section3 .SNS dt { margin:30px 0 20px 20px;} #MainContents #Section3 .SNS dd { width:300px; height:360px; margin-left:25px; background-color:#fff; border-radius:5px; overflow-y:scroll; overflow-x:hidden;} #Footer { position:relative; float:left; width:100%; height:300px; text-align:center; 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;} @media all and (max-width:800px) { #Mainallbg { width:100%; margin:0 auto;} #Mainallbg #Mainheader { width:100%; height:55px; border:0;} #Mainallbg #Mainheader #headerbox { width:100%; height:55px; margin:0 auto; text-align:center; display:inline-block;} #Mainallbg #Mainheader #headerbox .logo { width:auto; margin-top:12px; text-align:center;} #Mainallbg #Mainheader #headerbox .logo img { width:60%; height:auto;} #Mainallbg #Mainheader #menulist, #Mainallbg #Mainheader #topmenu { 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;} #Mainallbg #Mainheader #open_side { display: block;} #MainWrapper { width:100%; text-align:left;} #SubWrapper { width:100%;} #Mainvisual { top:55px; height:150px;} #Mainvisual .elementbox { height:150px;} #Mainvisual .elementbox .Mainbg { height:200px;} #Mainvisual .elementbox .Mainbg .imgbox1 { height:200px; background:url(../img/main/mainbg_01.jpg) center top no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #Mainvisual .elementbox .Mainbg .imgbox2 { height:200px; background:url(../img/main/mainbg_02.jpg) center top no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #Mainvisual .elementbox .Mainbg .imgbox3 { height:200px; background:url(../img/main/mainbg_03.jpg) center top no-repeat;background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #Mainvisual .elementbox .Mainbg .imgbox4 { height:200px; background:url(../img/main/mainbg_04.jpg) center top no-repeat;background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #Mainvisual .elementbox .ctrl { display:none;} #Mainvisual .elementbox .arrow { display:none;} #Mainvisual .Maintext { top:50%; transform: translateY(-50%); } #Mainvisual .Maintext strong { font-size:35px;} #MainContents { width:100%; margin:150px 0 0 0;} #MainContents .Container { position:relative; width:95%; margin:0 auto;} #MainContents #Section1 { margin:90px 0 6% 0;} #MainContents #Section1 h3 { font-size:23px;margin-bottom:20px; } #MainContents #Section1 h3 span { margin-top:-20px;} #MainContents #Section1 ul li { float:left; width:100%; margin-right:0; margin-bottom:8%;} #MainContents #Section1 ul li:last-child { margin-bottom:0;} #MainContents #Section1 ul li dl dt { font-size:14px;} #MainContents #Section1 ul li dl dd { font-size:12px; height:45px; overflow:hidden;} #MainContents #Section1 ul li p img { margin-bottom:4%;} #MainContents #Section2 { height:auto;} #MainContents #Section2 ul li dl dt { font-size:25px; margin-bottom:10px;} #MainContents #Section2 ul li dl dd { font-size:12px;} #MainContents #Section2 ul li div { font-size:22px;} #MainContents #Section2 .more a { width:120px; margin-top:5%;} #MainContents #Section2 .txtbox1 { width:50%; height:400px;} #MainContents #Section2 .txtbox2 { width:50%; height:400px;} #MainContents #Section2 .txtbox3 { height:260px;} #MainContents #Section2 .txtbox4 { height:260px;} #MainContents #Section2 .txtbox5 { height:260px;} #MainContents #Section2 .wd_mt1 { margin:50% auto 0 auto;} #MainContents #Section2 .wd_mt2 { margin:32% auto 0 auto;} #MainContents #Section2 .wd_mt3 { margin:43% auto 0 auto;} #MainContents #Section3 { display:none;} #MainContents #Noticebox { display:none;} #Footer { height:120px;} #Footer #Copyright { width:95%; margin:0 auto;} #Footer #Copyright .copyrights { margin-top:3px; font-size:12px; color:#646464; font-family: 'Source Sans Pro', sans-serif; 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;} } @media all and (max-width:400px) { .btn_side i { margin:15px 0 0 10px; } #Mainallbg #Mainheader { height:40px;} #Mainallbg #Mainheader #headerbox { height:40px;} #Mainallbg #Mainheader #headerbox .logo { width:auto; margin-top:10px;} #Mainallbg #Mainheader #headerbox .logo img { width:48%; height:auto;} #Mainvisual { top:45px; height:150px;} #Mainvisual .elementbox { height:150px;} #Mainvisual .elementbox .Mainbg { height:150px;} #Mainvisual .elementbox .Mainbg .imgbox1 { height:150px;} #Mainvisual .elementbox .Mainbg .imgbox2 { height:150px; } #Mainvisual .elementbox .Mainbg .imgbox3 { height:150px;} #Mainvisual .elementbox .Mainbg .imgbox4 { height:150px;} #Mainvisual .Maintext { top:40%; } #Mainvisual .Maintext strong { font-size:25px;} #MainContents { width:100%; margin:100px 0 0 0;} #MainContents #Section1 h3 { font-size:20px;margin-bottom:20px; } #MainContents #Section2 ul li dl dt { font-size:25px; margin-bottom:10px;} #MainContents #Section2 ul li dl dd { font-size:11px;} #MainContents #Section2 ul li div { font-size:22px;} #MainContents #Section2 .more a { width:100px; height:25px; margin-top:5%; line-height:24px;} #MainContents #Section2 .txtbox1 { width:100%; height:250px;} #MainContents #Section2 .txtbox2 { width:100%; height:250px;} #MainContents #Section2 .txtbox3 { width:100%; height:250px;} #MainContents #Section2 .txtbox4 { width:100%; height:250px;} #MainContents #Section2 .txtbox5 { width:100%; height:250px;} #MainContents #Section2 .wd_mt1 { margin:15% auto 0 auto;} #MainContents #Section2 .wd_mt2 { margin:22% auto 0 auto;} #MainContents #Section2 .wd_mt3 { margin:25% auto 0 auto;} #Footer { height:110px;} #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;} }