@charset "utf-8"; @import url('basic.css'); /* 기본설정 */ @import url('setup.css'); /* 사이트 세부설정 */ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* nanum gothic */ .paging {width:100%; margin-top:50px; font-size:0; line-height:0; text-align:center; } .paging a {display:inline-block;width:38px;line-height:38px;border:1px solid #ddd;vertical-align:middle; background:#fff;} .paging .list_num { width:38px; height:38px; line-height:38px; text-align:center; background:#fff; text-decoration:none; color:#666; font-size:15px; } .paging .list_num:hover { background:#dce9ff; color:#333; border:1px solid #ddd;} .paging .select {display:inline-block;width:38px; height:38px; line-height:38px; border:1px solid #3076d5; font-size:15px; font-weight:bold; color:#fff; background:#3076d5; } .paging .page_first {width:38px;height:38px;background:url(/honestchoice/images/page_first.jpg) no-repeat; border-left:1px solid #ddd;} .paging .page_next {width:38px;height:38px;background:url(/honestchoice/images/page_last.jpg) no-repeat; border-left:none; } .paging .prev {width:38px;height:38px;background:url(/honestchoice/images/page_prev.jpg) no-repeat; border-left:none;} .paging .next {width:38px;height:38px;background:url(/honestchoice/images/page_next.jpg) no-repeat; border-left:none;} .paging a:hover.page_first {width:38px;height:38px;background:url(/honestchoice/images/page_first.jpg) no-repeat; border:1px solid #3076d5;} .paging a:hover.page_next {width:38px;height:38px;background:url(/honestchoice/images/page_last.jpg) no-repeat; border:1px solid #3076d5;} .paging a:hover.prev {width:38px;height:38px;background:url(/honestchoice/images/page_prev.jpg) no-repeat; border:1px solid #3076d5;} .paging a:hover.next {width:38px;height:38px;background:url(/honestchoice/images/page_next.jpg) no-repeat; border:1px solid #3076d5;} .paging .num_wrap {height:38px; margin:0px; margin-top:0px;vertical-align:middle; background:#f00;} .selectTR { background:none; cursor:pointer;} .selectTR:hover { background:#fff1d5; } .wrap { position:relative; margin:0 auto; width:1300px; *zoom:1; } .wrap:after { content:""; display:block; clear:both; } .mgtop1 { margin-top:45px !important; } .mgtop2 { margin-top:50px !important; } .mgtop3 { margin-top:25px !important; } .mgtop4 { margin-top:40px !important; } .mgtop5 { margin-top:20px !important; } .mgtop6 { margin-top:-30px !important; } .mgtop7 { margin-top:15px !important; } .mgtop8 { margin-top:30px !important; } /* header */ #header { z-index: 1000; position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #e5e5e5; } #header div.topwrap { overflow:hidden; border-bottom:1px solid #e5e5e5; } #header div.topwrap div.wrap { overflow:hidden; } #header div.topwrap ul.lang { float:left; overflow:hidden; border-right:1px solid #e5e5e5; } #header div.topwrap ul.lang li { float:left; font-size:0; line-height:0; } #header div.topwrap ul.lang li a { display:block; padding:13px 8px; border-left:1px solid #e5e5e5; } #header div.topwrap ul.lang li a.language { padding:13px 15px; font-size:14px; color:#666; line-height:25px; } #header div.topwrap div.parent { float:right; margin:10px 0; } #header div.topwrap div.parent a { display:block; padding:0 12px; font-size:12px; color:#fff; font-weight:bold; line-height:31px; border-radius:50px; background-color:#2daff7; } #header div.topwrap div.parent a img { margin:6px 6px 6px 0; vertical-align:top; } #header div.topwrap div.search { float:right; margin:10px; font-size:0; line-height:0; border-radius:50px; background-color:#ddd; } #header div.topwrap div.search input { width:100px; height:27px; padding-left:10px; border:none; background:none; } #header div.topwrap div.topmenu { float:right; margin:10px; font-size:0; line-height:0; } #header div.topwrap div.topmenu a { display:inline-block; font-size:12px; color:#777; line-height:31px; vertical-align:top; } #header div.topwrap div.topmenu a:hover { font-weight:bold; color:#333; } #header div.topwrap div.topmenu em { display:inline-block; margin:10px; } #header ul.language { display:none; position:absolute; top:51px; left:50%; margin-left:-566px; width:86px; padding:8px 15px; border:1px solid #ddd; background-color:#fff; z-index:1000; } #header ul.language li { font-size:13px; } #header ul.language li a { display:block; color:#333; line-height:22px; padding-left:11px; background:url('../images/common/language_bullet.jpg') no-repeat left 10px; } #header ul.language li a:hover { font-weight:600; color:#ffa800; } #header div.head { overflow:hidden; width:1300px; margin:0 auto; padding:25px 0; } #header div.head h1 { float:left; font-size:0; line-height:0; } #header div.side { display:none; float:right; font-size:0; line-height:0; } /* gnb */ #gnb { float:right; overflow:hidden; /*padding-right:40px;*/ background:url('../images/common/gnb_line.jpg') no-repeat right top; } #gnb li { float:left; text-align:center; /*margin-left:38px; padding-left:39px;*/ width:160px; font-size:16px; background:url('../images/common/gnb_line.jpg') no-repeat left top; } #gnb li a { display:block; color:#000; line-height:37px; } #gnb li a.on, #gnb li a:hover { font-weight:bold; color:#ffa800; } #gnb li dl { display:none; text-align:left; position:relative; left:0px; padding-left:20px; transition: all 2s;} #gnb li dl dt, #gnb li dl dd.dt a{ font-size:13px; line-height:18px; color:#222; margin:10px 0; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-1px;} #gnb li dl dd.dt a:hover {font-weight:bold; color:#ffa800;} #gnb li dl dt a { line-height:18px;} #gnb li dl dd a { color:#888; font-size:12px; line-height:20px; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.5px;} /* submenu */ #submenu { position:absolute; left:0; top:106px; width:100%; background-color:#fff; border-bottom:1px solid #ddd; z-index:999; } #submenu div.wrap { background:url('../images/common/submenu_bg.jpg') no-repeat left bottom; } #submenu div.wrap ul.menu { overflow:hidden; margin-left:435px; padding:10px 0; border-bottom:none; } #submenu div.wrap ul.menu li { float:left; min-height:180px; padding:10px 0; font-size:14px; font-weight:normal; border-left:1px solid #ddd; } #submenu div.wrap ul.menu li.first { border-left:none; } #submenu div.wrap ul.menu li.width1 { width:155px; } #submenu div.wrap ul.menu li.width2 { width:155px; } #submenu div.wrap ul.menu li.width3 { width:155px; } #submenu div.wrap ul.menu li.width4 { width:155px; } #submenu div.wrap ul.menu li.width5 { width:140px; } #submenu div.wrap ul.menu li a { display:block; margin-bottom:10px; color:#666; line-height:23px; padding-left:47px; } #submenu div.wrap ul.menu li a.first { margin-top:0; } #submenu div.wrap ul.menu li a:hover { font-weight:600; color:#333; } /* mobileMenu */ #mobileMenu { display:none; overflow-y:auto; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:#fff; } #mobileMenu div.top { position:relative; font-size:18px; font-weight:bold; color:#ffa800; line-height:50px; padding-left:20px; } #mobileMenu div.top div.close { position:absolute; width:auto; height:auto; top:13px; right:19px; font-size:0; line-height:0; margin:0; padding:0; background:none; } #mobileMenu a { color:#333; } #mobileMenu .gnb { border-top:1px solid #ddd; } #mobileMenu .gnb li { font-size:15px; font-weight:bold; line-height:44px; border-bottom:1px solid #ddd; background:#f5f5f5; } #mobileMenu .gnb li a { padding-left:20px; } #mobileMenu .gnb li .sub_gnb { display:none; } #mobileMenu .gnb li.on { background:#ffa800 url('../images/common/mobile_bullet.png') no-repeat right 19px; border-bottom:none; } #mobileMenu .gnb li.on a { display:block; color:#fff; } #mobileMenu .gnb li.on .sub_gnb { overflow:hidden; display:block; background:#fff; } #mobileMenu .gnb li.on .sub_gnb a { color:#555; } #mobileMenu .gnb li.on .sub_gnb a:hover { font-weight:bold; color:#ffa800; } #mobileMenu .gnb li.on .sub_gnb li { margin-top:10px; font-weight:normal; line-height:24px; padding-bottom:10px; background:none; } #mobileMenu .gnb li.on .sub_gnb li.on { background:#272727; } #mobileMenu .gnb li.on .sub_gnb li.on a { color:#fff; } #mobileMenu .gnb li.on .sub_gnb li ul { margin-top:5px; } #mobileMenu .gnb li.on .sub_gnb li ul li { margin-top:0; font-size:13px; line-height:22px; padding:0 0 0 16px; background:url('../images/common/mobile_bullet2.jpg') no-repeat 21px 10px; border-bottom:none; } #mobileMenu .gnb li.on .sub_gnb li ul li a:hover { color:#222; } /* quickmenu */ #quick { position:fixed; top:0; right:0; width:255px; height:100%; min-height:100%; background-color:#fff; border-left:1px solid #ddd; z-index:99999; margin-right:0px; } #quick div.btn { position:absolute; top:398px; right:256px; font-size:0; line-height:0; border-top:1px solid #ddd; } #quick div.btn a { display:block; background:#fff; padding:40px 0; border-left:1px solid #ddd; border-bottom:1px solid #ddd; } #quick div.top_img { margin:15px 20px 0 20px; } #quick div.title { margin:20px 20px 0 20px; font-size:14px; color:#333; line-height:33px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } #quick ul.qmenu { overflow:hidden; margin:3px 20px; } #quick ul.qmenu li { float:left; width:33.333%; min-height:95px;margin-top:17px; font-size:0; line-height:0; text-align:center; } #quick ul.qmenu li p.name { margin-top:5px; font-size:11px; color:#444; line-height:16px; } #quick ul.qmenu li a { display:block; } /* main */ #main { width:100%; margin-bottom:80px; } #main div.visual { position:relative; width:100%; margin-top:140px; border-bottom:1px solid #ddd; } #main div.visual div.left { position:absolute; top:50%; left:30px; margin-top:-37px; overflow:hidden; height:74px; font-size:0; line-height:0; } #main div.visual div.left a { display:block; } #main div.visual div.left a:hover{ margin-top:-74px; } #main div.visual div.right { position:absolute; top:50%; right:30px; margin-top:-37px; overflow:hidden; height:74px; font-size:0; line-height:0; } #main div.visual div.right a { display:block; } #main div.visual div.right a:hover{ margin-top:-74px; } #main div.visual div.onoff { position:absolute; top:110px; left:50%; margin-left:-650px; overflow:hidden; height:18px; font-size:0; line-height:0; } #main div.visual div.onoff a { display:inline-block; margin-right:10px; } #main div.visual div.onoff a.on, #main div.visual div.onoff a:hover { margin-top:-18px; } #main div.visual div.v1 { overflow:hidden; width:100%; height:580px; background:url('../images/main/visual1.jpg') no-repeat center top; background-size:1920px 580px; } #main div.visual p.typo1 { margin-top:150px; font-size:70px; color:#666; line-height:79px; } #main div.visual p.typo1 strong { display:block; background:url('../images/main/typo_bg.png') no-repeat left 13px; } #main div.visual p.typo2 { margin-top:15px; font-size:16px; color:#888; line-height:25px; } #main div.visual p.typo2 em { display:block; } #main div.visual div.view { margin-top:20px; } #main div.visual div.view a { display:inline-block; font-size:14px; font-weight:bold; color:#ffa800; line-height:37px; padding:0 20px; background-color:#fff; border:1px solid #ffa800; } #main div.visual div.view a:hover { color:#fff; background-color:#ffa800; border:1px solid #ffa800; } #main div.shortcut { overflow:hidden; background:url('../images/main/menu_bg.jpg') repeat-y left top #f5f5f5; } #main div.shortcut div.intro { float:left; width:280px; height:195px; background:url('../images/main/menu_icon.png') no-repeat right bottom; } #main div.shortcut div.intro div.subject { margin-top:30px; font-size:16px; color:#fff; line-height:25px; padding-bottom:27px; background:url('../images/main/menu_line.jpg') no-repeat 1px bottom; } #main div.shortcut div.intro div.subject strong { display:block; font-size:32px; line-height:41px; } #main div.shortcut ul.shortcut { float:left; overflow:hidden; width:1020px; background-color:#f5f5f5; } #main div.shortcut ul.shortcut li { float:left; width:14%; height:195px; text-align:center; } #main div.shortcut ul.shortcut li.first { margin-left:1%; } #main div.shortcut ul.shortcut li a { display:block; } #main div.shortcut ul.shortcut li div.icon { margin-top:25px; font-size:0; line-height:0; } #main div.shortcut ul.shortcut li p.name { margin-top:10px; font-size:14px; color:#666; line-height:23px; } #main div.boardwrap { overflow:hidden; width:1300px; margin:60px auto 0 auto; } #main div.boardwrap div.board { float:left; width:446px; margin:5px 24px 0 0; } #main div.boardwrap div.board h2 { position:relative; padding:0 0 12px 8px; font-size:22px; font-weight:bold; color:#222; line-height:36px; border-bottom:1px solid #e5e5e5; } #main div.boardwrap div.board h2 img { margin-right:10px; vertical-align:top; } #main div.boardwrap div.board h2 a { position:absolute; top:8px; right:8px; font-size:0; line-height:0; } #main div.boardwrap div.board div.img { margin:20px 8px 0 8px; font-size:0; line-height:0; } #main div.boardwrap div.board p.subject { overflow:hidden; height:25px; margin:15px 8px 0 8px; } #main div.boardwrap div.board p.subject a { display:block; font-size:16px; font-weight:bold; color:#222; line-height:25px; } #main div.boardwrap div.board div.note { width:96%; height:28px; position:relative; margin:5px 8px 0 8px; font-size:14px; font-weight:bold; color:#888; line-height:23px; } #main div.boardwrap div.board div.note span {overflow:hidden; display:inline-block; width:75%; height:28px; } #main div.boardwrap div.board div.note em { position:absolute; top:0; right:0; } /*#main div.boardwrap div.board div.note { position:relative; margin:5px 8px 0 8px; font-size:14px; font-weight:bold; color:#888; line-height:23px; } #main div.boardwrap div.board div.note em { position:absolute; top:0; right:0; } */ #main div.boardwrap div.board ul.board { margin-top:15px; padding:12px 8px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } #main div.boardwrap div.board ul.board li { position:relative; } #main div.boardwrap div.board ul.board li a { overflow:hidden; display:inline-block; width:75%; height:28px; font-size:14px; color:#888; line-height:28px; } #main div.boardwrap div.board ul.board li a:hover { color:#222; } #main div.boardwrap div.board ul.board li em { position:absolute; top:0; right:0; font-size:14px; color:#888; line-height:28px; } #main div.boardwrap div.calendar { float:left; width:358px; border:1px solid #ddd; } #main div.boardwrap div.calendar div.date { position:relative; font-size:30px; font-weight:bold; color:#fff; line-height:56px; text-align:center; background-color:#ffa800; } #main div.boardwrap div.calendar div.date a.left { position:absolute; top:20px; left:15px; line-height:0; } #main div.boardwrap div.calendar div.date a.right { position:absolute; top:20px; right:15px; line-height:0; } #main div.boardwrap div.calendar ul.schedule { padding:5px 0; background-color:#f8f8f8; border-top:1px solid #e5e5e5; } #main div.boardwrap div.calendar ul.schedule li { position:relative; overflow:hidden; height:26px; margin:5px 0; padding-left:10px; font-size:13px; color:#666; line-height:26px; } #main div.boardwrap div.calendar ul.schedule li div.day { position:absolute; top:0; left:20px; width:45px; font-weight:bold; color:#ffa800; line-height:24px; text-align:center; border-radius:50px; background-color:#fff; border:1px solid #ffa800; } #main div.bg { margin-top:60px; padding:55px 0 60px 0; background:#f5f5f5; } #main div.bg h2 { font-size:35px; font-weight:bold; color:#222; line-height:44px; text-align:center; } #main div.bg ul.tap { overflow:hidden; margin-top:25px; } #main div.bg ul.tap li { float:left; width:16.66666%; } #main div.bg ul.tap li a { display:block; font-size:15px; color:#666; cursor:pointer; line-height:48px; text-align:center; background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } #main div.bg ul.tap li a.first { border-left:1px solid #ddd; } #main div.bg ul.tap li.on a, #main div.bg ul.tap li a:hover { font-weight:bold; color:#fff; line-height:50px; background-color:#ffa800; border:none; } #main div.bg ul.center { display:none; overflow:hidden; margin-top:25px; border:1px solid #ddd; } #main div.bg ul.center1 { display:block;} #main div.bg ul.center li { float:left; position:relative; width:648px; margin-left:2px; } #main div.bg ul.center li.first { margin-left:0; } #main div.bg ul.center li div.img { font-size:0; line-height:0; } #main div.bg ul.center li div.infor { position:absolute; top:20px; left:20px; width:420px; height:338px; background:url('../images/main/infor_bg.png') repeat left top; } #main div.bg ul.center li div.infor h3 { margin:25px 0 0 30px; font-size:24px; color:#222; line-height:33px; padding-bottom:17px; background:url('../images/main/center_line.jpg') no-repeat 1px bottom; } #main div.bg ul.center li div.infor p.txt { margin:16px 0 0 30px; font-size:14px; color:#444; line-height:23px; } #main div.bg ul.center li div.infor ul.tl { overflow:hidden; margin-top:15px; } #main div.bg ul.center li div.infor ul.tl li { float:left; width:200px; font-size:14px; color:#444; line-height:25px; } #main div.bg ul.center li div.infor ul.tl li.first { width:170px; margin-left:30px; } #main div.bg ul.center li div.infor ul.tl li img { margin-right:8px; vertical-align:top; } #main div.bg ul.center li div.infor ul.cont { overflow:hidden; margin-top:15px; padding:7px 0; background-color:#fff; } #main div.bg ul.center li div.infor ul.cont li { float:left; width:200px; margin:7px 0; font-size:14px; color:#444; line-height:25px; } #main div.bg ul.center li div.infor ul.cont li.first { width:170px; margin:7px 0 7px 30px; } #main div.bg ul.center li div.infor ul.cont li img { margin-right:9px; vertical-align:top; } #main div.bg ul.center li div.infor div.btn { width:140px; margin:20px 0 0 30px; } #main div.bg ul.center li div.infor div.btn a { display:block; font-size:14px; font-weight:bold; color:#ffa800; line-height:35px; text-align:center; background-color:#fff; border:1px solid #ffa800; } #main div.bg ul.center li div.infor div.btn a:hover { color:#fff; background-color:#ffa800; border:1px solid #ffa800; } #main div.gallery { position:relative; width:100%; } #main div.gallery p.gallery { margin-top:55px; font-size:14px; color:#999; line-height:23px; text-align:center; } #main div.gallery h2 { margin-top:5px; font-size:35px; color:#222; line-height:44px; text-align:center; } #main div.gallery div.left { position:absolute; top:229px; left:50%; margin-left:-705px; font-size:0; line-height:0; } #main div.gallery div.right { position:absolute; top:229px; right:50%; margin-right:-705px; font-size:0; line-height:0; } #main div.gallery ul.gallery { overflow:hidden; width:1300px; margin:30px auto 0 auto; } #main div.gallery ul.gallery li { float:left; width:317px; margin-left:8px; border:1px solid #ddd; } #main div.gallery ul.gallery li.first { margin-left:0; } #main div.gallery ul.gallery li div.img { font-size:0; line-height:0; } #main div.gallery ul.gallery li p.subject { margin:15px 0 0 12px; font-size:16px; font-weight:bold; color:#222; line-height:25px; } #main div.gallery ul.gallery li div.date { position:relative; margin:5px 0 10px 12px; font-size:14px; color:#888; line-height:23px; } #main div.gallery ul.gallery li div.date div.hit { position:absolute; top:0; right:12px; } #main div.gallery ul.gallery li div.date div.hit img { margin:6px 6px 0 0; vertical-align:top; } /* idxlink */ .idxlink { display:none; overflow:hidden; margin-top:30px; text-align:center; background:url('../images/common/menu_bg.png') repeat left top; } .idlk { overflow:hidden; width:100%; margin:0 auto; display: none; z-index: 500; } .idlk li { display:block; width:100%; font-size:13px; color:#fff; background:url('../images/common/menu_bg2.png') repeat left top; border-bottom:1px solid #aaa; text-align:left; } .idlk li a { display:block; padding-left:15px; color:#fff; line-height:36px; } .idlk li a:hover { font-weight:bold; color: #fff; } .menu { display:none; } .menu { position:relative; display:block; font-size:13px; font-weight:600; color:#fff; line-height:36px; padding-left:15px; text-align:left; border-bottom:1px solid #ccc; } .menu div.bullet { position:absolute; right:15px; top:16px; font-size:0; line-height:0; } .inner { width: 100%; margin: 0 auto; cursor: pointer; } .idlk.on {display: block; position: absolute; border-top: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } /* snb */ #svisual { position:relative; width:100%; margin-top:140px;} #svisual div.wrap { position:absolute; top:0; left:50%; margin-left:-650px; } #svisual div.loc { margin-top:25px; font-size:13px; color:#444; line-height:22px; } #svisual div.loc em { margin:0 10px; color:#fdb831; } #svisual div.loc img { margin-top:5px; vertical-align:top; } #svisual h2 { margin-top:40px; font-size:34px; color:#000; line-height:43px; } #svisual h2 span { display:inline-block; padding:0 10px 10px 0; background:url('../images/common/h2_bg.jpg') no-repeat 10px 14px; } #svisual div.visual1 { width:100%; height:222px; background:url('../images/center/visual.jpg') no-repeat center top #e4f3ff; background-size:1920px 222px; } /* contents */ #contents { width:100%; margin-bottom:120px; } #contents h3 { position:relative; margin-top:50px; font-size:45px; font-weight:600; color:#222; line-height:46px; text-align:center; padding-bottom:30px; border-bottom:1px solid #ddd; } #contents h3 a.prev { position:absolute; top:0; left:0; font-size:16px; color:#888; line-height:46px; } #contents h3 a.prev img { margin-right:10px; vertical-align:top; } #contents h3 a.next { position:absolute; top:0; right:0; font-size:16px; color:#888; line-height:46px; } #contents h3 a.next img { margin-left:10px; vertical-align:top; } #contents h3 a:hover { color:#222; } #contents h4 { margin-top:50px; font-size:24px; font-weight:600; color:#444; line-height:33px; padding-left:23px; background:url('../images/common/h4_bullet.jpg') no-repeat left 10px; } #contents h4 em { margin-left:10px; font-size:16px; font-weight:normal; color:#666; vertical-align:top; } #contents h4.center { margin-top:60px; font-size:36px; font-weight:300; color:#222; line-height:45px; padding:0 0 15px 0; text-align:center; background:url('../images/common/h4_line.jpg') no-repeat center bottom; } #contents h5 { margin-top:40px; font-size:18px; color:#333; line-height:27px; padding-left:27px; background:url('../images/common/h5_bullet.png') no-repeat left 6px; } #contents h5 span { color:#e00000; } #contents h5 em { font-weight:normal; color:#555; } #contents div.vision { margin-top:25px; font-size:0; line-height:0; text-align:center; padding:80px 0; background-color:#f5f5f5; } #contents p.txt1 { margin-top:17px; font-size:16px; color:#555; line-height:30px; } #contents p.txt1 span { font-weight:600; color:#f3a918; } #contents p.txt1 strong { font-weight:600; color:#333; } #contents p.txt1 em { display:block; } #contents p.txt1 a { display:inline-block; margin-left:10px; font-weight:600; color:#333; } #contents p.txt1 a:hover { color:#ffa800; } #contents p.txt1 a.join { display:block; margin-top:5px; padding:0; font-size:12px; color:#fff; line-height:31px; text-align:center; background-color:#555; } #contents p.txt1 a.join:hover { background-color:#ffa800; } #contents div.khu { font-size:0; line-height:0; text-align:center; padding:50px 0; background-color:#f5f5f5;} #contents div.bg1 { margin-top:50px; background:#f5f5f5; } #contents div.his-tap { position:relative; overflow:hidden; min-height:70px; margin-top:45px; padding:0 70px; } #contents div.his-tap div.prev { position:absolute; top:20px; left:0; overflow:hidden; height:43px; font-size:0; line-height:0; } #contents div.his-tap div.prev a { display:block; } #contents div.his-tap div.prev a:hover { margin-top:-43px; } #contents div.his-tap div.next { position:absolute; top:20px; right:0; overflow:hidden; height:43px; font-size:0; line-height:0; } #contents div.his-tap div.next a { display:block; } #contents div.his-tap div.next a:hover { margin-top:-43px; } #contents div.his-tap div.tap { position:absolute; top:0; left:0; margin:0 70px; font-size:0; line-height:0; } #contents div.his-tap div.tap a { display:inline-block; margin-left:128px; font-size:18px; font-weight:600; color:#888; line-height:24px; padding-bottom:25px; background:url('../images/center/tap_bullet.png') no-repeat center bottom; } #contents div.his-tap div.tap a.on { color:#fdb831; background:url('../images/center/tap_bullet_hover2.png') no-repeat center bottom; } #contents div.his-tap ul.line { overflow:hidden; margin-top:40px; } #contents div.his-tap ul.line li { float:left; width:14.285%; height:3px; background-color:#ddd; } #contents div.his-tap ul.line li.hover { background-color:#fdb831; } #contents div.history { position:relative; min-height:225px; margin-top:50px; border-top:1px solid #e5e5e5; } #contents div.history div.year { position:absolute; top:-1px; left:0; width:300px; padding-top:25px; font-size:38px; font-weight:600; color:#fdb831; line-height:45px; border-top:2px solid #fdb831; } #contents div.history ul.cont { margin:20px 350px 0 330px; } #contents div.history ul.cont li { position:relative; padding:10px 0 0 40px; font-size:16px; color:#666; line-height:25px; } #contents div.history ul.cont li div.month { position:absolute; top:10px; left:0; font-weight:600; color:#222; } #contents div.history div.img { position:absolute; top:35px; right:0; font-size:0; line-height:0; } #contents div.org { margin-top:25px; padding:50px; font-size:0; line-height:0; text-align:center; border:1px solid #ddd; border-top:2px solid #333; } #contents ul.sup_care { overflow:hidden; margin-top:25px; border:1px solid #ddd; border-top:2px solid #333; } #contents ul.sup_care li { float:left; width:50%; min-height:300px; box-sizing:border-box; padding:40px 0 24px 40px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } #contents ul.sup_care li.care01 { background:url('../images/center/icon_sup01.gif') no-repeat 95% 48px; } #contents ul.sup_care li.care02 { background:url('../images/center/icon_sup02.gif') no-repeat 95% 48px; border-right:none;} #contents ul.sup_care li.care03 { background:url('../images/center/icon_sup03.gif') no-repeat 95% 64px; border-bottom:none;} #contents ul.sup_care li.care04 { background:url('../images/center/icon_sup04.gif') no-repeat 95% 64px; border-right:none; border-bottom:none;} #contents ul.sup_care li dt { margin:0 160px 15px 0; font-size:24px; color:#222; line-height:33px; } #contents ul.sup_care li dd { margin:5px 160px 0 0; font-size:16px; color:#555; line-height:25px; padding-left:20px; background:url('../images/common/con_bullet2.gif') no-repeat left 8px; letter-spacing:-1px; } #contents div.sup { margin-top:25px; padding:55px 60px 60px 60px; font-size:0; line-height:0; text-align:center; border:1px solid #ddd; background:#f9f9f9; } #contents ul.sup_list { width:100%; } #contents ul.sup_list li { padding:46px 0 46px 108px; border-bottom:1px solid #ddd; } #contents ul.sup_list li.list01 { background:url('../images/center/icon_sup02_01.gif') no-repeat 18px 25px; } #contents ul.sup_list li.list02 { background:url('../images/center/icon_sup02_02.gif') no-repeat 18px 25px; } #contents ul.sup_list li.list03 { background:url('../images/center/icon_sup02_03.gif') no-repeat 18px 25px; } #contents ul.sup_list li.list04 { background:url('../images/center/icon_sup02_04.gif') no-repeat 18px 25px; } #contents ul.sup_list li.list05 { background:url('../images/center/icon_sup02_05.gif') no-repeat 18px 25px; } #contents ul.sup_list li.list06 { background:url('../images/center/icon_sup02_06.gif') no-repeat 18px 25px; } #contents ul.sup_list li.list07 { background:url('../images/center/icon_sup02_07.gif') no-repeat 18px 25px; } #contents ul.sup_list li dl { font-size:14px; } #contents ul.sup_list li dl:after { content:""; display:block; clear:both; } #contents ul.sup_list li dt { float:left; width:18%; font-size:18px; color:#000; font-weight:600; line-height:25px; } #contents ul.sup_list li dd { float:left; width:59%; font-size:14px; color:#555; line-height:25px; } #contents ul.sup_list li dd.center { width:23%; font-weight:600; } #contents ul.sup_list li dd.center span { display:inline-block; font-size:12px; margin-right:10px; color:#fff; line-height:25px; padding:0 12px; border-radius:30px; background:#bbb; } #contents ul.tap { overflow:hidden; margin-top:60px; } #contents ul.tap li { float:left; width:258px; margin-left:2px; } #contents ul.tap li.first { width:260px; margin-left:0; } #contents ul.tap li.width1 { width:649px; margin-left:0; } #contents ul.tap li.width2 { width:649px; } #contents ul.tap li.width3 { width:215px; margin:0 0 5px 0; } #contents ul.tap li.width4 { width:215px; margin-bottom:5px; } #contents ul.tap li.width5 { width:215px; } #contents ul.tap li.width6 { width:431px; } #contents ul.tap li a { display:block; font-size:16px; color:#555; line-height:25px; padding:10px 0; text-align:center; background-color:#f5f5f5; border:1px solid #ddd; } #contents ul.tap li a.on, #contents ul.tap li a:hover { font-weight:bold; color:#fff; padding:11px 0; background:url('../images/common/tab_bg.gif') repeat; border:none; } #contents p.txt2 { margin-top:12px; font-size:16px; color:#555; line-height:30px; } #contents p.txt2 span { font-weight:600; color:#f3a918; } #contents p.txt2 em { display:block; } #contents p.txt2 em.mg { margin-left:19px; } #contents ul.bul_list { margin-top:15px; } #contents ul.bul_list li { margin-top:5px; font-size:16px; color:#555; line-height:25px; padding-left:15px; background:url('../images/common/con_bullet.gif') no-repeat left 10px; } #contents ul.bul_list li strong { font-weight:600; color:#333; } #contents ul.bul_list li span { font-weight:600; color:#f3a918; } #contents ul.bul_list li.first { margin-top:0; } #contents ul.bul_list li.care { background:none; } #contents ul.bul_list li.mg { margin:15px 0; background:none; } #contents ul.bul_list li.mg2 { margin-top:15px; } #contents ul.bul_list li.mg3 { margin-top:10px; background:none; } #contents ul.bul_list li em.mg { margin-left:139px; } #contents ul.bul_list li em.color { color:#888; } #contents div.box_img { overflow:hidden; margin-top:20px;} #contents div.box_img p { position:relative; margin-top:-57px; font-size:18px; color:#fff; line-height:57px; padding-left:30px; background:url('../images/center/box_bg.png') repeat left top; } #contents div.box_img p a { display:block; text-align:center; font-size:20px; color:#fff; border-left:1px solid #ddd; width:57px; } #contents div.box_img p a.left { position:absolute; top:0; right:59px;} #contents div.box_img p a.right { position:absolute; top:0; right:0; border-right:1px solid #ddd;} #contents div.box_con { overflow:hidden; border:1px solid #ddd; } #contents div.box_con ul li { float:left; position:relative; width:461px; min-height:127px; margin:30px 0; padding-left:187px; font-size:16px; color:#555; line-height:25px; border-left:1px solid #ddd; } #contents div.box_con ul li.first { border-left:none; } #contents div.box_con ul li.guide1 { width:215px; border-left:none; } #contents div.box_con ul li.guide2 { width:280px; } #contents div.box_con ul li.guide3 { width:240px; } #contents div.box_con ul li div.icon { position:absolute; top:0; left:30px; font-size:0; line-height:0; } #contents div.box_con ul li span { display:block; margin:2px 0 10px 0; font-size:24px; font-weight:600; color:#222; line-height:33px; } #contents div.box_con ul li em { display:block; } #contents ul.join_guide { overflow:hidden; margin-top:25px; } #contents ul.join_guide li { float:left; border:1px solid #ddd; width:29.2%; text-align:center; padding:90px 10px 15px 10px; font-size:16px; color:#555; line-height:25px; min-height:182px; box-sizing:border-box; } #contents ul.join_guide li span { font-weight:600; color:#ffa800; } #contents ul.join_guide li.guide01 { background:url('../images/center/icon_join01.gif') no-repeat center 21px; } #contents ul.join_guide li.guide02 { background:url('../images/center/icon_join02.gif') no-repeat center 21px; } #contents ul.join_guide li.guide03 { background:url('../images/center/icon_join03.gif') no-repeat center 21px; } #contents ul.join_guide li.arrow_black { width:6.1%; text-indent:-9999px; overflow:hidden; border:none; background:url('../images/center/arrow_black.gif') no-repeat center 75px; } #contents ul.join_guide li.arrow_blue { width:6.1%; text-indent:-9999px; overflow:hidden; border:none; background:url('../images/center/arrow_blue.gif') no-repeat center 75px; } #contents div.center_tel { margin-top:40px; /*height:46px;*/ background:url('../images/center/line.gif') no-repeat; font-size:18px; color:#333; } #contents div.center_tel ul { overflow:hidden; background:url('../images/center/line.gif') no-repeat left 100%; padding:40px 8.230769230769231%; } #contents div.center_tel ul li { float:left; } #contents div.center_tel ul li.tel { padding-top:50px;} #contents div.center_tel span { font-size:24px; font-weight:bold; padding-left:60px; padding-right:80px; background:url('../images/center/icon_tel_blue.gif') no-repeat 30px 6px; } #contents div.box_text { margin-top:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f8f8f8; padding:25px; } #contents div.box_text ul.bul_list { margin:0; } #contents div.box_text ul.bul_list li { margin-top:10px; } #contents div.box_text ul.bul_list li.first { margin-top:0; } #contents ul.curule { overflow:hidden; margin-top:30px; border:1px solid #ddd; } #contents ul.curule li { position:relative; float:left; width:432px; text-align:center; background-color:#fafafa; border-left:1px solid #ddd; } #contents ul.curule li.first { border-left:none; } #contents ul.curule li.last { background-color:#e4f3ff; } #contents ul.curule li div.arrow { position:absolute; top:95px; left:-20px; font-size:0; line-height:0; } #contents ul.curule li p.name { margin-top:25px; font-size:24px; font-weight:600; color:#444; line-height:33px; } #contents ul.curule li p.name span { color:#f3a918; } #contents ul.curule li div.icon { margin-top:25px; font-size:0; line-height:0; } #contents ul.curule li ul.txt { overflow:hidden; min-height:75px; margin-top:30px; padding:15px 20px; background-color:#fff; border-top:1px solid #ddd; } #contents ul.curule li ul.txt li { float:none; width:auto; font-size:16px; font-weight:300; color:#444; line-height:25px; padding-left:15px; text-align:left; background:url('../images/common/con_bullet.gif') no-repeat left 10px; border-left:none; } #contents ul.curule li ul.txt li span { display:block; font-weight:600; color:#f3a918; } #contents ul.curule li ul.txt li span.inline { display:inline; font-weight:600; color:#f3a918; } #contents ul.curule li .min { min-height:100px !important; } #contents div.down-btn { margin-top:50px; font-size:0; line-height:0; text-align:center; } #contents div.down-btn a { display:inline-block; margin:0 5px; font-size:16px; font-weight:600; color:#333; line-height:19px; border-bottom:3px solid #e0e0e0; } #contents div.down-btn a em { display:inline-block; padding:12px 30px; border:1px solid #f3a918; } #contents div.down-btn a span { display:inline-block; padding:13px 20px; background-color:#f3a918; } #contents div.down-btn a img { vertical-align:top; } #contents div.down-btn a:hover em { color:#ffa800; } #contents div.image { margin-top:15px; font-size:0; line-height:0; } #contents div.calendar { margin-top:50px; } #contents div.calendar div.date { position:relative; background:#ffa800; color:#fff; padding:20px 0; text-align:center; font-size:18px; line-height:32px; font-weight:600; } #contents div.calendar div.date span { font-size:24px; padding-left:10px; vertical-align:top; } #contents div.calendar div.date a { display:inline-block; width:30px; height:30px; line-height:25px; border:1px solid #ffd480; margin-right:5px; vertical-align:top; } #contents div.calendar div.date a.left { margin-right:45px;} #contents div.calendar div.date a.right { margin-left:45px;} #contents div.go-btn { margin-top:50px; font-size:0; line-height:0; text-align:center; } #contents div.go-btn a { display:inline-block; margin:0 5px; font-size:16px; font-weight:600; color:#fff; line-height:19px; padding:13px 40px; background-color:#ffa800; border-bottom:3px solid #e0e0e0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contents div.go-btn a img { margin-left:15px; vertical-align:top; } #contents div.go-btn a:hover { background-color:#333; } #contents div.button { margin:50px auto 0 auto; text-align:center; } #contents div.button a { display:inline-block; width:180px; font-size:16px; font-weight:600; color:#fff; line-height:45px; background-color:#666; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contents div.button a.on, #contents div.button a:hover { background-color:#ffa800; } #contents div.page { width:100%; margin-top:50px; font-size:0; line-height:0; text-align:center; } #contents div.page a { display:inline-block; width:38px; font-size:0; line-height:0; vertical-align:top; background-color:#fff; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #contents div.page a.first { border-left:1px solid #ddd; } #contents div.page a.page { font-size:16px; font-weight:400; color:#666; line-height:38px; } #contents div.page a.page.on, #contents div.page a.page:hover { font-weight:bold; color:#fff; background-color:#ffa800; } #contents div.search { overflow:hidden; width:100%; margin-top:50px; padding:15px 0; font-size:14px; font-weight:600; color:#333; line-height:31px; text-align:center; background-color:#f5f5f5; } #contents div.search em { margin-left:10px; } #contents div.search select { width:100px; height:31px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; vertical-align:top; } #contents div.search input { width:180px; height:32px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; vertical-align:top; } #contents div.search a { display:inline-block; width:80px; font-family:"NanumGothic","Nanum Gothic"; font-size:14px; font-weight:bold; color:#fff; line-height:31px; text-align:center; background-color:#666; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contents div.search a.on, #contents div.search a:hover { background-color:#ffa800; } #contents ul.gallery { overflow:hidden; margin-top:40px; padding-bottom:40px; border-top:2px solid #333; border-bottom:1px solid #ddd; } #contents ul.gallery li { float:left; width:628px; margin:40px 0 0 40px; border:1px solid #ddd; } #contents ul.gallery li.first { margin:40px 0 0 0; } #contents ul.gallery li div.img { font-size:0; line-height:0; } #contents ul.gallery li p.subject { font-size:16px; color:#555; line-height:25px; padding:20px 0; text-align:center; } #contents ul.gallery li a { display:block; } #contents ul.gallery li a:hover p.subject { text-decoration:underline; } #contents ul.gallery2 { overflow:hidden; margin-top:40px; padding-bottom:40px; border-top:2px solid #333; border-bottom:1px solid #ddd; } #contents ul.gallery2 li { float:left; width:288px; margin:40px 0 0 40px; border:1px solid #ddd; } #contents ul.gallery2 li.first { margin:40px 0 0 10px; } #contents ul.gallery2 li div.img { font-size:0; line-height:0; } #contents ul.gallery2 li p.subject { font-size:16px; color:#555; line-height:25px; padding:20px 0; text-align:center; border-top:1px solid #ddd; } #contents ul.gallery2 li a { display:block; } #contents ul.gallery2 li a:hover p.subject { text-decoration:underline; } #contents div.location { margin-top:50px; font-size:18px; color:#333; line-height:27px; padding:15px 0; text-align:center; background:url('../images/center/location_bg.jpg') repeat left top; } #contents div.location span { font-weight:600; color:#f3a918; } #contents div.location span.mg { margin-left:20px; } #contents div.mapWrap { margin-top:40px; border:1px solid #ddd; } #contents div.mapWrap div.img { font-size:0; line-height:0; } #contents div.mapWrap ul.list { overflow:hidden; padding:15px; border-top:1px solid #ddd; background-color:#eaeae7; } #contents div.mapWrap ul.list li { float:left; width:180px; margin-left:15px; font-size:0; line-height:0; } #contents div.mapWrap ul.list li.first { width:293px; margin-left:0; } #contents div.mapWrap ul.list li a { display:block; font-size:16px; font-weight:600; color:#333; line-height:45px; padding-left:20px; border-radius:10px; background:url('../images/center/list_bullet.png') no-repeat right top #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contents div.mapWrap ul.list li a.on, #contents div.mapWrap ul.list li a:hover { color:#fff; background:url('../images/center/list_bullet2.png') no-repeat right top #ffa800; } #contents ul.map-guide { width:100%; } #contents ul.map-guide li { position:relative; min-height:101px; margin-top:60px; } #contents ul.map-guide li div.utilize { position:absolute; top:0; left:0; width:250px; padding-top:20px; font-size:16px; font-weight:600; color:#333; line-height:80px; border-top:1px solid #333; } #contents ul.map-guide li div.utilize img { margin-right:20px; vertical-align:top; } #contents ul.map-guide li ul.route { margin-left:280px; border-top:1px solid #ddd; } #contents ul.map-guide li ul.route li { min-height:0; margin:0; padding:10px 0 10px 20px; font-size:16px; color:#666; line-height:25px; border-bottom:1px solid #ddd; } #contents ul.map-guide li ul.route li span { font-weight:600; color:#333; } #contents p.txt3 { margin-top:22px; font-size:15px; color:#666; line-height:29px; } #contents p.txt3 span { font-weight:600; color:#e00000; } #contents p.txt3 em { margin-left:18px; } #contents p.txt3 em.right { display:block; text-align:right; } #contents p.txt3 input { margin:0; padding:0; border:none; } #contents p.txt4 { margin-top:10px; font-size:14px; color:#666; line-height:23px; } #contents div.loginwrap { width:800px; margin:100px auto 0 auto; padding:50px 0 40px 0; border-top:2px solid #333; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } #contents div.loginwrap div.login { position:relative; width:400px; margin:0 auto; } #contents div.loginwrap div.login input { width:273px; height:32px; padding-left:10px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; } #contents div.loginwrap div.login p.mg { margin-top:8px; } #contents div.loginwrap div.login a { position:absolute; top:0; right:0; width:100px; font-size:16px; font-weight:600; color:#fff; line-height:84px; text-align:center; background-color:#ffa800; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contents div.loginwrap div.login a:hover { background-color:#666; } #contents div.loginwrap div.find { overflow:hidden; width:400px; margin:20px auto 0 auto; padding-top:20px; font-size:13px; color:#777; line-height:30px; border-top:1px solid #ddd; } #contents div.loginwrap div.find em { float:left; } #contents div.loginwrap div.find a { float:right; display:inline-block; margin-left:5px; padding:0 12px; color:#555; line-height:28px; border:1px solid #ccc; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contents div.loginwrap div.find a:hover { background-color:#ffa800; color:#fff; border:1px solid #ffa800; } #contents div.join { position:relative; width:585px; height:77px; margin:0 auto; padding:33px 0 0 215px; font-size:13px; color:#666; line-height:22px; background:url('../images/member/join_icon.png') no-repeat 130px 20px #f0f0f0; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } #contents div.join a { position:absolute; top:40px; left:560px; padding:0 20px; color:#555; line-height:28px; background-color:#fff;border:1px solid #ccc; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contents div.join a:hover { background-color:#ffa800; color:#fff; border:1px solid #ffa800; } #contents ul.join-step { overflow:hidden; margin-top:50px; } #contents ul.join-step li { float:left; width:432px; margin-left:2px; font-size:16px; font-weight:600; color:#555; line-height:55px; text-align:center; background-color:#eee; } #contents ul.join-step li.first { margin-left:0; } #contents ul.join-step li.on { color:#fff; background-color:#ffa800; } #contents ul.dep-step { overflow:hidden; margin-top:30px; } #contents ul.dep-step li { float:left; width:214px; margin-left:2px; font-size:16px; font-weight:600; color:#555; line-height:55px; text-align:center; background-color:#eee; } #contents ul.dep-step li.first { margin-left:0; } #contents ul.dep-step li.on { color:#fff; background-color:#ffa800; } #contents ul.join-step li img { margin:9px 9px 0 0; vertical-align:top; } #contents div.policy { overflow-y:scroll; width:auto; height:150px; margin-top:15px; padding:20px; border:1px solid #ddd; } #contents div.assent { margin-top:10px; font-size:14px; color:#666; line-height:23px; text-align:right; } #contents div.assent input { margin:5px 5px 0 10px; padding:0; border:none; vertical-align:top; } #contents div.assent2 { height:50px; line-height:50px; margin-top:50px; font-size:14px; color:#333; text-align:center; background:#ddd;} /*#contents div.assent2 input { margin:5px 5px 0 10px; padding:0; border:none; vertical-align:top; }*/ #contents div.finish { margin-top:50px; padding:45px 50px; background-color:#f5f5f5; } #contents div.finish p.tit { font-size:30px; font-weight:600; color:#333; line-height:39px; } #contents div.idpw { margin-top:50px; padding-bottom:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url('../images/member/idpw_bg.jpg') no-repeat right bottom; } #contents div.idpw div.tit { width:400px; margin:35px auto 0 auto; font-size:16px; font-weight:600; color:#333; line-height:25px; padding-bottom:15px; border-bottom:1px solid #ddd; } #contents div.idpw div.login { position:relative; width:400px; margin:20px auto 0 auto; } #contents div.idpw div.login input { width:273px; height:32px; padding-left:10px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; } #contents div.idpw div.login p.mg { margin-top:8px; } #contents div.idpw div.login a { position:absolute; top:0; right:0; width:100px; font-size:16px; font-weight:600; color:#fff; line-height:84px; text-align:center; background-color:#ffa800; } #contents div.idpw div.login a.pw { line-height:130px; } #contents div.commu { position:relative; min-height:150px; margin-top:25px; padding:30px 30px 30px 230px; border:1px solid #ddd; } #contents div.commu div.icon { position:absolute; top:30px; left:40px; font-size:0; line-height:0; } #contents div.commu p.tit { margin-top:10px; font-size:16px; font-weight:600; color:#ffa800; line-height:25px; } #contents div.illu { position:relative; min-height:320px; margin-top:50px; padding-left:380px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fafafa; } #contents div.illu div.img { position:absolute; top:0; left:0; font-size:0; line-height:0; } #contents div.illu p.tit { margin-top:55px; font-size:28px; color:#333; line-height:37px; } #contents div.illu p.txt { margin-top:15px; font-size:16px; color:#555; line-height:27px; } #contents div.illu p.txt em { display:block; } #contents div.illu p.txt em.space { height:15px; } #contents div.illu p.txt span { font-weight:600; color:#ffa800; } #contents div.illu p.txt strong { font-weight:600; color:#333; } #contents div.illu div.down-btn { margin-top:25px; text-align:left; } #contents div.illu div.down-btn a { margin:0; } #contents div.illu div.go-btn { margin-top:25px; text-align:left; } #contents div.illu div.go-btn a { padding:13px 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contents div.illu div.go-btn a.first { margin:0 5px 0 0; } #contents div.illu ul.bul_list li { margin-top:10px; } #contents div.illu2 { position:relative; min-height:280px; margin-top:50px; padding-left:380px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fafafa; } #contents div.illu2 div.img { position:absolute; top:0; left:0; font-size:0; line-height:0; } #contents div.illu2 p.tit { margin-top:55px; font-size:28px; color:#333; line-height:37px; } #contents ul.process { overflow:hidden; margin-top:15px; } #contents ul.process li { float:left; width:198px; margin-left:20px; padding:20px 0; text-align:center; border:1px solid #ddd; } #contents ul.process li.first { margin-left:0; } #contents ul.process li.last { width:418px; } #contents ul.process li div.icon { margin:10px 0; font-size:0; line-height:0; } #contents ul.process li p.no { font-size:16px; font-weight:600; color:#ffa800; line-height:25px; } #contents ul.process li p.name { font-size:15px; font-weight:600; color:#333; line-height:24px; } #contents ul.process li p.name2 { margin:41px 0 41px 50px; font-size:15px; font-weight:600; color:#333; line-height:24px; text-align:left; } #contents div.part { font-size:0; line-height:0; text-align:center; padding:60px 0 70px 0; background:url('../images/information/dotted_line.jpg') repeat-x left bottom; } #contents div.book { margin-top:15px; font-size:0; line-height:0; text-align:center; padding-top:40px; background:url('../images/information/dotted_line.jpg') repeat-x left top; } #contents div.book span { display:block; padding-bottom:40px; background:url('../images/information/dotted_line.jpg') repeat-x left bottom; } #contents div.guide { overflow:hidden; margin-top:40px; border:1px solid #ddd; } #contents div.guide ul li { float:left; position:relative; width:461px; min-height:127px; margin:30px 0; padding-left:187px; font-size:16px; color:#555; line-height:25px; letter-spacing:-0.3px; border-left:1px solid #ddd; } #contents div.guide ul li.first { border-left:none; } #contents div.guide ul li div.icon { position:absolute; top:5px; left:30px; font-size:0; line-height:0; } #contents div.guide ul li p.tit { display:block; margin:2px 0 10px 0; font-size:24px; font-weight:600; color:#222; line-height:33px; } #contents div.guide ul li span { font-weight:600; color:#ffa800; } #contents div.guide ul li em { display:block; } #contents div.guide ul li div.go-btn { margin:15px 0 0 0; text-align:left; } #contents div.guide ul li div.go-btn a { margin:0; font-size:14px; padding:8px 30px;} #contents div.enter { margin-top:50px; padding:10px; background:url('../images/information/enter_bg.jpg') no-repeat center top; } #contents div.enter div.bord { width:100%; padding:67px 0 68px 0; font-size:20px; color:#fff; line-height:29px; text-align:center; border:1px solid #777; } #contents div.enter div.bord strong { display:block; margin-bottom:20px; font-size:35px; color:#fff; line-height:44px; text-align:center; } #contents ul.rule { margin-top:25px; padding:25px 30px; border:10px solid #eee; } #contents ul.rule li { font-size:16px; color:#555; line-height:25px; padding-left:15px; background:url('../images/common/con_bullet.gif') no-repeat left 10px; } #contents ul.rule li em { margin:10px 0; display:block; font-size:13px; color:#777; line-height:22px; } #contents ul.rule li sup { vertical-align:top; } #contents dl.use { overflow:hidden; margin-top:25px; } #contents dl.use dt { float:left; width:173px; padding:15px 0 15px 27px; font-size:16px; font-weight:600; color:#333; line-height:25px; text-align:left; border-bottom:1px solid #ffa800; } #contents dl.use dt.first { border-top:1px solid #ffa800; } #contents dl.use dd { float:left; width:1063px; margin-left:10px; padding:15px 0 15px 27px; font-size:16px; color:#666; line-height:25px; text-align:left; border-bottom:1px solid #ccc; } #contents dl.use dd.first { border-top:1px solid #ccc; } #contents div.change { margin-top:25px; padding:23px 0; font-size:18px; color:#333; line-height:32px; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f8f8f8; } #contents div.change span { display:block; font-weight:600; color:#ffa800; } #contents ul.check { overflow:hidden; margin-top:25px; border-top:1px solid #ddd; } #contents ul.check li { float:left; position:relative; width:324px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } #contents ul.check li.first { width:323px; border-left:1px solid #ddd; } #contents ul.check li div.arrow { position:absolute; top:50%; left:-20px; margin-top:-20px; font-size:0; line-height:0; } #contents ul.check li a { display:block; padding:40px 0; background-color:#fafafa; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contents ul.check li a:hover { background-color:#fef5dd; } #contents ul.check li div.icon { font-size:0; line-height:0; } #contents ul.check li p.name { margin-top:15px; font-size:24px; font-weight:600; color:#888; line-height:33px; } #contents ul.check li a:hover p.name { color:#ffa800; } #contents ul.program { margin-top:15px; border-top:2px solid #333; } #contents ul.program li { position:relative; min-height:150px; padding:20px 20px 20px 290px; border-bottom:1px solid #ddd; } #contents ul.program li div.img { position:absolute; top:20px; left:20px; font-size:0; line-height:0; } #contents ul.program li p.tit { margin-top:30px; font-size:18px; font-weight:600; color:#333; line-height:27px; } #contents ul.program li p.txt { margin-top:10px; font-size:16px; color:#666; line-height:25px; } #contents ul.childcare { overflow:hidden; height:280px; margin-top:25px; padding:35px 30px; background:url('../images/education/childcare_bg.jpg') no-repeat right top #eeeef6; } #contents ul.childcare li { float:left; margin-left:50px; padding:10px; box-shadow:4px 4px 0 rgba(0,0,0,0.1); background-color:#fff; } #contents ul.childcare li div.img { font-size:0; line-height:0; } #contents ul.childcare li p.name { margin-top:10px; font-size:15px; color:#333; line-height:24px; text-align:center; } #contents ul.tap2 { overflow:hidden; margin-top:50px; } #contents ul.tap2 li { float:left; width:254px; margin-left:2px; } #contents ul.tap2 li.first { width:254px; margin-left:0; } #contents ul.tap2 li { display:block; font-size:16px; font-weight:600; color:#fff; line-height:45px; text-align:center; cursor:pointer;} #contents ul.tap2 li.bg1 { background:url('../images/education/tap_bg1.jpg') repeat left top; border:2px solid #fff;} #contents ul.tap2 li.bg2 { background:url('../images/education/tap_bg2.jpg') repeat left top; border:2px solid #fff; } #contents ul.tap2 li.bg3 { background:url('../images/education/tap_bg3.jpg') repeat left top; border:2px solid #fff; } #contents ul.tap2 li.bg4 { background:url('../images/education/tap_bg4.jpg') repeat left top; border:2px solid #fff; } #contents ul.tap2 li.bg5 { background:url('../images/education/tap_bg5.jpg') repeat left top; border:2px solid #fff; } #contents ul.tap2 li.bg6 { background:url('../images/education/tap_bg6.jpg') repeat left top; border:2px solid #fff; } #contents ul.tap2 li.bg7 { background:url('../images/education/tap_bg7.jpg') repeat left top; border:2px solid #fff; } #contents ul.tap2 li.bg8 { background:url('../images/education/tap_bg8.jpg') repeat left top; border:2px solid #fff; } #contents ul.tap2 li:hover { background:#444; color:#fff; } #contents ul.tap2 li.on { border:2px solid #666; } #contents div.application { position:relative; padding-left:350px; } #contents div.application div.calendar2 { position:absolute; top:0; left:0; width:310px; } #contents div.application div.calendar2 div.date { font-size:24px; font-weight:600; color:#222; line-height:33px; text-align:center;} #contents div.application div.calendar2 div.date a { display:inline-block; margin:8px 30px; font-size:0; line-height:0; } /*#contents div.application div.calendar2 div.date { font-size:24px; font-weight:600; color:#222; line-height:33px; text-align:center; } #contents div.application div.calendar2 div.date a { display:inline-block; margin:8px 30px; font-size:0; line-height:0; } */ #contents ul.gallery3 { overflow:hidden; margin-top:40px; border-top:2px solid #333; } #contents ul.gallery3 li { float:left; position:relative; width:50%; min-height:150px; padding:20px 0; border-bottom:1px solid #ddd; } #contents ul.gallery3 li div.img { position:absolute; top:20px; left:0; font-size:0; line-height:0; } #contents ul.gallery3 li div.cont { margin:0 30px 0 270px; font-size:14px; color:#888; line-height:23px; } #contents ul.gallery3 li div.cont p.txt { margin-top:15px; } #contents ul.gallery3 li div.cont p.subject { overflow:hidden; height:46px; margin-top:10px; } #contents ul.gallery3 li div.cont p.subject a { color:#555; line-height:23px; } #contents ul.gallery3 li div.cont p.subject a:hover { font-weight:600; color:#333; } #contents div.use { position:relative; padding-right:600px; } #contents div.use div.img { position:absolute; top:6px; right:0; font-size:0; line-height:0; } #contents div.clean { padding:0 30px; border:1px solid #ddd; background:url('../images/rental/clean_bg.jpg') no-repeat center top; } #contents div.clean h5 { margin-top:35px; } #contents div.clean div.img { margin:80px 0 100px 0; font-size:0; line-height:0; text-align:center; } #contents div.position { margin-top:25px; padding:10px; background:url('../images/rental/position_bg.jpg') no-repeat center top; } #contents div.position div.bord { width:100%; padding:30px 0; border:1px solid #777; } #contents div.position div.bord div.bg { width:800px; margin:0 auto; padding:44px 0 43px 0; font-size:16px; color:#333; line-height:33px; text-align:center; background-color:#fff; } #contents div.position div.bord div.bg img { margin-right:10px; vertical-align:top; } #contents div.position div.bord div.bg a { margin-left:20px; display:inline-block; font-size:14px; font-weight:600; color:#fff; padding:0 20px; background-color:#ffa800; } #contents ul.search { overflow:hidden; margin-top:40px; padding:0 20px; border-top:2px solid #333; } #contents ul.search li { float:left; width:222px; padding:30px 15px; border-bottom:1px solid #ddd; } #contents ul.search li div.img { font-size:0; line-height:0; border:1px solid #ddd; } #contents ul.search li p.name { margin-top:15px; font-size:15px; color:#555; line-height:24px; text-align:center; } #contents ul.search li div.rental { margin-top:15px; font-size:12px; color:#555; line-height:25px; text-align:center; } #contents ul.search li div.rental img { margin:0 5px; vertical-align:top; } #contents ul.search li div.rental em { display:inline-block; margin:3px 0; } #contents ul.sitemap { overflow:hidden; } #contents ul.sitemap li { float:left; width:30%; margin:50px 0 0 5%; } #contents ul.sitemap li.first { margin:50px 0 0 0; } #contents ul.sitemap li:nth-child(1), #contents ul.sitemap li:nth-child(4) { clear:both; } #contents ul.sitemap li div { font-size:16px; font-weight:600; color:#fff; line-height:25px; padding:10px 0; text-align:center; background:url('../images/common/tab_bg.gif') repeat; } #contents ul.sitemap li ul.sub_gnb { } #contents ul.sitemap li ul.sub_gnb li { float:none; width:auto; margin:0; padding:15px 20px; border-bottom:1px solid #ddd; } #contents ul.sitemap li ul.sub_gnb li a { display:block; font-size:16px; font-weight:600; color:#555; line-height:25px; padding-left:19px; background:url('../images/common/con_bullet2.gif') no-repeat left 8px; } #contents ul.sitemap li ul.sub_gnb li a:hover { color:#ffa800; } #contents ul.sitemap li ul.sub_gnb li ul { margin:10px 0 0 19px;} #contents ul.sitemap li ul.sub_gnb li ul li { margin-top:5px; padding:0; border-bottom:none; } #contents ul.sitemap li ul.sub_gnb li ul li a { font-size:14px; font-weight:normal; color:#777; line-height:23px; padding-left:15px; background:url('../images/advice/bullet.png') no-repeat left 9px; } #contents ul.sitemap li ul.sub_gnb li ul li a:hover { font-weight:600; color:#333; background:url('../images/common/con_bullet.gif') no-repeat left 9px; } #contents div.policy2 { margin-top:30px; font-size:15px; color:#555; line-height:29px; padding:25px 30px; background-color:#f9f9f9; } #contents div.policy2 strong { font-weight:600; color:#333; } #contents div.docu { padding:0 30px 35px 30px; border:1px solid #ddd; } #contents div.docu h5 { margin-top:35px; } #contents div.program01 { display:none;} #contents div.program02 { display:none;} /* footer */ #footer { width:100%; border-top:1px solid #e5e5e5; } #footer div.wrap { position:relative; padding:25px 0; } #footer div.flogo { position:absolute; top:30px; left:0; font-size:0; line-height:0; } #footer div.fmenu { margin:0 0 0 300px; font-size:0; line-height:0; } #footer div.fmenu a { display:inline-block; margin-left:10px; padding-left:11px; font-size:14px; color:#666; line-height:23px; background:url('../images/common/fmenu_line.jpg') no-repeat left 6px; } #footer div.fmenu a.first { margin-left:0; padding-left:0; background:none; } #footer div.fmenu a:hover { font-weight:bold; color:#333; } #footer div.center { margin:7px 0 0 300px; font-size:0; line-height:0; } #footer div.center a { display:inline-block; margin:3px 6px 3px 0; padding:0 15px; font-size:12px; color:#666; line-height:27px; border:1px solid #d5d5d5; } #footer div.center a:hover { color:#333; border:1px solid #888; } #footer address { margin:10px 0 0 300px; font-size:11px; font-style:normal; color:#666; line-height:20px; } @media screen and (max-width:1300px) { .wrap { margin:0 auto; width:980px; } #header div.head { width:980px; } #header div.side { display:block; margin-top:6px; } #quick { display:none; } #gnb { display:none; } #main div.visual div.onoff { margin-left:-490px; } #main div.shortcut div.intro { width:26%; } #main div.shortcut ul.shortcut { width:74%; } #main div.shortcut ul.shortcut li div.icon img { height:95px; } #main div.boardwrap { width:980px; } #main div.boardwrap div.board { width:320px; margin:5px 20px 0 0; } #main div.boardwrap div.board div.img { margin:20px 8px 0 8px; font-size:0; line-height:0; } #main div.boardwrap div.board div.img img { width:100%; } #main div.boardwrap div.calendar { width:298px; } #main div.bg ul.tap li a { font-size:13px; line-height:44px; letter-spacing:-0.8px; } #main div.bg ul.center li { width:488px; } #main div.bg ul.center li div.img img { width:100%; } #main div.bg ul.center li div.infor { top:15px; left:15px; width:458px; height:254px; } #main div.bg ul.center li div.infor h3 { margin:15px 0 0 20px; padding-bottom:0; background:none; } #main div.bg ul.center li div.infor p.txt { margin:5px 0 0 20px; } #main div.bg ul.center li div.infor ul.tl { margin-top:10px; } #main div.bg ul.center li div.infor ul.tl li { float:left; } #main div.bg ul.center li div.infor ul.tl li.first { margin-left:20px; } #main div.bg ul.center li div.infor ul.cont { margin-top:10px; } #main div.bg ul.center li div.infor ul.cont li { float:left; width:200px; margin:2px 0; font-size:14px; color:#444; line-height:25px; } #main div.bg ul.center li div.infor ul.cont li.first { width:170px; margin:2px 0 2px 20px; } #main div.bg ul.center li div.infor div.btn { margin:10px 0 0 20px; } #main div.bg ul.center li div.infor div.btn a { line-height:31px; } #main div.gallery div.left { top:201px; left:50%; margin-left:-545px; } #main div.gallery div.right { top:201px; right:50%; margin-right:-545px; } #main div.gallery ul.gallery { width:980px; } #main div.gallery ul.gallery li { width:237px; } #main div.gallery ul.gallery li div.img img { width:100%; } #svisual div.wrap { margin-left:-490px; } #contents div.vision img { width:100%; } #contents div.his-tap div.tap a { margin-left:83px; } #contents div.history div.year { width:170px; } #contents div.history ul.cont { margin:20px 350px 0 200px; } #contents div.org img { width:100%; } #contents ul.sup_care li { min-height:286px; } #contents ul.sup_list li dt { width:18%; } #contents ul.sup_list li dd { width:50%;} #contents ul.sup_list li dd.center { width:32%; font-weight:bold; } #contents ul.tap li { width:19.6%; margin-left:0.5%; } #contents ul.tap li.first { width:19.6%; } #contents ul.tap li.width1 { width:49.75%; } #contents ul.tap li.width2 { width:49.75%; } #contents ul.tap li.width3 { width:33%; } #contents ul.tap li.width4 { width:33%; } #contents ul.tap li.width5 { width:33%; margin:0 0 5px 0; } #contents div.box_img img { width:100%; } #contents div.box_con ul li { width:100%; margin:0 0 30px 0; padding:0 0 0 187px; border-left:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents div.box_con ul li.first { margin:30px 0; padding:0 0 0 187px; border:none; } #contents div.box_con ul li.guide1 { width:100%; margin:30px 0; padding:0 0 0 187px; border:none; } #contents div.box_con ul li.guide2 { width:100%; } #contents div.box_con ul li.guide3 { width:100%; } #contents div.box_con ul li em { display:inline; } #contents div.center_tel ul { padding:40px 0 40px 0;} #contents div.center_tel ul li { width:100%; text-align:center; } #contents div.center_tel ul li.tel { padding:0 0 40px 20px; } #contents ul.curule li { width:325px; } #contents ul.curule li.first { width:326px; } #contents ul.curule li ul.txt { min-height:125px; } #contents ul.curule li .min { min-height:200px !important; } #contents p.txt1 em { display:inline; } #contents p.txt2 em { display:block; } #contents p.txt2 em.mg { display:inline; margin-left:0; } #contents div.image img { width:100%; } #contents ul.gallery li { width:48%; margin:40px 0 0 4%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents ul.gallery li div.img img { width:100%; } #contents ul.gallery2 li { width:23.5%; margin:40px 0 0 2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents ul.gallery2 li.first { margin:40px 0 0 0; } #contents ul.gallery2 li div.img img { width:100%; } #contents div.mapWrap div.img img { width:100%; } #contents div.mapWrap ul.list li { float:left; width:120px; margin-left:10px; font-size:0; line-height:0; } #contents div.mapWrap ul.list li.first { width:298px; margin-left:0; } #contents ul.join-step li { width:33%; margin-left:0.5%; } #contents ul.dep-step li { width:14%; margin-left:0.5%; } #contents div.illu { padding-left:300px; } #contents div.illu div.img { top:30px; } #contents div.illu div.img img { width:300px; } #contents div.illu p.txt em { display:inline; } #contents div.illu2 { padding-left:300px; } #contents div.illu2 div.img { top:30px; } #contents div.illu2 div.img img { width:300px; } #contents ul.process { overflow:hidden; margin-top:15px; } #contents ul.process li { width:16%; margin-left:0.8%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents ul.process li.last { width:32.8%; } #contents ul.process li p.name { font-size:14px; } #contents ul.process li p.name2 { margin:29px 0 29px 30px; font-size:14px; } #contents div.part img { width:100%; } #contents div.guide ul li { width:100%; margin:0 0 30px 0; padding:0 0 0 187px; border-left:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents div.guide ul li.first { margin:30px 0; padding:0 0 0 187px; border:none; } #contents div.guide ul li em { display:inline; } #contents dl.use dd { width:743px; } #contents ul.check li { width:244px; } #contents ul.check li.first { width:243px; } #contents ul.tap2 li { float:left; width:12.0625%; margin-left:0.5%; } #contents ul.tap2 li.first { width:12.0625%; } #contents div.use { padding-right:500px; } #contents div.clean div.img img { width:100%; } #contents ul.search { padding:0; } #contents ul.search li { width:18%; padding:30px 1%; border-bottom:1px solid #ddd; } #contents ul.search li div.img img { width:100%; } } @media screen and (max-width:980px) { .wrap { margin:0 auto; width:750px; } #header div.topwrap ul.lang { float:left; overflow:hidden; border-right:1px solid #e5e5e5; } #header div.topwrap div.search { display:none; } #header div.topwrap div.topmenu { display:none; } #header div.head { width:750px; } #header div.side { display:block; margin-top:6px; } #gnb { display:none; } #main div.visual { margin-top:97px;} #main div.visual div.onoff { margin-left:-375px; } #main div.shortcut div.intro { width:30%; } #main div.shortcut ul.shortcut { width:70%; padding-bottom:20px; } #main div.shortcut ul.shortcut li { width:25%; height:auto; } #main div.shortcut ul.shortcut li.first { margin-left:0; } #main div.boardwrap { width:750px; margin:30px auto 60px auto; } #main div.boardwrap div.board { float:none; width:100%; margin:30px 0 0 0; } #main div.boardwrap div.calendar { float:none; width:100%; margin-top:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #main div.bg ul.center li { float:none; width:100%; margin:0; } #main div.gallery div.left { top:195px; left:50%; margin-left:-430px; } #main div.gallery div.right { top:195px; right:50%; margin-right:-430px; } #main div.gallery ul.gallery { width:750px; } #main div.gallery ul.gallery li { width:181px; margin-left:6px; } #svisual div.wrap { margin-left:-375px; } #contents div.his-tap div.tap a { margin-left:50px; } #contents div.history ul.cont { margin:20px 0 0 200px; } #contents div.history div.img { position:static; margin:20px 0 0 200px; } #contents ul.sup_care li { width:100%; min-height:0; box-sizing:border-box; padding:40px 0 24px 40px; border:none; border-bottom:1px solid #ddd; } #contents ul.sup_care li.care03 { border-bottom:1px solid #ddd; } #contents div.sup img { width:100%; } #contents ul.sup_list li { padding:20px 0 20px 110px;} #contents ul.sup_list li dt { width:100%; } #contents ul.sup_list li dd { width:100%; padding:10px 0;} #contents ul.sup_list li dd.center { width:100%; font-weight:bold; } #contents ul.join_guide { overflow:hidden; padding:20px; border:1px solid #ddd; } #contents ul.join_guide li { border:none; width:100%; padding:10px 0 0 100px; text-align:left; line-height:23px; min-height:70px; box-sizing:border-box;} #contents ul.join_guide li.guide01 { background:url('../images/center/icon_join01.gif') no-repeat 20px; 21px; } #contents ul.join_guide li.guide02 { background:url('../images/center/icon_join02.gif') no-repeat 20px; 21px; } #contents ul.join_guide li.guide03 { background:url('../images/center/icon_join03.gif') no-repeat 20px; 21px; } #contents ul.join_guide li.arrow_black { text-indent:-9999px; overflow:hidden; border:none; background:url('../images/center/arrow_black.gif') no-repeat 30px 20px; transform: rotate(90deg);} #contents ul.join_guide li.arrow_blue { text-indent:-9999px; overflow:hidden; border:none; background:url('../images/center/arrow_blue.gif') no-repeat 30px 20px; transform: rotate(90deg); } #contents ul.curule li { overflow:hidden; float:none; width:100%; border-top:1px solid #ddd; border-left:none; } #contents ul.curule li.first { width:100%; border-top:none; } #contents ul.curule li div.arrow { display:none; } #contents ul.curule li ul.txt { min-height:0; } #contents ul.curule li ul.txt li { border:none; } #contents ul.curule li .min { min-height:0 !important; } #contents div.mapWrap ul.list li { float:none; width:auto; margin:10px 0 0 0; font-size:0; line-height:0; } #contents div.mapWrap ul.list li.first { width:auto; margin:0; } #contents div.loginwrap { width:750px; } #contents div.join { width:535px; padding:33px 0 0 215px; } #contents div.illu { min-height:0; padding:10px 20px; text-align:center; } #contents div.illu div.img { position:static; } #contents div.illu p.tit { margin-top:20px; } #contents div.illu p.txt { margin-top:10px; } #contents div.illu div.down-btn { text-align:center; } #contents div.illu div.go-btn { text-align:center; } #contents div.illu ul.bul_list li { margin-top:5px; text-align:left; } #contents div.illu2 { min-height:0; padding:10px 20px; text-align:center; } #contents div.illu2 div.img { position:static; } #contents div.illu2 p.tit { margin-top:20px; } #contents dl.use dt { float:none; width:100%; padding:15px 0 0 0; text-align:center; border-bottom:none; } #contents dl.use dt.first { border-top:2px solid #ffa800; } #contents dl.use dd { float:none; width:100%; margin-left:0; padding:0 0 15px 0; text-align:center; } #contents dl.use dd.first { border-top:none; } #contents ul.check li { width:186px; } #contents ul.check li.first { width:187px; } #contents ul.childcare { padding:35px 0; background:none #eeeef6; } #contents ul.tap2 li a { font-size:13px; } #contents div.application { padding:0; } #contents div.application div.calendar2 { position:static; width:100%; margin-top:30px; } #contents ul.gallery3 li { float:none; width:100%; } #contents div.use { padding-right:0; } #contents div.use div.img { position:static; margin-top:15px; } #contents div.position div.bord div.bg { width:650px; } } @media screen and (max-width:768px) { .wrap { width:auto; margin:0 20px; } .idxlink { display:block; } .mgtop1 { margin-top:25px !important; } .mgtop2 { margin-top:30px !important; } .mgtop3 { margin-top:15px !important; } .mgtop4 { margin-top:20px !important; } .mgtop5 { margin-top:10px !important; } .mgtop6 { margin-top:-15px !important; } .mgtop7 { margin-top:10px !important; } .mgtop8 { margin-top:20px !important; } #header div.topwrap ul.lang li img { height:18px; } #header div.topwrap ul.lang li a { padding:12px 8px; } #header div.topwrap ul.lang li a.language { padding:12px 8px; font-size:11px; line-height:18px; } #header div.topwrap div.parent { margin:8px 0; } #header div.topwrap div.parent a { display:block; padding:0 10px; font-size:11px; line-height:26px; } #header div.topwrap div.parent a img { height:16px; margin:5px 5px 5px 0; } #header ul.language { top:42px; left:90px; margin-left:0; width:68px; padding:5px 8px; } #header ul.language li { font-size:11px; } #header ul.language li a { line-height:20px; padding-left:9px; background:url('../images/common/language_bullet.jpg') no-repeat left 9px; } #header div.head { width:auto; margin:0 20px; padding:12px 0; } #header div.head h1 img { height:29px; } #header div.side { margin-top:4px; } #header div.side img { height:21px; } #main { margin-bottom:40px; } #main div.visual div.left { display:none; } #main div.visual div.right { display:none; } #main div.visual div.onoff { position:absolute; top:65px; left:20px; margin-left:0; height:12px; } #main div.visual div.onoff img { height:24px; } #main div.visual div.onoff a { margin-right:8px; } #main div.visual div.onoff a.on, #main div.visual div.onoff a:hover { margin-top:-12px; } #main div.visual div.v1 { height:302px; background:url('../images/main/visual1.jpg') no-repeat center top; background-size:1000px 302px; } #main div.visual p.typo1 { margin-top:90px; font-size:30px; line-height:39px; } #main div.visual p.typo1 strong { display:inline; background:none; } #main div.visual p.typo2 { margin-top:10px; font-size:12px; line-height:21px; } #main div.visual p.typo2 em { display:inline; } #main div.visual div.view { margin-top:15px; } #main div.visual div.view a { font-size:12px; line-height:29px; padding:0 12px; } #main div.shortcut { overflow:hidden; background:none #f5f5f5; } #main div.shortcut div.wrap { width:100%; margin:0; } #main div.shortcut div.intro { float:none; overflow:hidden; width:100%; height:auto; padding-bottom:20px; background:url('../images/main/menu_icon.png') no-repeat right bottom #ffa800; background-size:90px 69px; } #main div.shortcut div.intro div.subject { margin:15px 0 0 20px; font-size:12px; line-height:21px; padding-bottom:11px; background:url('../images/main/menu_line.jpg') no-repeat 1px bottom; background-size:35px 1px; } #main div.shortcut div.intro div.subject strong { font-size:22px; line-height:31px; } #main div.shortcut ul.shortcut { float:none; width:100%; padding-bottom:12px; } #main div.shortcut ul.shortcut li { width:25%; height:auto; } #main div.shortcut ul.shortcut li.first { margin-left:0; } #main div.shortcut ul.shortcut li div.icon { margin-top:15px; } #main div.shortcut ul.shortcut li div.icon img { height:70px; } #main div.shortcut ul.shortcut li p.name { margin-top:8px; font-size:11px; line-height:18px; } #main div.boardwrap { width:auto; margin:0 20px; } #main div.boardwrap div.board { margin:20px 0 0 0; } #main div.boardwrap div.board h2 { padding:0 0 10px 0; font-size:16px; line-height:29px; } #main div.boardwrap div.board h2 img { height:29px; margin-right:8px; } #main div.boardwrap div.board h2 a { top:4px; right:0; } #main div.boardwrap div.board h2 a img { height:21px; } #main div.boardwrap div.board div.img { margin:15px 0 0 0; } #main div.boardwrap div.board p.subject { height:22px; margin:10px 0 0 0; } #main div.boardwrap div.board p.subject a { font-size:13px; line-height:22px; } #main div.boardwrap div.board div.note { margin:5px 0 0 0; font-size:11px; line-height:20px; } #main div.boardwrap div.board ul.board { margin-top:10px; padding:10px 0; } #main div.boardwrap div.board ul.board li a { height:24px; font-size:11px; line-height:24px; } #main div.boardwrap div.board ul.board li em { font-size:11px; line-height:24px; } #main div.boardwrap div.calendar { margin-top:20px; } #main div.boardwrap div.calendar div.date { font-size:16px; line-height:36px; } #main div.boardwrap div.calendar div.date a.left { top:10px; left:10px; } #main div.boardwrap div.calendar div.date a.right { top:10px; right:10px; } #main div.boardwrap div.calendar ul.schedule li { height:24px; padding-left:62px; font-size:11px; line-height:24px; } #main div.boardwrap div.calendar ul.schedule li div.day { left:10px; width:40px; line-height:22px; } #main div.bg { margin-top:20px; padding:15px 0 20px 0; } #main div.bg h2 { font-size:20px; line-height:29px; } #main div.bg ul.tap { overflow:hidden; margin-top:15px; border-bottom:1px solid #ddd; } #main div.bg ul.tap li { width:50%; } #main div.bg ul.tap li a { font-size:12px; line-height:35px; border-bottom:none; } #main div.bg ul.tap li a.first2 { border-left:1px solid #ddd; } #main div.bg ul.tap li a.on, #main div.bg ul.tap li a:hover { line-height:36px; } #main div.bg ul.center { margin-top:0; border:none; } #main div.bg ul.center li div.infor { position:static; width:auto; height:auto; background:none; } #main div.bg ul.center li div.infor h3 { margin:15px 0 0 0; font-size:16px; line-height:25px; } #main div.bg ul.center li div.infor p.txt { margin:5px 0 0 0; font-size:12px; line-height:21px; } #main div.bg ul.center li div.infor ul.tl { margin-top:10px; } #main div.bg ul.center li div.infor ul.tl li { width:50%; font-size:12px; line-height:21px; } #main div.bg ul.center li div.infor ul.tl li.first { width:50%; margin-left:0; } #main div.bg ul.center li div.infor ul.tl li img { height:21px; margin-right:6px; } #main div.bg ul.center li div.infor ul.cont { margin-top:12px; padding:0; background:none; } #main div.bg ul.center li div.infor ul.cont li { width:50%; margin:3px 0; font-size:12px; line-height:21px; } #main div.bg ul.center li div.infor ul.cont li.first { width:50%; margin:3px 0; } #main div.bg ul.center li div.infor ul.cont li img { height:21px; margin-right:6px; } #main div.bg ul.center li div.infor div.btn { width:100%; margin:12px 0 15px 0; } #main div.bg ul.center li div.infor div.btn a { font-size:12px; line-height:31px; } #main div.gallery p.gallery { margin-top:25px; font-size:12px; line-height:21px; } #main div.gallery h2 { margin-top:0; font-size:20px; line-height:29px; } #main div.gallery div.left { position:absolute; top:15px; left:20px; margin-left:0; } #main div.gallery div.left img { height:20px; } #main div.gallery div.right { position:absolute; top:15px; right:20px; margin-right:0; } #main div.gallery div.right img { height:20px; } #main div.gallery ul.gallery { overflow:hidden; width:auto; margin:5px 10px 0 10px; } #main div.gallery ul.gallery li { float:left; width:48%; margin:10px 1% 0 1%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #main div.gallery ul.gallery li.first { margin:10px 1% 0 1%; } #main div.gallery ul.gallery li div.img { font-size:0; line-height:0; } #main div.gallery ul.gallery li p.subject { overflow:hidden; height:21px; margin:8px 0 0 8px; font-size:12px; line-height:21px; } #main div.gallery ul.gallery li div.date { position:relative; margin:4px 0 8px 8px; font-size:11px; line-height:20px; } #main div.gallery ul.gallery li div.date div.hit { position:absolute; top:0; right:8px; } #main div.gallery ul.gallery li div.date div.hit img { margin:6px 6px 0 0; vertical-align:top; } #svisual div.wrap { left:20px; margin-left:0; } #svisual div.loc { margin-top:25px; font-size:11px; line-height:20px; } #svisual div.loc em { margin:0 6px; } #svisual div.loc img { height:10px; margin-top:5px; } #svisual h2 { margin-top:30px; font-size:20px; line-height:29px; } #svisual h2 span { padding:0 10px 5px 0; background:url('../images/common/h2_bg.jpg') no-repeat 10px 10px; } #svisual div.visual1 { height:160px; background-size:1384px 160px; } #contents { margin-bottom:50px; } #contents h3 { margin-top:25px; font-size:24px; line-height:31px; padding-bottom:48px; letter-spacing:-0.3px; } #contents h3 a.prev { position:absolute; top:39px; left:0; font-size:12px; line-height:25px; } #contents h3 a.prev img { height:25px; margin-right:8px; } #contents h3 a.next { position:absolute; top:39px; right:0; font-size:12px; line-height:25px; } #contents h3 a.next img { height:25px; margin-left:8px; } #contents h3 a:hover { color:#222; } #contents h4 { margin-top:25px; font-size:16px; line-height:25px; padding-left:21px; background:url('../images/common/h4_bullet.jpg') no-repeat left 6px; } #contents h4 em { margin-left:8px; font-size:12px; } #contents h4.center { margin-top:30px; font-size:22px; line-height:29px; padding:0 0 10px 0; background-size:30px 1px; } #contents h5 { margin-top:20px; font-size:14px; line-height:23px; padding-left:21px; background-size:11px 11px; } #contents div.vision { margin-top:15px; padding:30px 0; } #contents p.txt1 { margin-top:10px; font-size:12px; line-height:21px; } #contents p.txt1 a { display:block; margin:0; } #contents div.bg1 { margin-top:25px; } #contents div.khu { padding:25px 0; } #contents div.khu img { width:100%; } #contents div.his-tap { display:none; } #contents div.history { min-height:0; margin-top:30px; border-top:none; } #contents div.history div.year { position:static; width:auto; padding:10px 0; font-size:18px; line-height:25px; text-align:center; border-bottom:1px solid #e5e5e5; } #contents div.history ul.cont { margin:10px 0 0 0; } #contents div.history ul.cont li { padding:5px 0 0 30px; font-size:12px; line-height:21px; } #contents div.history ul.cont li div.month { top:5px; } #contents div.history div.img { width:auto; margin:15px 0 0 0; } #contents div.history div.img img { width:100%; } #contents div.org { padding:0; border:none;} #contents ul.sup_care { margin-top:15px; } #contents ul.sup_care li { padding:15px 0 15px 15px; } #contents ul.sup_care li.care01 { background:url('../images/center/icon_sup01.gif') no-repeat 95% 55px; background-size:60px 60px; } #contents ul.sup_care li.care02 { background:url('../images/center/icon_sup02.gif') no-repeat 95% 55px; background-size:60px 60px; } #contents ul.sup_care li.care03 { background:url('../images/center/icon_sup03.gif') no-repeat 95% 55px; background-size:60px 60px; } #contents ul.sup_care li.care04 { background:url('../images/center/icon_sup04.gif') no-repeat 95% 55px; background-size:60px 60px; } #contents ul.sup_care li dt { margin:0 0 10px 0; font-size:16px; line-height:25px; } #contents ul.sup_care li dd { margin:5px 70px 0 0; font-size:12px; line-height:21px; padding-left:17px; background:url('../images/common/con_bullet2.gif') no-repeat left 6px; } #contents div.sup { margin-top:15px; padding:25px 10px 30px 10px; } #contents ul.sup_list li { padding:20px 0 20px 60px; } #contents ul.sup_list li.list01 { background:url('../images/center/icon_sup02_01.gif') no-repeat 0 11px; background-size:45px 45px; } #contents ul.sup_list li.list02 { background:url('../images/center/icon_sup02_02.gif') no-repeat 0 11px; background-size:45px 45px; } #contents ul.sup_list li.list03 { background:url('../images/center/icon_sup02_03.gif') no-repeat 0 11px; background-size:45px 45px; } #contents ul.sup_list li.list04 { background:url('../images/center/icon_sup02_04.gif') no-repeat 0 11px; background-size:45px 45px; } #contents ul.sup_list li.list05 { background:url('../images/center/icon_sup02_05.gif') no-repeat 0 11px; background-size:45px 45px; } #contents ul.sup_list li.list06 { background:url('../images/center/icon_sup02_06.gif') no-repeat 0 11px; background-size:45px 45px; } #contents ul.sup_list li.list07 { background:url('../images/center/icon_sup02_07.gif') no-repeat 0 11px; background-size:45px 45px; } #contents ul.sup_list li dt { font-size:14px; line-height:23px; } #contents ul.sup_list li dd { padding-top:5px; font-size:12px; line-height:21px; } #contents ul.sup_list li dd.center { padding:0; } #contents ul.sup_list li dd.center span { font-size:11px; margin-right:8px; line-height:21px; padding:0 10px; } #contents ul.tap { display:none; } #contents p.txt2 { margin-top:5px; font-size:12px; line-height:21px; } #contents ul.bul_list { margin-top:5px; } #contents ul.bul_list li { margin-top:5px; font-size:12px; line-height:21px; padding-left:13px; background:url('../images/common/con_bullet.gif') no-repeat left 8px; } #contents ul.bul_list li.mg { margin:10px 0; } #contents ul.bul_list li.mg2 { margin-top:10px; } #contents ul.bul_list li.mg3 { margin-top:5px; background:none; } #contents ul.bul_list li em.mg { margin-left:0; } #contents div.box_img { margin-top:10px;} #contents div.box_img p { margin-top:0; font-size:12px; line-height:31px; padding-left:10px; } #contents div.box_img p a { font-size:14px; width:31px; } #contents div.box_img p a.left { right:33px;} #contents div.box_con { overflow:hidden; border:1px solid #ddd; } #contents div.box_con ul li { float:left; position:relative; min-height:60px; margin:0 0 15px 0; padding-left:90px; font-size:12px; line-height:21px; } #contents div.box_con ul li.first { margin:15px 0; padding-left:90px; } #contents div.box_con ul li.guide1 { margin:15px 0; padding-left:90px; } #contents div.box_con ul li div.icon { left:15px; } #contents div.box_con ul li div.icon img { width:60px; } #contents div.box_con ul li span { display:block; margin:0 0 5px 0; font-size:16px; line-height:21px; } #contents ul.join_guide { margin-top:15px; padding:15px; } #contents ul.join_guide li { padding:0 0 0 58px; font-size:12px; line-height:20px; min-height:40px; } #contents ul.join_guide li.guide01 { background:url('../images/center/icon_join01.gif') no-repeat 0 0; background-size:43px 40px; } #contents ul.join_guide li.guide02 { background:url('../images/center/icon_join02.gif') no-repeat 0 12px; background-size:43px 40px; } #contents ul.join_guide li.guide03 { padding-top:10px; background:url('../images/center/icon_join03.gif') no-repeat 0 0; background-size:43px 40px; } #contents ul.join_guide li.arrow_black { min-height:32px; margin:0; padding:0 0 0 32px; background:url('../images/center/arrow_black.gif') no-repeat 11px 0; background-size:20px 20px; } #contents ul.join_guide li.arrow_blue { min-height:32px; margin:0; padding:0 0 0 32px; background:url('../images/center/arrow_blue.gif') no-repeat 0 0; background-size:20px 20px; } #contents div.center_tel { margin-top:20px; background:url('../images/center/line.gif') no-repeat; font-size:14px; color:#333; } #contents div.center_tel ul { padding:30px 0; } #contents div.center_tel ul li { text-align:left; } #contents div.center_tel ul li.tel { padding:0 0 0 0;} #contents div.center_tel ul li img { display:block; width:100%;} #contents div.center_tel span { display:block; margin:5px 0 10px 0; font-size:20px; font-weight:600; line-height:29px; padding-left:27px; padding-right:0; background:url('../images/center/icon_tel_blue.gif') no-repeat left 6px; } #contents ul.curule { margin-top:15px; } #contents ul.curule li p.name { margin-top:15px; font-size:16px; line-height:25px; } #contents ul.curule li div.icon { margin-top:15px; } #contents ul.curule li div.icon img { height:70px; } #contents ul.curule li ul.txt { margin-top:20px; padding:10px; } #contents ul.curule li ul.txt li { font-size:12px; line-height:21px; background:url('../images/common/con_bullet.gif') no-repeat left 8px; } #contents div.box_text { margin-top:20px; padding:11px; } #contents div.box_text ul.bul_list { margin:0; } #contents div.box_text ul.bul_list li { margin-top:10px; } #contents div.down-btn { margin-top:30px; } #contents div.down-btn a { display:block; width:300px; margin:10px auto 0 auto; font-size:12px; line-height:15px; border-bottom:2px solid #e0e0e0; } #contents div.down-btn a em { width:252px; padding:9px 0; } #contents div.down-btn a span { padding:10px 15px; } #contents div.down-btn a img { height:15px; vertical-align:top; } #contents div.image { margin-top:10px; } #contents div.calendar { margin-top:20px; } #contents div.calendar div.date { padding:10px 0; font-size:14px; line-height:27px; } #contents div.calendar div.date span { font-size:18px; padding-left:5px; } #contents div.calendar div.date a { width:25px; height:25px; line-height:23px; margin-right:0; } #contents div.calendar div.date a img { height:15px; } #contents div.calendar div.date a.left { margin-right:20px;} #contents div.calendar div.date a.right { margin-left:20px;} #contents div.go-btn { margin-top:30px; } #contents div.go-btn a { display:block; width:300px; margin:10px auto 0 auto; font-size:12px; line-height:15px; padding:10px 0; letter-spacing:-0.3px; border-bottom:2px solid #e0e0e0; } #contents div.go-btn a img { height:15px; margin-left:10px; } #contents div.button { margin:30px auto 0 auto; } #contents div.button a { width:100px; font-size:12px; line-height:35px; } #contents div.page { margin-top:30px; } #contents div.page a { width:24px; } #contents div.page a.page { font-size:12px; line-height:24px; } #contents div.page img { height:24px; } #contents div.search { margin-top:30px; padding:10px 0; font-size:12px; line-height:25px; } #contents div.search select { width:80px; height:25px; font-size:12px; padding-left:0px; } #contents div.search input { width:90px; height:19px; font-size:12px; } #contents div.search a { width:60px; font-size:12px; line-height:25px; } #contents ul.gallery { margin-top:20px; padding-bottom:20px; } #contents ul.gallery li { float:none; width:100%; margin:10px 0 0 0; border:1px solid #ddd; } #contents ul.gallery li.first { margin:20px 0 0 0; } #contents ul.gallery li p.subject { font-size:12px; line-height:21px; padding:10px 0; } #contents ul.gallery2 { margin-top:20px; padding-bottom:20px; } #contents ul.gallery2 li { width:48%; margin:10px 1% 0 1%; } #contents ul.gallery2 li.first { margin:10px 1% 0 1%; } #contents ul.gallery2 li p.subject { font-size:12px; line-height:21px; padding:10px 0; } #contents div.location { margin-top:30px; font-size:12px; line-height:21px; padding:10px 0; } #contents div.location em { display:block; } #contents div.location span.mg { margin-left:0; } #contents div.mapWrap { margin-top:15px; } #contents div.mapWrap ul.list { display:none; } #contents ul.map-guide { width:100%; } #contents ul.map-guide li { position:relative; min-height:0; margin-top:30px; } #contents ul.map-guide li div.utilize { position:static; width:auto; padding:10px; font-size:13px; line-height:50px; } #contents ul.map-guide li div.utilize img { height:50px; margin-right:10px; } #contents ul.map-guide li ul.route { margin-left:0; } #contents ul.map-guide li ul.route li { padding:5px 0 5px 10px; font-size:12px; line-height:21px; } #contents p.txt3 { margin-top:15px; font-size:11px; line-height:20px; } #contents p.txt3 em { margin-left:0; } #contents p.txt4 { margin-top:5px; font-size:11px; line-height:20px; } #contents div.loginwrap { width:auto; margin:30px auto 0 auto; padding:0; border:none; } #contents div.loginwrap div.login { position:relative; width:auto; } #contents div.loginwrap div.login input { width:100%; height:35px; font-size:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents div.loginwrap div.login p.mg { margin-top:8px; } #contents div.loginwrap div.login a { position:static; display:block; width:100%; margin-top:8px; font-size:14px; line-height:37px; } #contents div.loginwrap div.find { width:auto; margin:20px auto 0 auto; padding-top:15px; font-size:12px; line-height:21px; text-align:center; border-top:1px solid #ddd; } #contents div.loginwrap div.find em { float:none; } #contents div.loginwrap div.find a { float:none; display:block; width:140px; margin:8px auto 0 auto; padding:0; } #contents div.join { width:auto; height:auto; margin-top:20px; padding:15px 5px; font-size:12px; line-height:22px; text-align:center; background:none #f0f0f0; border:1px solid #ddd; } #contents div.join a { position:static; display:block; width:140px; margin:8px auto 0 auto; padding:0; line-height:29px; } #contents ul.join-step { margin-top:30px; } #contents ul.join-step li { font-size:12px; line-height:41px; } #contents ul.dep-step li { font-size:12px; line-height:41px; } #contents ul.join-step li img { height:21px; margin:10px 5px 0 0; } #contents div.policy { height:100px; margin-top:10px; padding:10px; } #contents div.assent { margin-top:10px; font-size:12px; line-height:21px; text-align:center; } #contents div.assent input { margin:4px 5px 0 8px; } #contents div.assent em { display:none; } #contents div.assent2 { margin-top:20px; font-size:12px; line-height:21px; } #contents div.assent2 input { margin:4px 5px 0 8px; } #contents div.finish { margin-top:30px; padding:20px; } #contents div.finish p.tit { font-size:18px; line-height:27px; } #contents div.idpw { margin-top:0; padding-bottom:0; border:none; background:none; } #contents div.idpw div.tit { width:auto; margin:25px auto 0 auto; font-size:14px; line-height:23px; padding-bottom:10px; } #contents div.idpw div.login { position:relative; width:auto; margin-top:15px; } #contents div.idpw div.login input { width:100%; height:35px; font-size:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents div.idpw div.login p.mg { margin-top:8px; } #contents div.idpw div.login a { position:static; display:block; width:100%; margin-top:8px; font-size:14px; line-height:37px; } #contents div.idpw div.login a.pw { line-height:37px; } #contents div.commu { min-height:0; margin-top:15px; padding:15px; } #contents div.commu div.icon { position:static; text-align:center; } #contents div.commu div.icon img { height:80px; } #contents div.commu p.tit { margin:10px 0; font-size:12px; line-height:21px; } #contents div.illu { margin-top:30px; padding:10px; } #contents div.illu div.img img { width:200px; } #contents div.illu p.tit { margin-top:5px; font-size:18px; line-height:27px; } #contents div.illu p.txt { margin-top:5px; font-size:12px; line-height:21px; } #contents div.illu p.txt em.space { display:block; height:5px; } #contents div.illu div.down-btn { margin:10px 20px; } #contents div.illu div.down-btn a { margin:0 auto; } #contents div.illu div.go-btn { margin:10px 20px; } #contents div.illu div.go-btn a { width:auto; margin:5px 0 0 0; } #contents div.illu div.go-btn a.first { margin:5px 0 0 0; } #contents div.illu ul.bul_list { margin:10px 0; } #contents div.illu2 { margin-top:30px; padding:10px; } #contents div.illu2 div.img img { width:200px; } #contents div.illu2 p.tit { margin-top:5px; font-size:18px; line-height:27px; } #contents ul.process { margin-top:5px; } #contents ul.process li { width:48%; margin:10px 1% 0 1%; padding:10px 0; } #contents ul.process li.first { margin:10px 1% 0 1%; } #contents ul.process li.last { width:98%; margin:10px 1% 0 1%; } #contents ul.process li div.icon { margin:10px 0; } #contents ul.process li div.icon img { height:60px; } #contents ul.process li p.no { font-size:13px; line-height:22px; } #contents ul.process li p.name { font-size:12px; line-height:21px; } #contents ul.process li p.name2 { margin:10px 15px; font-size:12px; line-height:21px; } #contents div.part { padding:30px 0 40px 0; background:url('../images/information/dotted_lines.jpg') repeat-x left bottom; } #contents div.book { margin-top:10px; padding-top:25px; background:url('../images/information/dotted_lines.jpg') repeat-x left top; } #contents div.book span { padding-bottom:25px; background:url('../images/information/dotted_lines.jpg') repeat-x left bottom; } #contents div.book img { width:100%; max-width:350px; } #contents div.guide { margin-top:20px; } #contents div.guide ul li { position:relative; min-height:60px; margin:0 0 15px 0; padding:0 5px 0 90px; font-size:12px; line-height:21px; } #contents div.guide ul li.first { margin:15px 0; padding-left:90px; } #contents div.guide ul li div.icon { left:15px; } #contents div.guide ul li div.icon img { width:60px; } #contents div.guide ul li p.tit { margin:0 0 5px 0; font-size:16px; line-height:21px; } #contents div.guide ul li div.go-btn { margin-top:10px; } #contents div.guide ul li div.go-btn a { display:inline-block; width:auto; font-size:12px; } #contents div.enter { margin-top:30px; padding:8px; background-size:800px 154px; } #contents div.enter div.bord { padding:20px 0; font-size:13px; line-height:22px; } #contents div.enter div.bord strong { margin-bottom:5px; font-size:18px; line-height:27px; } #contents ul.rule { margin-top:15px; padding:10px; border:5px solid #eee; } #contents ul.rule li { font-size:12px; line-height:21px; padding-left:13px; background:url('../images/common/con_bullet.gif') no-repeat left 8px; } #contents ul.rule li em { margin:5px 0; font-size:11px; line-height:20px; } #contents dl.use { margin-top:10px; } #contents dl.use dt { padding:8px 0 0 0; font-size:12px; line-height:21px; } #contents dl.use dd { padding:0 0 8px 0; font-size:12px; line-height:21px; } #contents div.change { margin-top:10px; padding:10px 0; font-size:13px; line-height:22px; } #contents ul.check { margin-top:15px; } #contents ul.check li { width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #contents ul.check li.first { width:50%; } #contents ul.check li.first2 { width:50%; border-left:1px solid #ddd; } #contents ul.check li.first2 { width:50%; border-left:1px solid #ddd; } #contents ul.check li.first2 div.arrow { display:none; } #contents ul.check li div.arrow { left:-10px; margin-top:-10px; } #contents ul.check li div.arrow img { height:20px; } #contents ul.check li a { padding:20px 0; } #contents ul.check li div.icon img { height:60px; } #contents ul.check li p.name { margin-top:10px; font-size:14px; line-height:23px; } #contents ul.program { margin-top:10px; } #contents ul.program li { min-height:0; padding:15px 0; text-align:center; border-bottom:1px solid #ddd; } #contents ul.program li div.img { position:static; } #contents ul.program li p.tit { margin-top:10px; font-size:14px; line-height:23px; } #contents ul.program li p.txt { margin-top:5px; font-size:12px; line-height:21px; } #contents ul.childcare { height:auto; margin-top:15px; padding:0; background:none #fff; } #contents ul.childcare li { float:left; width:49%; margin-left:2%; padding:0; box-shadow:none; } #contents ul.childcare li.first { margin-left:0; } #contents ul.childcare li div.img img { width:100%; } #contents ul.childcare li p.name { margin-top:5px; font-size:12px; line-height:21px; } #contents ul.tap2 { display:none; } #contents div.application div.calendar2 { margin-top:20px; } #contents div.application div.calendar2 div.date { font-size:16px; line-height:17px; } #contents div.application div.calendar2 div.date a { margin:0 20px; } #contents ul.gallery3 { overflow:hidden; margin-top:20px; border-top:2px solid #333; } #contents ul.gallery3 li { min-height:0; padding:8px 0 15px 0; } #contents ul.gallery3 li div.img { top:13px; } #contents ul.gallery3 li div.img img { height:80px; } #contents ul.gallery3 li div.cont { margin:0 0 0 140px; font-size:12px; line-height:17px; } #contents ul.gallery3 li div.cont p.txt { margin-top:5px; } #contents ul.gallery3 li div.cont p.subject { height:34px; margin-top:5px; } #contents ul.gallery3 li div.cont p.subject a { line-height:17px; } #contents div.use div.img img { width:100%; max-width:420px; } #contents div.clean { padding:0 15px; background-size:750px 433px;} #contents div.clean h5 { margin-top:20px; } #contents div.clean div.img { margin:30px 0 40px 0; } #contents div.position { margin-top:15px; padding:8px; background-size:800px 123px; } #contents div.position div.bord { padding:0; border:none; } #contents div.position div.bord div.bg { width:auto; padding:10px 0 10px 0; font-size:12px; line-height:21px; } #contents div.position div.bord div.bg img { display:none; } #contents div.position div.bord div.bg a { display:inline-block; font-size:11px; margin:10px 0 5px 0; line-height:24px; } #contents ul.search { margin-top:20px; } #contents ul.search li { width:48%; padding:15px 1%; } #contents ul.search li p.name { margin-top:5px; font-size:12px; line-height:21px; } #contents ul.search li div.rental { margin-top:5px; font-size:11px; line-height:20px; } #contents ul.search li div.rental img { height:20px; margin:0 5px 0 0; } #contents ul.search li div.rental em { margin:2px 0; } #contents ul.sitemap li { float:none; width:100%; margin:30px 0 0 0; } #contents ul.sitemap li.first { margin:30px 0 0 0; } #contents ul.sitemap li:nth-child(1), #contents ul.sitemap li:nth-child(4) { clear:none; } #contents ul.sitemap li div { font-size:14px; line-height:23px; padding:8px 0; } #contents ul.sitemap li ul.sub_gnb li { padding:10px 10px; } #contents ul.sitemap li ul.sub_gnb li a { font-size:13px; line-height:22px; padding-left:17px; background:url('../images/common/con_bullet2.gif') no-repeat left 7px; } #contents ul.sitemap li ul.sub_gnb li ul { margin:3px 0 0 17px;} #contents ul.sitemap li ul.sub_gnb li ul li { margin-top:3px; } #contents ul.sitemap li ul.sub_gnb li ul li a { font-size:12px; line-height:21px; padding-left:13px; background:url('../images/advice/bullet.png') no-repeat left 8px; } #contents ul.sitemap li ul.sub_gnb li ul li a:hover { background:url('../images/common/con_bullet.gif') no-repeat left 8px; } #contents div.policy2 { margin-top:20px; font-size:12px; line-height:21px; padding:10px 15px; } #contents div.docu { padding:0 15px 20px 15px; } #contents div.docu h5 { margin-top:20px; } #footer div.wrap { padding:15px 0; } #footer div.flogo { display:none; } #footer div.fmenu { margin:0; text-align:center; } #footer div.fmenu a { margin-left:8px; padding-left:9px; font-size:11px; line-height:20px; background:url('../images/common/fmenu_line.jpg') no-repeat left 5px; } #footer div.center { margin:8px 0 0 0; text-align:center; } #footer div.center a { display:inline-block; margin:2px; padding:0 15px; font-size:11px; line-height:24px; } #footer address { margin:8px 0 0 0; text-align:center; } } @media screen and (max-width:480px) { .wrap { width:auto; margin:0 10px; } #header ul.language { left:80px; } #header div.head { width:auto; margin:0 10px; } #main div.visual div.onoff { left:10px; } #main div.boardwrap { margin:0 10px; } #svisual div.wrap { left:10px; } }