@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('../fFonts/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 { border:0 none; vertical-align:middle; } 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;} 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;} img{border:none;} 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;} select{ -webkit-appearance:none; } select::-ms-expand { display: none; } #Mainallbg { position:relative;float:left; width:100%; z-index:1;} .Container { position:relative; width:1000px;margin:0 auto; text-align:left; z-index:2;} #Mainallbg { position:relative;float:left; width:100%;text-align:center; z-index:1;} #Mainallbg #Mainheader { position:relative; float:left; width:100%; text-align:center; border-bottom:1px solid #74ad82; z-index:400;} #Mainallbg #Mainheader #headerbox { position:relative; width: 1100px; height: 139px; margin:0 auto;text-align:left;} #Mainallbg #Mainheader #headerbox .logo { position:relative; width:auto; margin-top: 37px; z-index:400; display:inline-block;} #Mainallbg #Mainheader #topmenu { position:relative; width:1000px; margin:0 auto; z-index:400; padding: 0; } #Mainallbg #Mainheader #topmenu ul { float:right; padding-top:7px; } #Mainallbg #Mainheader #topmenu ul li { display: inline-block; margin-left: 10px; height: 28px; line-height: 28px; vertical-align: top; } #Mainallbg #Mainheader #topmenu ul li a{ display: inline-block; height: 28px; line-height: 28px; font-size: 12px; vertical-align: top; } #Mainallbg #Mainheader #topmenu .none { margin-left:0;} #Mainallbg #Mainheader #menulist { position:relative; float:left; width:100%; height:47px; text-align:center; margin-top:-65px;} #Mainallbg #Mainheader #menulist #Gnb { z-index:120; width: 900px; height:47px; margin:0 auto; letter-spacing:0; padding-left:200px;} #Mainallbg #Mainheader #menulist #Gnb li { z-index:10; float:left; width:auto; text-align:right; padding-left: 26px;} #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: 980px; margin:0 auto; text-align:left;} #Mainallbg #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;} #Mainallbg #Mainheader #menulist #Gnb .depth2 { position:relative; float:left; width:260px; height:190px; border-right:1px solid #e7e7e7;} #Mainallbg #Mainheader #menulist #Gnb .depth2 ul { position:relative; float:left; width:238px; 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:16px; 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; float:right; width:340px; height: 250px; text-align:center; border-right:1px solid #e7e7e7;} #Mainallbg #Mainheader #menulist #Gnb .info img { border:1px solid #e7e7e7; margin-top:35px;} #Mainallbg #Mainheader #menulist #Gnb .info p { position:relative; width:270px; margin:0 auto; padding-top:10px; text-align:left; line-height:16px; font-size:13px;} #Mainallbg #Mainheader #menulist #Gnb .info p span{ color:#44B655;} #Mainallbg #Mainheader #menulist .sub { display:none;} #Mainallbg #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;} #Mainallbg #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;} #Mainallbg #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;} #Mainallbg #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;} #Mainallbg #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;} #Mainallbg #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;} #Mainallbg #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;} #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: 140px; 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: 604px; 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; 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;} .top{border-bottom:1px solid #e4e4e4; } .top .topw{width:1140px; margin:0 auto; overflow:hidden; height:38px; line-height:38px;} .top .topw .home{float:right; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; font-size:12px; font-weight:bold; letter-spacing:0; padding:0 10px;} .top .topw .home span{display:inline-block; padding:0 3px;} .top .topw .sns{float:right; border-right:1px solid #e4e4e4; padding:0 10px} .top .topw .sns a{display:inline-block; margin-right:5px; margin-top:5px;} .topmenu{width:1140px; margin:0 auto; overflow:hidden; height:100px; line-height:100px;} .topmenu h1{float:left;} .topmenu .nav{float:right;} .topmenu .nav ul li{float:left; padding:0 30px; font-size:18px} .topmenu nav {display:none;} #hamburger{display:none;} /* All Menu */ #snb { position:absolute; top:140px; z-index:1000; background-image:url('../images/main_lnb_bg.jpg'); background-position:top center; background-repeat:no-repeat; background-color:#fff; border-bottom:3px solid #e81617;border-top:1px solid #e81617; width:100%; height:195px; letter-spacing:-0.8px; display:none} #snb div.snbList { width: 1065px; margin:0 auto; overflow:hidden; position:relative; z-index:1000;} #snb div.snbList > ul{ padding-left:275px;} #snb div.snbList li.sub { float:left; border-right:1px solid #ebebeb; height:185px; padding-top:10px; } #snb div.snbList li.first { border-left:1px solid #ebebeb; } #snb div.snbList li.sub ul.menu li { float:none; } #snb div.snbList li.sub ul.ss1{width:148px} #snb div.snbList li.sub ul.ss2{width:148px} #snb div.snbList li.sub ul.ss3{width:148px} #snb div.snbList li.sub ul.ss4{width:148px} #snb div.snbList li.sub ul.ss5{width:145px} #snb div.snbList li.sub ul.ss6{width:128px} #snb div.snbList li.sub ul.menu li a { color:#444; display:block; padding:0 15px; font-size:13.2px; line-height:1.9; letter-spacing:-0.5px; } #snb div.snbList li.sub ul.menu li a:hover { color:#fff; text-decoration:none;background:#e81617} #snb a.close { background-image:url('../images/snb_close.png'); width:22px; height:22px; display:block; text-indent:-9999px; position:absolute; bottom:0px; right:75px; font-weight:bold} .simple_banner_wrap{ position:relative; overflow:hidden; height:605px; margin:0 auto; text-align:center; width:100%; background:rgb(102,102,102) } .simple_banner_wrap .main_txt{position:absolute; top:180px; left:50px; z-index:10} .simple_banner_wrap ul{ list-style:none;padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; } .simple_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .simple_banner_wrap ul li span{display:block; width:100%; height:100%;} .simple_banner_wrap .nav_wrap{ position:relative; z-index:2; left:50%; top:535px; } .simple_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; } .simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:16px; height:16px; margin:0 1px; cursor:pointer; } .simple_banner_wrap .nav_wrap.numeral{ height:14px; line-height:14px; } .simple_banner_wrap .nav_wrap.numeral ul li{ font-size:12px; width:14px; height:14px; text-align:center; text-shadow:1px 1px 0px #CCC; } .simple_banner_wrap .nav_wrap.numeral ul li.on{ text-decoration:underline; font-weight:bold; } .simple_banner_wrap .nav_wrap.bullet ul li{ font-size:10px; text-indent:-10000px; border-radius:10px;/* box-shadow:inset 0 0 0 2px #FFF;*/ margin-right:8px; background:#fafafa;} .simple_banner_wrap .nav_wrap.bullet ul li.on{ background-color:#44b554; width:50px} .simple_banner_wrap .nav_wrap.prev_next{ height:14px; line-height:14px; text-shadow:1px 1px 0px #CCC; } .simple_banner_wrap .nav_wrap.prev_next ul li{ font-size:12px; width:8px; height:8px; font-weight:bold; text-align:center; } .simple_banner_wrap .mainimg1{background:url(../images/mainbg.jpg) no-repeat top center; width:100%; height:100%} .simple_banner_wrap .mainimg2{background:url(../images/mainbg01.jpg) no-repeat top center; width:100%; height:100%} .simple_banner_wrap .mainimg3{background:url(../images/mainbg02.jpg) no-repeat top center; width:100%; height:100%} .footer{background:#222222; overflow:hidden} .footer .policybox{float:left;} .footer .policybox ul{overflow:hidden; position:relative; } .footer .policybox ul li{float:left;} .footer .policybox li a{float:left; border-right:1px solid #363636; padding:0 20px; display:inline-block; color:#9c9c9c; line-height:50px; height:50px;} .footaddress{background:#2a2a2a; overflow:hidden; padding-top:30px; padding-bottom:20px;} .footaddress .addressGrap{float:left; width:750px; border-right:1px solid #363636;} .footaddress .snsw{float:left; overflow:hidden; padding-left:90px; margin-top:40px;} .footaddress .addressbox{float:left; margin-top:50px } .footaddress .addresstitle{color:#828282; font-weight:500; padding-bottom:6px; font-size:15px} .footaddress .addresstxt{color:#757575; font-weight:500; padding-bottom:15px} .footaddress .snsw .sns{margin-bottom:10px;} .footaddress .snsw .sns li{float:left; margin-right:5px;} .footaddress .copyright{color:#a1a1a1; clear:both; font-size:12px; margin-bottom:50px; letter-spacing:0; float:left;} .footaddress .select_box { position: relative; height: 30px; background: url(../images/selectico.png) #292d36 120px center no-repeat; border: 1px solid #40434a; margin-right: 5px; width: 165px; float: left; font-size: 14px; margin-top:10px;} .footaddress .select_box select { padding: 4px 28px 4px 8px; width: 100%; color:rgb(204,204,204); padding-right: 28px; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; outline: none; cursor: pointer; -moz-appearance: none; text-indent: 0.01px; text-overflow: ellipsis; height:32px} /*슬라이드 게시글 영역*/ .bottombox2 {position: relative; width:450px; overflow: hidden; float:left; height:265px; } .bottombox2 h2{color:#6128ae; font-weight:600; font-size:20px;} .bottombox2 .slide_cont_desc{padding:20px 0; font-size:24px; font-weight:500; line-height:150%;} .bottombox2 .slide_cont_desc2 {padding:0 5px 0px; font-size:13px; line-height:140%; color:#7f7f7f; letter-spacing:-1px; display:block; color:#9c9b9b; font-family: "notoKrM", sans-serif; } .bottombox2 .slide_cont_desc a:hover, .bottombox2 .slide_cont_desc2 a:hover{color:#531081;} .bottombox2 .more{position:absolute; right:0; bottom:0;} .bottombox2 ul.slide_list {overflow: hidden}.bottombox2 ul.slide_list:after {content:" "; display:block; clear:both;} .bottombox2 ul.slide_list li {display:block; position: relative; width:100%; height:180px;} .bottombox2 .slide_cont_box {position: relative; } .bottombox2 .slide_cont_box:after {content: " "; display:block; clear:both;} .bottombox2 .slide_cont_box .slide_cont_unit {position:absolute; left:0; top:0;} /*슬라이드 네비 영역*/ .bottombox2 .slide_nav {position:absolute; bottom:15px; ; font-size:0; line-height:0; z-index:44; left:50%; margin-left:-20px } .bottombox2 .slide_nav .slide_paging {display:inline-block; vertical-align: middle; width:65px; height:40px; line-height:40px; font-size:13px; color:#333; background-color:#eef0f3; text-align:center; } .bottombox2 .slide_nav ul.slide_btns {display:inline-block; vertical-align: middle; font-size:0; line-height:0; text-align:center} .bottombox2 .slide_nav ul.slide_btns li {display:inline-block;} .bottombox2 .slide_nav ul.slide_btns li.slide_stop_btn{display:inline-block; padding:0 8px;} .bottombox2 .slide_nav ul.slide_btns li.slide_next_btn i {position: relative; display:inline-block; background:url(../images/icon_sprite_new.png) no-repeat -160px -70px; background-size: 500px 700px; width: 16px; height: 28px; text-indent:-9999px; } .bottombox2 .slide_nav ul.slide_btns li.slide_next_btn i:after {content:""; position: absolute; top:0; left:0; display:inline-block; background:url(../images/icon_sprite_new.png) no-repeat -180px -70px; background-size: 500px 700px; width: 16px; height: 28px; text-indent:-9999px; opacity: 0; visibility: hidden;} .bottombox2 .slide_nav ul.slide_btns li.slide_next_btn:hover i:after {opacity: 1; visibility: visible;} .w1200{width:1200px; margin:0 auto;} .w1150{width:1150px; margin:0 auto;} .mainimg {position:relative;} .mainimg .mb{text-align:center; position:absolute; left:50%; margin-left:-205px; top:205px; z-index:2; text-align:center; color:rgba(255,255,255,1)} .mainimg .mb1{font-size:60px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px;} .mainimg .mb1 p{line-height:100%;} .mainimg .mb2{font-size:24px; font-weight:500; letter-spacing:-2px;} .pg-div{overflow:hidden; background:url(../images/ybg.png); height:335px;} .pg-div .pg-title{width:160px; height:38px; background:rgba(36,62,40,0.8); text-align:center; line-height:38px; margin:0 auto; color:rgba(255,255,255,1); font-size:14px; margin-top:20px; box-sizing:border-box} .pg-div .slider-wrap {position: relative;margin: 50px auto;width: 1200px;} .pg-div .slider {width: 1100px;margin: 0 auto;} .pg-div .slider ul {margin: 0; padding: 0; text-align:center} .pg-div .slider ul li {vertical-align: middle; float:left; position:relative; cursor:pointer} /*.pg-div .slider ul li .img{position:absolute; top:0; left:0;}*/ .pg-div .slider ul li .txt{position:absolute; bottom:30px; color:rgba(255,255,255,1); text-align:center; font-size:16px; width:100%;} .pg-div .slider ul li .txt span{text-align:center;} .pg-div .slider-arrow {position: absolute;top: 40px;width: 30px;height: 50px; text-decoration: none; } .pg-div .slider-arrow.sa-left {left: 10px;} .pg-div .slider-arrow.sa-right {right: 10px;} .notice-div{overflow:hidden; margin-top:35px;} .notice-box{float:left; width:350px; border:1px solid #e0e0e0; height:435px; box-sizing:border-box} .notice-box:nth-child(2){border-left:none;} .notice-box-s{background:url(../images/noticebg.png) no-repeat; height:145px; color:rgba(255,255,255,1); text-align:center; padding-top:50px; box-sizing:border-box} .notice-box-s .t1{font-size:22px; margin-bottom:8px; font-weight:600; font-family: 'Nanum Gothic', sans-serif;} .notice-box-s .t2{font-size:26px; font-weight:700; font-family: 'Nanum Gothic', sans-serif;} .notice-list{padding:25px 15px 20px 25px; box-sizing:border-box;} .notice-list ul li{margin-bottom:8px; font-size:14px; text-align:left;} .notice-list ul li .txt{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; width:75%} .notice-list ul li .day{display:inline-block; float:right; font-size:12px; width:20%} .new-box{background:url(../images/newsbg.png) no-repeat;} .notice-banner{float:right; width:440px;} .notice-banner ul li{float:left; margin-left:25px; margin-bottom:20px;} .notice-banner ul li:nth-child(2n+1){margin-left:0;} .B-bg{background:url(../images/B-bg.png) center center; height:450px; text-align:center; padding-top:120px; box-sizing:border-box; font-family: 'Nanum Gothic', sans-serif; } .B-bg .B-bg-t1{color:rgba(255,255,255,1); font-size:22px; font-weight:600} .B-bg .B-bg-t2{color:#dbe56e; font-size:53px; text-transform:uppercase; letter-spacing:-2px; font-weight:800; line-height:100%} .B-bg .B-bg-t3{font-size:9px; color:#c6c6c7; margin-bottom:20px;} .B-bg .B-bg-btn a{ color:#FFF;text-transform:uppercase; background:url(../images/b-bgarr.png) no-repeat 150px center #a09080; width:180px; height:40px; line-height:40px; margin:0 auto; letter-spacing:0; font-weight:700; font-size:14px; cursor:pointer; display:block } .graybg{background:#e7e7e7;} .hu-div .hu-div-title{text-align:center; font-size:34px; color:rgba(0,0,0,1); padding:55px 0 50px; font-weight:700} .hu-list{overflow:hidden;} .hu-list .hu-box{width:264px; float:left; margin-bottom:17px; cursor:pointer; background:rgba(255,255,255,1); position:relative; } .hu-list .hu-box-over{background:url(../images/over_plus.png) no-repeat center 100px rgba(255,255,0,0.5); position:absolute; z-index:2; width:100%; height:100%;} .hu-list .hu-img-2 .hu-box-over{background:url(../images/over_plus.png) no-repeat center 70px rgba(255,255,0,0.5);} .hu-list .hu-img img{position:absolute; top:0; left:0;} .hu-list .hu-img-1{height:380px;} .hu-list .hu-img-2{height:325px;} .hu-list .hu-img-1 img{height:245px; width:100%} .hu-list .hu-img-2 img{height:188px; width:100%} .hu-list .hu-box-txt{background:rgba(255,255,255,1); height:132px; box-sizing:border-box; padding:20px 20px 25px 20px; width:260px; position:absolute; bottom:2px; left:2px} .hu-list .hu-box-txt .t1{color:#928e91; font-size:13px; margin-bottom:12px; letter-spacing:0} .hu-list .hu-box-txt .t2{font-size:16px; color:#271f26; font-weight:700; margin-bottom:10px; letter-spacing:0} .hu-list .hu-box-txt .t3{text-transform:uppercase; color:#928e91; font-size:11px; display:block; background:url(../images/plus.png) no-repeat right center; width:90px; letter-spacing:0} .hu-list .hu-listw{float:left; width:264px ; margin-right:20px; } .info-div{margin-top:75px; overflow:hidden; margin-bottom:80px} .info-box{float:left; width:565px;} .info-box01{float:left; width:565px;} .info-box-title{border-bottom:1px solid #e0e0e0; font-size:26px; margin-bottom:25px; font-weight:600; letter-spacing:0; position:relative; height:60px} .info-box-title p{float:left; padding-top:15px;} .info-box-arr{width:65px; height:35px; background:#97bf21 url(../images/bar.png) no-repeat center center; position:absolute; right:0; bottom:10px} .info-box-arr span{display:inline-block; width:32px; height:35px; cursor:pointer} /*.info-box-arr .left-r{background:url(../images/so_left.png) no-repeat center center;} .info-box-arr .right-r{background:url(../images/so_right.png) no-repeat center center;}*/ .info-boxsw{overflow:hidden; width:560px;} .info-boxs{float:left; width:260px; overflow:hidden} .info-boxs:nth-child(2){float:right;} .info-box .info-boxs{float:left; width:260px; overflow:hidden} .info-box .info-boxs:nth-child(2){float:right;} .info-boxs-img{position:relative;} .info-boxs-img img{width:100%; cursor:pointer} .info-boxs-img img:hover{transform: scale(1.05); transition: .3s all ease} .info-boxs-img .day-div{position:absolute; right:0; top:0; width:60px; height:70px; background:rgba(255,255,255,1); text-align:center; padding-top:10px; box-sizing:border-box} .info-boxs-img .day-div .day-m{font-size:20px; font-weight:700;} .info-boxs-img .day-div .day-d{font-size:14px;} .info-boxs-title{border-bottom:2px solid #f0f0f0; height:30px; line-height:30px; font-size:16px; font-weight:600; font-family: 'Nanum Gothic', sans-serif; margin-top:15px; margin-bottom:15px;} .info-boxs-stitle{font-size:14px; margin-bottom:5px; color:#898989} .info-boxs-stxt{letter-spacing:0; color:#898989; margin-bottom:25px;} .info-boxs-btn{width:140px; height:27px; cursor:pointer; background:#97bf21 url(../images/info-box-arr.png) no-repeat 115px center; line-height:27px;box-sizing:border-box} .info-boxs-btn span{display:block;} .info-boxs-btn1{background:#979797; color:rgba(255,255,255,1); font-size:11px; font-weight:bold; width:100px; padding-left:15px; height:27px; box-sizing:border-box ; letter-spacing:0 } .quickmenu{float:right; width:545px;} .quickmenu-title{text-align:center; height:70px; line-height:70px; font-size:20px; color:rgba(51,51,51,1); font-weight:700} .quickboxw{overflow:hidden; margin-bottom:25px;} .quickbox{float:left; border-right:1px solid #e0e0e0; width:33%; text-align:center} .quickbox:last-child{border-right:none;} .quickbox .q-img{height:85px;} .quickbox .q-txt{color:#333333; font-size:18px; margin-bottom:15px;font-weight:700} .quickbox .q-stxt{font-size:13px; color:#939393;} .quick-banner{overflow:hidden;} .quick-banner > div{cursor:pointer;} .qbbox-gray{float:left; width:226px; height:188px; background:#9ba2ac; color:rgba(255,255,255,1); text-align:center; padding-top:35px; box-sizing:border-box;} .qbbox-title{font-size:18px; } .qbbox-title span{width:30px; height:1px; background:rgba(255,255,255,1); display:block; margin:12px auto 10px} .qbbox-stitle{line-height:160%; margin-bottom:10px;} .qbbox-arr span{display:inline-block; width:25px; height:15px; cursor:pointer;} .quick-bg{float:left; width:319px;} .cmsbg{float:left; width:226px; height:115px; background:url(../images/quick5.png) no-repeat; color:#FFF; text-align:center; letter-spacing:0; font-size:14px;} .cmsbg .cmst1{font-size:18px; padding-top:10px; font-weight:600} .cmsbg .cmst2{font-size:14px; margin-bottom:10px;} .quick-list-div{ width:319px;height:115px; float:left;} .quick-list-div ul li a{float:left; width:33.3%; height:115px; display:block; text-align:center; color:rgba(255,255,255,1); font-size:16px; padding-top:75px; box-sizing:border-box} .quick-list-div ul li .quick-list1{background: url(../images/quicks-1.png) #979797 no-repeat center 20px; } .quick-list-div ul li .quick-list2{background: url(../images/quicks-2.png) #f9c71a no-repeat center 20px;} .quick-list-div ul li .quick-list3{background: url(../images/quicks-3.png) #979797 no-repeat center 25px;} @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;} }