@charset "utf-8";

.mobileSlide,
.mobilePaging,
.pcV,.mobileV{display:none;}

/* Pc <--> Mobile */
.viewV{position:absolute; top:70px; right:0;}
.viewV button{color:#929cab; background-color:none; font-size:16px; padding:10px 20px 10px 40px; border:1px solid #929cab; border-radius:20px;}
.viewV button.mobileV{background:url(/images/mobileV.jpg)no-repeat left 16px center;}
.viewV button.pcV{background:url(/images/pcV.jpg)no-repeat left 16px center;}

/* layout */
html{scroll-behavior: smooth;}
#skipNavi a{display:inline-block;position:fixed;left:0;top:-9999px;padding:10px 30px;font-size:15px;color:#fff;background:#1a1a1a;}
#skipNavi a:focus{top:0;}
#btnTop{position:fixed; right: 100px; bottom: 100px;z-index: 99999;}
.mainSlide .swiper-container{text-align:center;}
/* common */
.onlyMobile{display:none;}
input[type='radio']{width:22px; height:22px; position: relative; border:1px solid #ccc;}
input[type='radio']:before{content:''; position:absolute; left:50%; top:50%; background:#cccccc; width:8px; height:8px; transform: translate(-50%,-50%); border-radius: 50%;;}
input[type='radio']:checked{border:1px solid #0e84ce;}
input[type='radio']:checked:before{background:#0e84ce; border:4px solid #fff;}
#header{margin-top:30px;}
#header .headerTop{height:75px; box-sizing: border-box ; border-bottom:1px solid #eaeaea; position: relative;}
#header .logo{position:absolute; left:0; top:15px;}
#header .logo a{display: block; background: url(/images/mainLogo.jpg)no-repeat left center; text-indent: -9999px; width:265px; height:41px; }
#header .headerTopRight{position:absolute; right:0; top:35px;}
#header .headerTopRight a{display:inline-block; font-family: 'scdream'; font-weight: 400; padding-left: 25px; font-size:13px; color:#666666; background-repeat: no-repeat; background-position: left center; margin-right:30px;}
#header .headerTopRight a.home{background-image: url(/images/headerHome.jpg);}
#header .headerTopRight a.join{background-image: url(/images/headerJoin.jpg);}
#header .headerTopRight a.logout,
#header .headerTopRight a.login{background-image: url(/images/headerLogin.jpg); margin-right: 0;}
#gnb{height:60px; font-family: 'scdream';position: relative; z-index: 9999;}
#gnb .inner{height:100%;}
#gnb .onedepth{display:flex; height:100%; align-items: center; justufy-content:space-around;}
#gnb .onedepth > li{position: relative;z-index: 999; padding:0 40px; text-align:center;}
#gnb .onedepth > li > a{display: block; font-size:19px;}
#gnb .onedepth > li.point > a{color:#fff !important; background:#0e84ce; border-radius: 40px; padding:8px 15px;}
#gnb .onedepth > li > .twodepth{display: none; width: 100%; height:390px; position: absolute; text-align: center; top:70px; left: 0;}
#gnb .onedepth > li > .twodepth:after{content: ''; position: absolute; background: #f2f2f2; width:1px; height:100%; right:0; top:0;}
#gnb .onedepth > li:last-child > .twodepth:after{display: none;}
#gnb .onedepth > li > .twodepth li a{display: inline-block; margin: 10px 0;}
#gnb .onedepth > li > .twodepth li a:hover{color:#0e84ce; text-decoration: underline; box-sizing: border-box;}
#gnb .gnbBg{display: none; background:#fff url(/images/gnbBg.jpg)no-repeat center bottom; width:100%; height:450px; position: absolute; left: 0; top: 60px; border-top:1px solid #eaeaea}

.mainVisual{position:relative;}
.mainVisual .oneSlide{background:#e3f1fc; height:580px; position:relative; overflow: hidden;}
.mainVisual .oneSlide:after{content: ''; position:absolute; right:30%;  background: url(/images/earth.png)no-repeat; width:490px; height: 600px; animation-duration: 2s; animation-name: wave; bottom:-90px;}
.mainVisual .oneSlide:before{content:''; position:absolute; left: 0; top:0; bottom: 0; right: 0; background: url(/images/mainvisualBefore.png)no-repeat; animation-duration: 2.3s; animation-name: opacity;}
.mainVisual .oneSlide .visualText{max-width:1900px; padding:140px 0 0 350px; margin:0 auto; position:relative; z-index:9; text-align:left;}
.mainVisual .oneSlide .visualText strong{display:block; font-family: 'scdream'; font-size:52px; color:#0e84ce; padding-bottom: 20px; font-weight: 400;}
.mainVisual .oneSlide .visualText strong em{font-size: 56px; font-weight: 600;}
.mainVisual .oneSlide .visualText p{font-size: 21px; color:#292929; line-height: 160%; font-family: 'scdream';}
.mainVisual img{width:100%;}
.visualRight{position:absolute; right:30px; top:80px; z-index:9;}
.visualRight a{display:block; width:114px; height:108px; text-indent: -9999px; margin-bottom: 5px;}
.visualRight a.right01{background:url(/images/visualRIght01.png)no-repeat center;}
.visualRight a.right02{background:url(/images/visualRIght02.png)no-repeat center;}
.visualRight a.right03{background:url(/images/visualRIght03.png)no-repeat center; margin-bottom: 0;}

.quickMenu{position:relative; z-index:999;}
.quickMenu ul{display:flex; padding:0 100px; margin:-110px -7.5px 100px -7.5px;}
.quickMenu ul li{padding:0 7.5px; width:16.6666%;}
.quickMenu ul li a{display:block; text-align: center; color:#fff; padding:110px 0 30px 0; box-sizing:border-box; height:170px; border-radius: 30px; font-size: 19px; font-family: 'scdream';}
.quickMenu ul li a:hover{transition: all 0.3s; animation:aniIcon 0.5s 1;}

.quickMenu ul li.list01 a{background:#0e84ce url(/images/quickMenu01.jpg)no-repeat center top 30px;}
.quickMenu ul li.list02 a{background:#2eb5ed url(/images/quickMenu02.jpg)no-repeat center top 30px;}
.quickMenu ul li.list03 a{background:#0e84ce url(/images/quickMenu03.jpg)no-repeat center top 30px;}
.quickMenu ul li.list04 a{background:#2eb5ed url(/images/quickMenu04.jpg)no-repeat center top 30px;}
.quickMenu ul li.list05 a{background:#0e84ce url(/images/quickMenu05.png)no-repeat center top 30px;}
.quickMenu ul li.list06 a{background:#2eb5ed url(/images/quickMenu06.jpg)no-repeat center top 30px;}

.section01{padding-bottom: 100px;}
.section01 .inner{display:flex;}
.section01 .inner > div{width:40%;}
.section01 .inner > div.left{margin-right: 80px; width:60%;}
.section01 .tabBar{height:58px;}
.section01 .tabBar::after{content: ''; background:#0076c0; width:100%; position: absolute; left: 0; bottom: 0; height:2px}
.section01 .tabBar:before{background:#0076c0; bottom:-2px;}
.section01 .tabBar > li > a{width:170px; height:56px; line-height: 56px; margin-right: 5px; background:#ededed; color:#767676; border-radius: 10px 10px 0 0; font-size:21px}
.section01 .tabBar > li > a:after{display: none;}
.section01 .tabBar > li.active > a{color:#0076c0; border:2px solid #0076c0; background:#fff; border-bottom: none; position: relative;}
.section01 .tabBar > li.active:before{content:''; height:2px; position:absolute; left:2px; right:6px; bottom:-2px; background: #fff;}
.section01 .tabBar > li:first-child.active:before{left:0;}
.section01 .noticeWrap{padding: 30px 30px 30px 125px; margin-left: 10px; box-sizing: border-box; background:url(/images/noticeIcon.png)no-repeat left center; border-bottom: 1px dashed #cfcfcf;}
.section01 .noticeWrap strong{display: block; padding-bottom: 15px; font-size: 23px; letter-spacing: -1px; word-break: break-all;}
.section01 .noticeWrap span{font-size: 20px;}
.section01 .tabList{ margin: 20px; max-height: 160px;}
.section01 .tabList li{position:relative; font-size: 20px; padding-left: 15px; line-height: 200%;}
.section01 .tabList li:before{content: ''; position: absolute; left: 0; top: 18px; width:4px; height:4px; background:#0076c0; border-radius: 50%;;}
.section01 .tabContent{position:relative;}
.section01 .tabContent .more{position:absolute; right: 4px; top:4px; background:url(/images/tabMoreIcon.png)no-repeat; width:47px; height:47px; text-indent: -9999px;}

.section01 .right{overflow: hidden;}
.section01 .right h3{font-size: 26px; padding-bottom: 20px; margin-top:10px; font-family: 'scdream';}
.section01 .right{position: relative;;}
.section01 .swiper-pagination{right:30px; top:20px; left: auto; bottom: auto; width:auto;}
.section01 .swiper-pagination-bullet{width:16px; height:16px; border-radius: 50%; border:2px solid #767676; background:#fff; box-sizing: border-box;}
.section01 .swiper-pagination-bullet-active{border:none; background:#0076c0;}
.section01 .controls{position:absolute; right:10px; top:21px;}
.section01 .controls div{display: none; text-indent: -9999px; cursor: pointer;}
.section01 .controls div.active{display:block;}
.section01 .controls .swiper-pause{background: url(/images/newsPause.jpg)no-repeat center; width:9px; height:14px; }
.section01 .controls .swiper-play{background: url(/images/newsPlay.jpg)no-repeat center; width:11px; height:14px; }
.section01 .swiper-slide,
.section01 .swiper-wrapper,
.section01 .swiper-container{position:static; overflow: visible;}
.section01 .swiper-container a{display: block; border:3px solid #d4d4d4; box-sizing:border-box; border-radius:30px; overflow:hidden;}
.section01 .swiper-container img{width: 100%; height:340px;}

.section02{background:#efefef; position: relative; padding-bottom: 80px;}
.section02 h3{display: block; text-align: center; font-size: 34px; padding:70px 0 30px 0; font-family: 'scdream';}
.section02 h3 em{font-weight: bold;}
.section02 ul{display: flex; justify-content: flex-start; margin: 0 -8px;}
.section02 ul li{text-align: center; width:25%; padding:0 16px; box-sizing: border-box;}
.section02 ul li div{background:#fff; border-radius: 10px; border:1px solid #b0b0b0; box-sizing:border-box; padding:15px;}
.section02 ul li img{display: block; width: 100%; height:240px; border:1px solid #b8b8b8;}
.section02 ul li strong{display: block; text-align:center;  font-size: 17px;  line-height: 160%; margin:8px; letter-spacing: -1px; text-overflow: ellipsis; overflow:hidden; white-space:normal; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.section02 ul li span{display: block; font-size: 16px; color:#0e84ce; padding-bottom:10px; text-align:center;}
.section02 .more{position:absolute; right: 0; top:80px; background: url(/images/photoMore.png)no-repeat center; width:46px; height:44px; text-indent: -9999px;}

.section03 .bannerSlide{height:110px; padding-right: 160px; position: relative;}
.section03 .bannerSlide .swiper-container{height:100%;position:static;}
.section03 .bannerSlide .swiper-slide{text-align: center; align-items: center;}
.section03 .bannerSlide .swiper-slide a{display: flex; height: 100%; align-items: center; justify-content: center; position:relative;}
.section03 .bannerSlide .swiper-slide a:after{content:''; position:absolute; right: 0; top:50%; transform: translateY(-50%); background:#e6e7e2; width:2px; height:18px;}
.section03 .bannerSlide .swiper-slide:first-child a:before{content:''; position:absolute; left: 0; top:50%; transform: translateY(-50%); background:#e6e7e2; width:2px; height:18px;}
.section03 .bannerSlide .swiper-button-prev{background:url(/images/bannerPre.png)no-repeat center; width:41px; height:42px; left:auto; right: 100px; top:60px;}
.section03 .bannerSlide .swiper-button-next{background: url(/images/bannerNext.png)no-repeat center;width:41px; height:42px;right:50px; top:60px;}
.section03 .bannerSlide .controls{ position: absolute; right: 0; top:38px; text-indent: -9999px;}
.section03 .bannerSlide .controls div{display: none; cursor: pointer;}
.section03 .bannerSlide .controls div.active{display: block;}
.section03 .bannerSlide .controls .swiper-pause{background: url(/images/bannerPause.png)no-repeat; width:41px; height:42px;}
.section03 .bannerSlide .controls .swiper-play{background: url(/images/bannerPlay.jpg)no-repeat; width:41px; height:42px;}

#footer{background:#153258; padding:40px 0 100px 0; box-sizing: border-box;}
#footer .addressWrap{padding-left:320px;}
#footer .addressWrap p{color:#929cab; line-height: 160%;;}
#footer .addressWrap .address span{display:inline-block; padding-right: 16px;; color:#65a5e1;}
#footer .addressWrap .address a{display:inline-block; padding-right: 8px; color:#929cab; font-weight:600;}
#footer .addressWrap .address a:first-child:after{content:'l'; padding-left:10px; }
#footer .addressWrap .address:nth-child(2){ padding-top:10px;}
#footer .addressWrap .copy{display: block; }
#footer .logo{position: absolute; background:url(/images/fotterLogo.png)no-repeat center; text-indent: -9999px; width:250px; height:42px;}
#footer .socialWrap{position:absolute; right: 0; top:0; display: flex;}
#footer .socialWrap a{text-indent: -9999px; display: block; margin-right: 18px;}
#footer .socialWrap a.kakao{background: url(/images/kakaoIcon.png)no-repeat; width:41px; height:42px;}
#footer .socialWrap a.youtube{background:url(/images/youtubeIcon.png)no-repeat; width:39px; height:39px;}
#footer .socialWrap a.insta{background:url(/images/instaIcon.png)no-repeat;width:39px; height:39px; margin-right: 0;}
#footer .socialWrap a.kakao:hover{background-image:url(/images/kakaoIconOn.jpg);}
#footer .socialWrap a.youtube:hover{background-image:url(/images/youtubeIconOn.jpg);}
#footer .socialWrap a.insta:hover{background-image:url(/images/instaIconOn.png);}

/* subContent */
.subcontent{position: relative;}
.subcontentTop{background:url(/images/subvisual01.jpg)no-repeat center; height:300px;}
.subcontentTop.menu2{background:url(/images/subvisual02.jpg)no-repeat center;}
.subcontentTop.menu3{background:url(/images/subvisual03.jpg)no-repeat center;}
.subcontentTop.menu4{background:url(/images/subvisual04.jpg)no-repeat center;}
.subcontentTop.menu5{background:url(/images/subvisual05.jpg)no-repeat center;}
.subcontentTop.menu6{background:url(/images/subvisual07.jpg)no-repeat center;}
.subcontentTop.menu7{background:url(/images/subvisual06.jpg)no-repeat center;}
.subcontentTop h2{display: block; text-align: center; font-family: 'scdream'; font-size:40px; font-weight: 600; color:#134b98; padding-top: 110px;}
.subcontent > .inner > .tabContent{margin-top: -50px;}
.subcontent .tabContent.type2{margin:0;}
.subcontent .content{padding-bottom: 180px;}
.subcontent h4{font-family: 'scdream'; font-size: 26px; color:#000; padding-top: 10px; position: absolute; left:0; top: 0;;}
.subcontent h4:before{content: ''; position: absolute; left:0; top:0; background: url(/images/sub/h4Title.jpg)no-repeat; width:28px; height:3px}
.subcontent h4 span{display:block; font-size:16px; font-weight:normal; margin-top:4px;}
.subcontent .h4Content{padding:0 0 70px 320px; position:relative;}
.subcontent .h4Content.pbNone,
.subcontent .h4Content:last-child{padding-bottom:0;}
.subcontent .h4Content > div{padding-top:12px;}
.subcontent .h4Content > div > p{font-size:18px; line-height:140%;}
.subcontent .h4Content > div > strong.title{display:block; font-size:20px; font-weight:bold; margin-bottom:15px;}
.subcontent .h4Content > div > strong.blue{display:block; font-size:22px; color:#134b98; margin-bottom:15px; font-weight:bold;}
.subcontent .h4ContentDouble{display:flex; }
.subcontent .h4ContentDouble .h4Content{width:50%; padding:0 0 70px 140px; box-sizing:border-box; margin-bottom:400px;}
.subcontent .h4ContentDouble .h4Content p{line-height:200%;}
.subcontent .h4ContentDouble .h4Content span.space{padding:0 40px;}
.subcontent .h4ContentDouble .h4Content .map{position:absolute !important; left:0;}

.subcontent .h4ContentDouble2{display:flex; }
.subcontent .h4ContentDouble2 .h4Content{width:50%; padding:0 0 70px 140px; box-sizing:border-box; margin-bottom:400px;margin-top:30px;}
.subcontent .h4ContentDouble2 .h4Content p{line-height:200%;}
.subcontent .h4ContentDouble2 .h4Content span.space{padding:0 40px;}
.subcontent .h4ContentDouble2 .h4Content .map{position:absolute !important; left:0;}

.subcontent .h4ContentDouble.map{flex-wrap:wrap;}

.subcontent h5{font-size:20px; color:#0e84ce; padding:4px 0 0 40px; position:relative; font-weight:600;}
.subcontent h5:before{position:absolute; left:0; top:0; width:30px; height:30px; background:#0e84ce; color:#fff; line-height:30px; text-align:center; border-radius:50%;}
.subcontent h5.num1:before{content:'1';}
.subcontent h5.num2:before{content:'2';}
.subcontent h5.num3:before{content:'3';}
.subcontent h5.num4:before{content:'4';}
.subcontent h5.num5:before{content:'5';}
.subcontent .h5Content{padding:35px 0 35px 30px;}
.subcontent b.subTitle{display:block; font-size:24px; color:#134b98; font-family:'scdream'; padding-bottom:35px;}

.location{padding:50px; text-align:center;}
.location h3{font-family: 'scdream'; font-size: 37px; color:#000;}
.location ul{display:flex; justify-content: center; padding-top: 20px; align-items:center;}
.location ul li{padding-right: 30px; background: url(/images/sub/locationArrow.jpg)no-repeat right 10px center; font-size: 14px; color:#777; font-weight: 400;}
.location ul li:last-child{padding: 0; background: none;}

/* depth3 */
.tabBar.m7 .tab1 span{background-image:url(/images/sub/m7_sub6_1_off.jpg);}
.tabBar.m7 .tab1.active span{background-image:url(/images/sub/m7_sub6_1_on.jpg);}
.tabBar.m7 .tab2 span{background-image:url(/images/sub/m7_sub6_2_off.jpg);}
.tabBar.m7 .tab2.active span{background-image:url(/images/sub/m7_sub6_2_on.jpg);}
.tabBar.m7 .tab3 span{background-image:url(/images/sub/m7_sub6_3_off.jpg);}
.tabBar.m7 .tab3.active span{background-image:url(/images/sub/m7_sub6_3_on.jpg);}
.tabBar.m7 .tab4 span{background-image:url(/images/sub/m7_sub6_4_off.jpg);}
.tabBar.m7 .tab4.active span{background-image:url(/images/sub/m7_sub6_4_on.jpg);}
.tabBar.m7_1 .tab1 span{background-image:url(/images/sub/personalOff.jpg);}
.tabBar.m7_1 .tab1.active span{background-image:url(/images/sub/personalOn.jpg);}
.tabBar.m7_1 .tab2 span{background-image:url(/images/sub/agencyOff.jpg);}
.tabBar.m7_1 .tab2.active span{background-image:url(/images/sub/agencyOn.jpg);}

/* login */
.loginBox{ border:1px solid #e0e0e0; border-radius: 20px; padding:60px 160px 45px 160px; text-align: center;} 
.loginBox .loginBoxTop{display: inline-block;; padding:20px 0 20px 150px; background: url(/images/sub/loginIcon.jpg)no-repeat left center; }
.loginBox .loginBoxTop strong{display: block; font-family: 'NanumSquare'; font-size: 54px; color:#0e84ce; font-weight: 600; text-align: left;}
.loginBox .loginBoxTop p{text-align:left; line-height: 140%; font-size: 15px; color:#878787;}

.loginform{ padding:30px 150px 50px 0; display: block;}
.loginform form{display: inline-block; position: relative;}
.loginform div{display: flex; align-items: center; justify-content: center;}
.loginform div label{display: inline-block; font-size:20px; width:100px; text-align: left; font-family: 'NanumSquare'; font-weight: 600;}
.loginform div input{width:485px; height: 55px; border-radius: 10px; border: 1px solid #cccccc; font-size:18px;}
.loginform .id{margin-bottom: 10px;}
.loginform a{position: absolute; right: -150px; top: 0; width:140px; height:120px; background:#134b98; border-radius: 10px; color:#fff; display: flex; align-items: center; justify-content: center; font-family: 'NanumSquare'; font-weight: 600; font-size: 20px;}

.loginBoxBottom{padding-top: 40px; border-top:1px solid #e0e0e0; margin:0 170px;}
.loginBoxBottom ul{display: flex; justify-content: center; align-items: center;}
.loginBoxBottom ul li{padding:0 20px 0 80px; text-align: left;}
.loginBoxBottom ul li:first-child{background: url(/images/sub/newJoinIcon.jpg)no-repeat left center;}
.loginBoxBottom ul li:last-child{background: url(/images/sub/findIdPw.jpg)no-repeat left 15px center;}
.loginBoxBottom ul li a{display: inline-block;  font-weight: 600; font-size: 19px; margin-bottom: 15px; padding-right:30px ; background: url(/images/sub/loginArrow.jpg)no-repeat right center;}
.loginBoxBottom ul li span{display: block; font-size: 14px; color:#555555;}

/* join */
.joinWrap{}
.joinWrap .joinStep{display: flex; align-items: center; justify-content: center; margin-bottom: 50px;}
.joinWrap .joinStep li{padding:0 20px; font-size: 20px;}
.joinWrap .joinStep li.active {color:#134b98; font-weight: 600;}
.joinWrap .joinStep li span{display: inline-flex; align-items: center; justify-content: center; width:42px; height: 42px; color:#555; text-align: center; background:#ededed; border-radius: 50%; margin-right: 15px; }
.joinWrap .joinStep li.active span{background:#134b98; color:#fff;}
.joinWrap .joinStatus{display: flex; align-items: center; justify-content: center; margin:0 -15px;}
.joinWrap .joinStatus li{width:33.333%; text-align: center; padding:0 15px;}  
.joinWrap .joinStatus li div{display: flex; align-items: center; justify-content: center; border:1px solid #e0e0e0; height:138px; border-radius: 10px;}
.joinWrap .joinStatus li.active div{border:1px solid #0e84ce;}
.joinWrap .joinStatus li input[type='checkbox']{display:none;}
.joinWrap .joinStatus li label{display: inline-block; padding:20px 0 20px 80px; font-size:22px; cursor: pointer;}
.joinWrap .joinStatus li.active label{color:#0e84ce; font-weight: 600;}
.joinWrap .joinStatus li.list01 label{background: url(/images/sub/joinStatusOff_01.jpg)no-repeat left center;}
.joinWrap .joinStatus li.list02 label{background: url(/images/sub/joinStatusOff_02.jpg)no-repeat left center;}
.joinWrap .joinStatus li.list03 label{background: url(/images/sub/joinStatusOff_03.jpg)no-repeat left center;}
.joinWrap .joinStatus li.active.list01 label{background: url(/images/sub/joinStatusOn_01.jpg)no-repeat left center;}
.joinWrap .joinStatus li.active.list02 label{background: url(/images/sub/joinStatusOn_02.jpg)no-repeat left center;}
.joinWrap .joinStatus li.active.list03 label{background: url(/images/sub/joinStatusOn_03.jpg)no-repeat left center;}
.joinWrap .bottomText{display:block; font-size:15px; text-align:right; color:#cc3a00; padding-top: 10px;}
.joinWrap .topText{display: block; text-align: right; padding-bottom: 5px; font-size: 15px;;}
.joinWrap .succeccBox{background:#fff; text-align: center;  border-radius: 10px;; box-sizing: border-box; padding:0 190px; margin-bottom: 60px;}
.joinWrap .succeccBox > div{border:1px solid #e0e0e0; padding:50px 0; border-radius: 10px;}
.joinWrap .succeccBox em{display:block; font-family: 'scdream'; font-size:28px; font-weight:500; margin-bottom:10px; padding-top: 130px; background:url(/images/sub/joinSuccessIcon.jpg)no-repeat center top;}
.joinWrap .succeccBox span{display: block; font-family: 'scdream'; font-size: 20px; font-weight: 400; margin-bottom: 35px;}
.joinWrap .succeccBox ul{display:inline-block;  text-align: left; background:#f8f8f8; padding:30px 170px 20px 170px; border-radius: 10px;}
.joinWrap .succeccBox ul li{ color:#0076c0; margin-bottom: 10px; font-size:20px;}
.joinWrap .succeccBox ul li b{position: relative; width: 135px; display: inline-block; padding-left: 10px; margin-right:10px; box-sizing: border-box; font-size: 20px; color:#111; font-weight: normal; text-align:left;}
.joinWrap .succeccBox ul li b:before{content: ''; position: absolute; width: 3px; height: 3px; background: #0076c0; left: 0;top: 8px;}
.joinWrap .succeccBox ul li b:after{content:':'; position:absolute; right:0; top:-2px; }
.joinWrap .idFindWrap{border:1px solid #e0e0e0; border-radius: 10px;margin:0 190px; text-align:center; padding:60px 0; margin-bottom: 70px;}
.joinWrap .idFindWrap p{font-family: 'scdream'; font-size: 20px; line-height: 180%; font-weight: 400; padding-bottom: 50px;}
.joinWrap .idFindWrap div{margin-bottom: 8px;}
.joinWrap .idFindWrap div:last-child{margin: 0;}
.joinWrap .idFindWrap div span{display: inline-block; text-align: left;  width:100px; font-size: 20px;;}
.joinWrap .idFindWrap div input{width:480px; height:55px; border-radius: 10px;;}

.agree{margin-bottom:30px;border:1px solid #dfdfdf; border-radius: 6px; padding:10px;}
.agree .agreeCon strong {display: block; margin-bottom: 20px; font-size: 16px;}
.agree .agreeCon{display:block;padding:20px;width:100%;height:210px;box-sizing:border-box;overflow-y:auto;border:0px none;line-height:140%; border-radius: 6px 6px 0 0;}
.agree .agreeCon em{margin: 0 0 10px; font-size: 15px; color: #333; font-weight: 500;}
.agree .agreeCon p{margin:7px 0; line-height:150%;}
.agree .agreeCon ol > li{display:list-item;list-style:decimal;padding:2px 0;}
.agree .agreeCon .staff{display:block;margin-top:10px;}
.agree .agreeCon .tableBox.info table th,
.agree .agreeCon .tableBox.info table td{padding:5px 10px;}
.agree .agreeCon .emContent{margin:0 0 10px 30px;}
.agree .agreeCon .emContent .listMinus li{font-size:17px; margin-bottom:0;}
.agree .agreeCheck{padding:20px 0 20px 30px; margin:0 -10px -10px -10px; text-align:center;border-top:1px solid #dfdfdf;background:#f8f8f8; border-radius: 0 0 6px 6px;}
.agree .agreeCheck label{display:inline-block;vertical-align:middle;}
.agree .agreeCheck label.last{padding-right:0;}
.allAgreeBox{text-align:center; border:1px solid #e0e0e0; border-radius: 4px;  padding:26px !important;}
.allAgreeBox label{font-size: 18px;}
.allAgreeBox input[type='checkbox']{width:22px; height: 22px; border-radius: 4px; }



/* Àå³­°¨ µµ¼­°ü */
.toySearchWrap .title{padding-left:150px; background:url(/images/sub/toySearchIcon.jpg)no-repeat left 20px top; padding-bottom:30px;}
.toySearchWrap .title strong{display:block; font-size:17px; margin-bottom:10px;}
.toySearchWrap .title span{display:block; font-size:15px; line-height:160%;}

.toySearchBox{display:flex; height:90px; align-items:center; justify-content:center; background:#efefef;}
.toySearchBox select{width:130px; height:40px; border-radius:4px; margin-right:4px;}
.toySearchBox span{display:inline-block; padding:0 10px 0 15px; font-weight:bold; font-size:17px;}
.toySearchBox input[type='text']{width:350px; border-radius:4px; height:40px; margin-right:4px;}
.toySearchBox a{text-align:center; height:40px; line-height:40px; border-radius:4px;}
.toySearchBox a.search{width:80px; color:#fff; background:#134b98; margin-right:4px;}
.toySearchBox a.entire{width:90px; color:#134b98; background:#fff; border:1px solid #134b98; box-sizing:border-box;}

.toyList ul{display:flex; flex-wrap:wrap; justify-content: flex-start; align-items:center; padding-top:40px;}
.toyList ul li{padding:0 15px; box-sizing:border-box; width:20%; margin-bottom:40px;}
.toyList ul li > a{display:block; border:1px solid #e4e4e4; border-radius:8px 8px 60px 8px; overflow:hidden; box-sizing:border-box;}
.toyList ul li .imgBox{padding:20px; box-sizing:border-box;}
.toyList ul li .imgBox img{width:100%;height:170px;}
.toyList ul li .txtBox{background:#f8f8f8; text-align:center;}
.toyList ul li .txtBox strong{display:block; padding:30px 0 20px 0; font-size:20px; font-weight:bold; padding:10px 0; height:50px;}
.toyList ul li .txtBox span{display:inline-block; width:90px; height:30px; line-height:30px; font-size:14px; text-align:center; border-radius:20px; margin-bottom:25px;}
.toyList ul li .txtBox span.status01{color:#df2f00; border:1px solid #df2f00;}
.toyList ul li .txtBox span.status02{color:#fff; background:#07a28a;}

.toyViewWrap{display:flex; }
.toyViewWrap .imgBox{width:530px; height:450px; border:1px solid #e4e4e4; border-radius:8px 8px 60px 8px; padding:90px; box-sizing:border-box; box-sizing:border-box; margin-right:50px;}
.toyViewWrap .imgBox img{width:210px;}
.toyViewWrap .listDot li span{ display:inline-block; padding-left:20px; font-size:15px;}

/* ±â°ü¼Ò°³ */
.introduceWrap .top{position:relative; padding-bottom:70px;}
.introduceWrap .top .txtBox{position:absolute; padding:65px 65px 0 65px; background:#fff; right:40px; top:120px;}
.introduceWrap .top .txtBox:after{content:''; position:absolute; right:150px; top:-100px; background:url(/images/sub/introduceBg.jpg)no-repeat; width:310px; height:170px;}
.introduceWrap .top .txtBox strong{display:block; margin-bottom:20px; font-family:'scdream'; font-size:32px; color:#0e84ce; line-height:160%;}
.introduceWrap .top .txtBox p{font-size:24px; color:#0e84ce; line-height:150%; font-weight:400;}
.introduceWrap .bottom{padding:0 40px;}
.introduceWrap .bottom p{font-size:18px; line-height:160%;}
.introduceWrap .bottom ul{padding:50px 0; display:flex; margin:0 -10px;}
.introduceWrap .bottom ul li{width:16.666666%; text-align:center; padding:0 10px;}
.introduceWrap .bottom ul li a{display:block; font-size:18px; height:200px; padding-top:130px; box-sizing:border-box; background-repeat:no-repeat; background-position:center top 30px; background-color:#f5f5f5; border-radius:20px }
.introduceWrap .bottom ul li.item01 a{background-image:url(/images/sub/introduceIcon01.jpg)}
.introduceWrap .bottom ul li.item02 a{background-image:url(/images/sub/introduceIcon02.jpg)}
.introduceWrap .bottom ul li.item03 a{background-image:url(/images/sub/introduceIcon03.jpg)}
.introduceWrap .bottom ul li.item04 a{background-image:url(/images/sub/introduceIcon04.jpg)}
.introduceWrap .bottom ul li.item05 a{background-image:url(/images/sub/introduceIcon05.jpg)}
.introduceWrap .bottom ul li.item06 a{background-image:url(/images/sub/introduceIcon06.jpg)}

.yearWrap > div{position:relative; margin-bottom:80px; display:flex;}
.yearWrap > div:last-child{margin-bottom:0;}
.yearWrap > div:after{content:''; display:block; clear:both;}
.yearWrap > div > strong{display:block;  font-size:40px; font-weight:600; color:#0e84ce; padding-top:10px; position:absolute; left:50%; transform:translateX(-50%); background:url(/images/sub/h4Title.jpg)no-repeat top center;}
.yearWrap > div .left{ position:relative; margin-top:100px;}
.yearWrap > div .left > strong{display:block; position:relative; font-family:'scdream'; font-size:28px; color:#134b98; padding:0 90px 20px 0;}


.yearWrap > div .left > ul{display:block; padding-right:100px;}
.yearWrap > div .left > ul li{margin-bottom:20px;}
.yearWrap > div .left > ul li:last-child{margin-bottom:0;}
.yearWrap > div .left > ul li strong{display:inline-block; position:relative; font-size:18px; font-weight:bold; padding-bottom:10px; padding-left:20px; min-width:180px;}
.yearWrap > div .left > ul li strong:after{content:''; position:absolute; background:#0e84ce; width:4px; height:4px; border-radius:50%; left:0; top:6px;}
.yearWrap > div .left > ul li span{display:inline-block; padding-left:20px; font-size:17px;}
.yearWrap > div .left .imgWrap{position:absolute; right:-770px; top:60px; padding-right:50px;}
.yearWrap > div .left .imgWrap ul{display:flex;}
.yearWrap > div .left .imgWrap ul li:first-child{margin-right:20px;}
.yearWrap > div .left:nth-child(4){margin-top:-60px;}
.yearWrap > div .left:nth-child(4) .imgWrap{top:200px;}
/* .yearWrap > div .right{ border-left:1px solid #e4e4e4; text-align:left; position:relative;}
.yearWrap > div .right > strong{display:block;  font-family:'scdream';position:relative; font-size:28px; color:#134b98; padding:0 0 20px 90px;}
.yearWrap > div .right > strong:after{content:''; position:absolute; width:60px; height:1px; left:20px; top:15px; border-top:2px dashed #f0f0f0;}
.yearWrap > div .right > strong:before{content:''; position:absolute; background:url(/images/sub/yearCicle.jpg)no-repeat; width:36px; height:36px; left:-18px; top:-2px;}
.yearWrap > div .right > ul{display:block; padding-left:100px;}
.yearWrap > div .right > ul li{margin-bottom:20px;}
.yearWrap > div .right > ul li:last-child{margin-bottom:0;}
.yearWrap > div .right > ul li strong{display:block; position:relative; font-size:18px; font-weight:bold; padding-bottom:10px;}
.yearWrap > div .right > ul li strong:after{content:''; position:absolute; background:#000; width:4px; height:4px; border-radius:50%; left:-13px; top:6px;}
.yearWrap > div .right > ul li span{font-size:17px;} */

.mapContent{padding-left:450px; background:url(/images/mainLogo.jpg)no-repeat left 20px top;}
.mapContent > ul{padding-bottom:30px; border-bottom:1px solid #e4e4e4;}
.mapContent > ul li{margin-bottom:10px;}
.mapContent > ul li strong{display:inline-block; font-family:'scdream'; font-size:20px;  width:90px;}
.mapContent > ul li p{display:inline-block; font-size:18px;}
.mapContent .way{padding-top:50px;}
.mapContent .way > ul{display:flex; justify-content:flex-start;}
.mapContent .way > ul > li{width:50%;}
.mapContent .way > ul > li em{display:block; padding:15px 0 15px 75px; font-family:'scdream'; font-size:26px; color:#2eb5ed; margin-bottom:25px;}
.mapContent .way > ul > li.bus em{background:url(/images/sub/busIcon.jpg)no-repeat left center;}
.mapContent .way > ul > li.subway em{background:url(/images/sub/subwayIcon.jpg)no-repeat left center;}
.mapContent .way > ul > li strong{display:block; padding-bottom:10px; font-size:18px; font-weight:bold;}
.mapContent .way > ul > li ul.blueDot{margin-bottom:40px;}
.mapContent .way > ul > li ul.blueDot:last-child{margin-bottom:0px;}
.mapContent .way > ul > li ul.blueDot li{font-size:18px; margin-bottom:5px; padding-left:20px; position:relative;}
.mapContent .way > ul > li ul.blueDot li:before{content:''; position:absolute; width:4px; height:4px; background:#0076c0; border-radius:50%; left:0; top:6px;}

.membershipWrap p.phone{padding:5px 0 5px 40px; background:url(/images/sub/memberPhoneIcon.jpg)no-repeat left center;}
.memberNum{display:flex; justify-content:space-between;}
.memberNum li{display:flex; align-items:center; position:relative;}
.memberNum li:first-child:after{content:''; position:absolute; right:-110px; top:50%; transform:translateY(-50%); width:46px; height:46px;background:url(/images/sub/plusIcon.jpg)no-repeat;}
.memberNum li img{padding-right:15px;}
.memberNum li strong{display:block; padding-right:10px; font-size:26px;}
.memberNum li strong span{font-size:17px;}
.memberNum li em{width:150px; height:150px; line-height:150px; color:#fff; text-align:center; font-size:32px; border-radius:50%;}
.memberNum li em.sky{background:#2eb5ed;}
.memberNum li em.blue{background:#0e84ce;}

.organizationWrap{text-align:center; margin-bottom:100px}
.organizationWrap > div > div{display:inline-block; position:relative; }
.organizationWrap a{display:inline-block; position:relative; color:#fff; font-size:20px; width:240px; height:90px; line-height:90px; text-align:center; border-radius:20px; background:#134b98; z-index:9999;}
.organizationWrap .or1,
.organizationWrap .or2,
.organizationWrap .or3,
.organizationWrap .or4{margin-bottom:40px;}
.organizationWrap .or1 ul{position:absolute; right:-320px; top:0;}
.organizationWrap .or2 ul{position:absolute; left:-320px; top:0;}
.organizationWrap .or2 a{background:#0e84ce;}
.organizationWrap .or2 ul a,
.organizationWrap .or3 a,
.organizationWrap .or4 a{background:#2eb5ed;}
.organizationWrap .or5 ul{display:flex; justify-content:center;}
.organizationWrap .or5 ul li{padding:0 10px; box-sizing:border-box;}
.organizationWrap .or5 ul li a{height:auto; background:inherit; line-height:inherit; border:1px solid #07a28a;}
.organizationWrap .or5 ul li a strong{display:flex; justify-content:center; align-items:center; border-radius:16px 16px 0 0; background:#07a28a; height:65px; position:relative;}
.organizationWrap .or5 ul li:last-child a {border:1px solid #28a648;}
.organizationWrap .or5 ul li:last-child a strong{background:#28a648;}
.organizationWrap .or5 ul li a p{display:flex; justify-content:center; align-items:center; color:#222; height:80px; line-height:140%;}
.organizationWrap .or6 ul{display:flex; justify-content:center; margin-top:100px; position:relative;}
.organizationWrap .or6 ul li{padding:0 5px;}
.organizationWrap .or6 ul li a{width:220px; background:#71767e;}
.organizationWrap .or1 > div > a:after{content:''; position:absolute; right:-100px; top:50%; transform:translateY(-50%); width:100px; height:2px; background:#e4e4e4;}
.organizationWrap .or1 > div > a:before{content:''; position:absolute; right:50%; bottom:-631px; transform:translateX(-50%); width:2px; height:631px; background:#e4e4e4;}
.organizationWrap .or2 > div > a:after{content:''; position:absolute; left:-100px; top:50%; transform:translateY(-50%); width:100px; height:2px; background:#e4e4e4;}
.organizationWrap .or5 ul li a strong:after{content:''; position:absolute; width:20px; height:2px; background:#e4e4e4; right:-21px; bottom:0;}
.organizationWrap .or5 ul li:last-child a strong:after{display:none;}
.organizationWrap .or6 ul li a:after{content:''; position:absolute; width:2px; height:46px; background:#e4e4e4; right:50%; top:-46px; transform:translateX(-50%);}
.organizationWrap .or6 ul:after{content:''; position:absolute; left:13.5%; right:13.7%; top:-46px;height:2px; background:#e4e4e4;}

/* Á¶Á÷µµ¼öÁ¤ */
.organizationWrap{text-align:center; margin-bottom:100px}
.organizationWrap > div > div{display:inline-block; position:relative; }
.organizationWrap a{display:inline-block; position:relative; color:#fff; font-size:20px; width:200px; height:70px; line-height:70px; text-align:center; border-radius:50px; background:#19519e; cursor:inherit;}
.organizationWrap .or1{padding-top:50px; margin-bottom:100px;}
.organizationWrap .or1_1{padding:0 300px;}
.organizationWrap .or4{padding:0 300px 0 500px; margin-top:40px;}
.organizationWrap .or1_1 > div{display:block; position:relative;}
.organizationWrap .or1_1 > div:after{content:''; display:block; clear:both;}
.organizationWrap .or1_1 > div:before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:2%; right:2%; height:2px; background:#e4e4e4;}
.organizationWrap .or1_1 ul.left{float:left;}
.organizationWrap .or1_1 ul.right{float:right;}
.organizationWrap .or1_1 ul a{background:#7fb1e0;}
.organizationWrap .or2,
.organizationWrap .or3,
.organizationWrap .or4{margin-bottom:40px;}
.organizationWrap .or4 > a:before{content:''; position:absolute; right:-45px; background:#e4e4e4; bottom:-96px; width:2px; height:82px;}
.organizationWrap .or4 > a:after{content:''; position:absolute; right:-45px; background:#e4e4e4; bottom:-55px; width:144px; height:2px;}
.organizationWrap .or4:after{content:''; display:block; clear:both;}
.organizationWrap .or4 ul.right{float:right; padding-top:50px;}
.organizationWrap .or4 ul li:first-child{margin-bottom:10px;}
.organizationWrap .or1 ul{position:relative;}
.organizationWrap .or1 ul.left:after{content:''; position:absolute; width:2px; background:#e4e4e4; top:24%; bottom:23%; right:-40px;}
.organizationWrap .or1 ul.left:before{content:''; position:absolute; width:60px; height:2px; background:#e4e4e4; top:50%; right:-100px; transform:translateY(-50%);}
.organizationWrap .or1 ul.right:after{content:''; position:absolute; width:2px; background:#e4e4e4; top:24%; bottom:23%; left:-40px;}
.organizationWrap .or1 ul.right:before{content:''; position:absolute; width:60px; height:2px; background:#e4e4e4; top:50%; left:-100px; transform:translateY(-50%);}
.organizationWrap .or1 ul li:first-child{padding-bottom:10px;}
.organizationWrap .or1 ul li a{background:#7fb1e0; position:relative;}
.organizationWrap .or1 ul.right{position:absolute; right:-300px; top:-40px;}
.organizationWrap .or1 ul.left{position:absolute; left:-300px; right:auto; top:-40px;}
.organizationWrap .or1 ul.left a:after{content:''; position:absolute; right:-40px; top:50%; transform:translateY(-50%); background:#e4e4e4; width:40px; height:2px;}
.organizationWrap .or1 ul.right a:after{content:''; position:absolute; left:-40px; top:50%; transform:translateY(-50%); background:#e4e4e4; width:40px; height:2px; z-index:-1;}
.organizationWrap .or4 ul.right a:after{content:''; position:absolute; left:-55px; top:50%; transform:translateY(-50%); background:#e4e4e4; width:55px; height:2px;}
.organizationWrap .or2 ul{position:absolute; left:320px; top:0;}
.organizationWrap .or2 a{background:#0e84ce;}
.organizationWrap .or2 ul a,
.organizationWrap .or3 a,
.organizationWrap .or4 a{background:#7fb1e0;}
.organizationWrap .or4 > a{background:#4c87d8;} 
.organizationWrap .or5 ul{display:flex; justify-content:center; margin:0 -10px;}
.organizationWrap .or5 ul li{padding:0 10px; box-sizing:border-box;}
.organizationWrap .or5 ul li a{height:auto; background:inherit; line-height:inherit; border:1px solid #0e84ce;}
.organizationWrap .or5 ul li a strong{display:flex; justify-content:center; align-items:center; border-radius:16px 16px 0 0; background:#0e84ce; height:40px; position:relative;}
.organizationWrap .or5 ul li:last-child a {border:1px solid #0e84ce;}
.organizationWrap .or5 ul li:last-child a strong{background:#0e84ce;}
.organizationWrap .or5 ul li a p{display:flex; justify-content:center; align-items:center; color:#222; height:80px; line-height:140%;}
.organizationWrap .or5 ul li:last-child a p{flex-direction:column;}
.organizationWrap .or6 ul{display:flex; justify-content:space-between; margin-top:100px; position:relative;}
.organizationWrap .or6 ul li{width:16.666%; box-sizing:border-box; padding:0 5px;}
.organizationWrap .or6 ul li a{width:100%; background:#999ea6; height:60px; line-height:60px;}
.organizationWrap .or1 > div > a:after{display:none;content:''; position:absolute; right:-100px; top:50%; transform:translateY(-50%); width:100px; height:2px; background:#e4e4e4;}
.organizationWrap .or1 > div > a:before{content:''; position:absolute; right:48.4%; bottom:-633px; transform:translateX(-50%); width:2px; height:633px; background:#e4e4e4;}
.organizationWrap .or2 > div > a:after{content:''; position:absolute; left:-100px; top:50%; transform:translateY(-50%); width:100px; height:2px; background:#e4e4e4;}
.organizationWrap .or5 ul li a strong:after{content:''; position:absolute; width:20px; height:2px; background:#e4e4e4; right:-21px; bottom:0; z-index:-1;}
.organizationWrap .or5 ul li:last-child a strong:after{display:none;}
.organizationWrap .or6 ul li a:after{content:''; position:absolute; width:2px; height:46px; background:#e4e4e4; right:50%; top:-46px; transform:translateX(-50%);}
.organizationWrap .or6 ul:after{content:''; position:absolute; left:8.3%; right:8.4%; top:-46px;height:2px; background:#e4e4e4;}
.organizationWrap .or5 ul li{width:16.66666%;}
.organizationWrap .or5 a{width:100%;}
.organizationWrap .or5 ul li a{border-radius:25px; overflow:hidden;}

/* 20240724 Ãß°¡ */
.organizationWrap .or4 > a{display:inline-flex;justify-content:center;align-items:center;line-height:140%;}
.organizationWrap .or5 > ul{position:relative;}
.organizationWrap .or5 > ul:before{content:'';position:absolute;left:8.3%;right:8.3%;top:-20px;height:2px;background:#e4e4e4;}
.organizationWrap .or5 > ul > li{position:relative;}
.organizationWrap .or5 > ul > li:before{content:'';position:absolute;left:50%;top:-20px;width:2px;height:20px;background:#e4e4e4;}
.organizationWrap .or5 > ul > li:nth-child(4):before{display:none;}

/* 20241224 Ãß°¡ */
.organizationWrap .or5 ul{margin:0 -5px;}
.organizationWrap .or5 ul li{padding:0 5px;}
.organizationWrap .or5 > ul:before{left:7.14%;right:7.14%;}
.organizationWrap .or5 > ul > li{width:calc(100% / 7);}
.organizationWrap .or5 ul li a{background:#fff;}
.organizationWrap .font14{font-size:14px !important;}

.otrganiztionTop{margin-bottom:30px;}
.otrganiztionTop {position:relative;}
.otrganiztionTop:after{content:''; position:absolute; background:#e4e4e4; width:2px; height:60px; left:50%; bottom:-80px;}
.organizationWrap > div.or1 > div{display:table; margin:0 auto;}
.organizationWrap > div.or1 > div > a{display:table-cell; vertical-align:middle; line-height:140%;}


.organizationContent{padding-top:30px;}
.organizationContent > div{margin-bottom:60px;}
.organizationContent > div:last-child{margin:0;}

/*.organizationContent > div > strong{display:block; font-size:22px; color:#134b98; margin-bottom:10px; font-weight:600;}*/

.organizationContent > div > strong{display:flex; font-size:22px; color:#134b98; margin-bottom:10px; font-weight:600; justify-content:center;}
.organizationContent > div ul{display:flex; flex-wrap:wrap; margin:0 -7px; justify-content:center;}
.organizationContent > div ul li{padding:0 7px; width:25%; box-sizing:border-box; margin-bottom:20px;}
.organizationContent > div ul li > div{padding:26px 20px; box-sizing:border-box; height:240px;}
.organizationContent > div.leader ul li > div{background:#b6edc4 url(/images/sub/orga_green.jpg)no-repeat right bottom; border-radius:20px;}
.organizationContent > div.team ul li > div{background:#cde6fe url(/images/sub/orga_blue.png)no-repeat right bottom; border-radius:20px; position:relative;}
.organizationContent > div ul li strong{display:inline-block; min-width:170px; font-size:20px; border-radius:15px; padding: 6px 15px; color:#fff; margin-bottom:40px; box-sizing:border-box;}
.organizationContent > div ul li strong > span{font-size:22px; font-weight:600;}
.organizationContent > div.leader ul li strong{background:#64a374; }
.organizationContent > div.team ul li strong{background:#3169b5; }
.organizationContent > div ul li div > span{display:block; font-size:17px; font-weight:600; padding-bottom:10px; position:relative;}
.organizationContent > div.leader ul li div > span{color:#438654;}
.organizationContent > div.team ul li div > span{color:#1d4183;}
.organizationContent > div ul li div > span:after{content:''; position:absolute; width:15px; height:1px; left:0; bottom:0;}
.organizationContent > div.leader ul li div > span:after{background:#438654;}
.organizationContent > div.team ul li div > span:after{background:#1d4183;}
.organizationContent > div ul li div > p{font-size:17px; padding-top:10px;}
.organizationContent > div.team ul li div > span.dTeam{position:absolute; right:20px; top:37px; font-size:17px;}
.organizationContent > div.team ul li div > span.dTeam:after{display:none;}


.subTitle.membershipWrap .title{background:url(/images/sub/membershipBg.jpg)no-repeat right 200px top 50px; }
.subTitle .title{position:relative; margin-bottom:70px;}
.subTitle .txtBox{font-family:'scdream'; position:absolute; right:0; bottom:0; padding:50px 70px; background:#fff;}
.subTitle .txtBox strong{display:block; margin-bottom:5px; font-size:28px; color:#134b98; position:relative;}
.subTitle .txtBox p{font-size:24px; color:#19519e; font-weight:400; line-height:150%;}
.subTitle .txtBox p span{color:#0089d7;}
.subTitle.subBusinessWrap .txtBox{padding:40px 50px;}
.subTitle.subBusinessWrap .txtBox strong{display:inline-block; font-size:32px; color:#0e84ce; margin-bottom:20px;}
.subTitle.subBusinessWrap .txtBox strong:after{content:''; position:absolute; right:-130px; top:-50px; width:100px; height:97px; background:url(/images/sub/flowerIcon.jpg)no-repeat;}
.subTitle.subBusinessWrap .txtBox p{font-size:22px; color:#19519e;}
.subTitle.subBusinessWrap.tab2 .txtBox strong:after{background:url(/images/sub/m2_sub2_bg.jpg)no-repeat; width:406px; height:201px; top:-36px; right:-450px;}
.subTitle.subBusinessWrap.tab2 .txtBox{right:80px;}
.subTitle.subBusinessWrap.tab3 .txtBox strong:after{background:url(/images/sub/m2_sub2_bg.jpg)no-repeat; width:406px; height:201px; top:-80px; right:-650px;}
.subTitle.subBusinessWrap.tab3 .txtBox{right:230px; padding-bottom:100px;}
.subTitle.subBusinessWrap.tab4 .txtBox strong:after{background:url(/images/sub/m2_sub2_3_bg.jpg)no-repeat; width:190px; height:115px; top:-120px; right:-510px;}
.subTitle.subBusinessWrap.tab5 .txtBox strong:after{background:url(/images/sub/m2_sub2_4_bg.jpg)no-repeat; width:250px; height:115px; top:-120px; right:-710px;}
.subTitle.subBusinessWrap.tab6 .txtBox strong:after{background:url(/images/sub/m2_sub2_6_bg.jpg)no-repeat; width:181px; height:181px; top:-160px; right:-220px;}
.subTitle.subBusinessWrap.sub3 .txtBox strong:after{background:url(/images/sub/m2_sub3_bg.jpg)no-repeat; width:142px; height:138px; top:-90px; right:-220px;}
.subTitle.subBusinessWrap.sub3 .txtBox{right:120px;}


/* ±â°ü¼Ò°³ ¼öÁ¤ */
.introductionTop{margin-bottom:80px;}
.introductionTop > ul > li{display:flex; align-items:center; margin-bottom:40px;}
.introductionTop > ul > li img{padding-right:60px;}
.introductionTop > ul > li strong{display: block; font-family:'scdream'; font-size:32px; color:#0e84ce; padding-bottom:30px;}
.introductionTop > ul > li p{font-family:'scdream'; color:#19519e; font-size:22px; line-height:150%; font-weight:400;}
.introductionTop.member > ul > li strong{color:#134b98;}
.introductionTop.member > ul > li p{font-size:24px;}
.introductionTop.member > ul > li .light{color:#0089d7;}

.presidentWrap{display:flex; align-items:flex-start;}
.presidentWrap img{padding-right:60px;}
.presidentWrap div strong{display:block; font-family:'scdream'; font-size:32px; color:#0e84ce; margin-bottom:45px;}
.presidentWrap div p{display:block; padding-bottom:30px; font-size:18px; line-height:160%;}
.presidentWrap div span{font-size:18px;}

.missonWrap{background:url(/images/sub/missonBg.png)no-repeat center top;}
.missonWrap .top li:first-child{margin-bottom:20px;}
.missonWrap .top li div{display:flex; flex-direction:column; justify-content:center; align-items:center; width:325px; height:120px; margin:0 auto; text-align:center; background:#134b98; color:#fff; border-radius:10px;}
.missonWrap .top li div p{font-size:20px; line-height:160%;}
.missonWrap > strong{display:block; font-weight:600; font-family:'scderam'; text-align:center; font-size:32px; color:#0e84ce; padding-top:85px; }
.missonWrap ul.second{display: flex; justify-content: space-between; position:relative; margin:0 150px; padding-top:60px;}
.missonWrap ul.second:after{content:''; display:block; position:absolute; left:14%; right:14%; top:20px; background:#e4e4e4; height:2px;}
.missonWrap ul.second li div{display:flex; align-items:center; justify-content:center; position:relative; text-align:center; width:310px; height:125px;  background:#2eb5ed; border-radius:10px;}
.missonWrap ul.second li div:before{content:''; position:absolute; background:#e4e4e4; height:40px; width:2px; left:50%; top:-40px; transform:translateX(-50%);}
.missonWrap ul.second li div p{line-height:160%; font-size:20px; color:#fff;}

.missonWrap02{margin:70px 90px 0 90px; font-family:'scdream';}
.missonWrap02 .mission{display:flex; flex-direction:column; align-items:center; justify-content:center; padding-bottom:90px; border-bottom:1px solid #d5d5d5;}
.missonWrap02 .mission li{width:560px; position:relative; color:#fff; border-radius:10px; text-align:center; font-family:'scdream'}
.missonWrap02 .mission li p{font-size:30px;}
.missonWrap02 .mission li.top strong span{display:inline-block;font-size:24px; font-weight:normal; vertical-align:middle;} 
.missonWrap02 .mission li.top{padding: 60px 0 30px 0; background:#134b98; margin-bottom:60px;}
.missonWrap02 .mission li.top img{position:absolute; left:50%; top:-70px; transform:translateX(-50%);  box-shadow: 0 0 0 3px #fff inset; border-radius:100%;}
.missonWrap02 .mission li.top strong{display:inline-block; font-size:30px; padding:20px 0 10px 0; margin-bottom:20px; border-bottom:1px solid #fff;}
.missonWrap02 .mission li.bottom{padding:80px 0 40px 0; color:#134b98; background:#e0eaf3; border:1px solid #134b98;}
.missonWrap02 .mission li.bottom strong{position:absolute; font-size:26px; left:50%; top:0; transform:translateX(-50%); color:#fff; padding:6px 55px; background:#134b98; border-radius:0 0 10px 10px;}
.missonWrap02 .mission li.bottom strong span{display:inline-block; font-size:22px; font-weight:normal;}
.missonWrap02 .value{padding:60px 0 90px; text-align:center;}
.missonWrap02 .value > strong{display:inline-block; background:#134b98; padding:10px 60px; border-radius:20px; color:#fff; font-size:27px; margin-bottom:40px;}
.missonWrap02 .value ul{display:flex;justify-content:space-between; margin:0 40px;}
.missonWrap02 .value ul li{position:relative; padding:0 30px; width:33.333%;}
.missonWrap02 .value ul li:after{content:'+'; position:absolute; color:#e5e5e5; font-size:34px; right:-10px; top:50%; transform:translateY(-50%);}
.missonWrap02 .value ul li:last-child:after{display:none;}
.missonWrap02 .value ul li div{border-radius:10px; border:2px solid #21569e; text-align:center; font-family:'scdream'; font-size:20px; color:#134b98; padding:20px;}
.missonWrap02 .value ul li div img{display:block; margin:0 auto; padding-bottom:20px;}
.missonWrap02 .strategy{padding:45px 0 55px 0; text-align:center; background:#f3f3f3; border-radius:20px;}
.missonWrap02 .strategy > strong{display:inline-block; background:#134b98; padding:10px 60px; border-radius:20px; color:#fff; font-size:27px; margin-bottom:60px;}
.missonWrap02 .strategy ul{display:flex; justify-content:space-between; margin: 0 140px;}
.missonWrap02 .strategy ul li{position:relative; padding:0 10px; width:33.333%;}
.missonWrap02 .strategy ul li div{padding:30px 0; background:#fff; border:2px solid #b8b8b8; border-radius:20px;}
.missonWrap02 .strategy ul li div strong{font-size:20px; line-height:160%;}

.businessWrap.type1{min-height:auto; margin-bottom:100px;}
.businessWrap.type1.item01{background:url(/images/sub/volunteer_01.jpg)no-repeat left center; padding:50px 0 50px 650px;}
.businessWrap.type1.item02{background:url(/images/sub/volunteer_02.jpg)no-repeat left center; padding:50px 0 50px 650px;}

.volunteerStep > div{display:flex;  align-items:center; margin-bottom:20px;}
.volunteerStep > div > div.title{padding:30px 60px 30px 30px; position:relative;}
.volunteerStep > div > div.title:after{content:''; width:3px; height:120px; background:#eeeded; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.volunteerStep > div > div.title > strong{display:block; font-family:'scderam'; font-size:19px; font-weight:bold; line-height:160%; letter-spacing:-1.3px; padding:0 25px 0 25px;}
/* .volunteerStep > div.step1 > div.title > strong{background:url(/images/sub/valunteerIcon01.jpg)no-repeat center top;}
.volunteerStep > div.step2 > div.title > strong{background:url(/images/sub/valunteerIcon02.jpg)no-repeat center top;}
.volunteerStep > div.step3 > div.title > strong{background:url(/images/sub/valunteerIcon03.jpg)no-repeat center top;} */
.volunteerStep > div > ul.arrowList{padding-left:75px; margin-bottom:0; width:100%;}
.volunteerStep .grayBox{display:flex; justify-content:flex-start; align-items:center; width:100%; height:150px; background:#f8f8f8; margin-left:70px; border-radius:20px; padding-left:50px;}
.volunteerStep .grayBox .listDot strong{display:inline-block; min-width:80px}
.volunteerStep .grayBox .listDot span{display:inline-block; padding-left:20px;color:#0076c0;}
.volunteerStep .grayBox p{font-family:'scdream'; font-size:19px; line-height:150%;}
.volunteerStep .grayBox ul.info li > div{margin-top:8px; font-weight:600;}
.volunteerStep .grayBox ul.info li > div span{font-size:18px; color:#222; min-width:70px;}
.volunteerInfo{margin:60px 60px 80px 60px;}
.volunteerInfo ul{display:flex; justify-content:space-around;}
.volunteerInfo ul li{font-size:18px; font-weight:600;}
.volunteerStep .arrowList li.item01 > div strong:first-child{background:url(/images/sub/support01.jpg)no-repeat center top;}
.volunteerStep .arrowList li.item02 > div strong:first-child{background:url(/images/sub/support02.jpg)no-repeat center top;}
.volunteerStep .arrowList li.item03 > div strong:first-child{background:url(/images/sub/support03.jpg)no-repeat center top;}
.volunteerStep .arrowList li.item04 > div strong:first-child{background:url(/images/sub/support04.jpg)no-repeat center top;}
.volunteerStep .arrowList li.item05 > div strong:first-child{background:url(/images/sub/support05.jpg)no-repeat center top;}

.foodList{display:flex; border:1px solid #ddd; align-items:center;}
.foodList li{width:33.3333%; position:relative;}
.foodList li:after{content:''; position:absolute; right:15px; top:15%; bottom:15%; width:1px; background:#e4e4e4;}
.foodList li:last-child:after{display:none;}
.foodList li div{display:flex; padding: 20px; align-items:center;}
.foodList li div img{padding-right:20px;}

/* »ç¾÷¼Ò°³ */
.businessWrap{padding:50px 0 0 600px; min-height:400px; background-position:left 150px top; background-repeat:no-repeat;}
.businessWrap.item01{background-image:url(/images/sub/businessBg01.jpg)}
.businessWrap.item02{background-image:url(/images/sub/businessBg02.jpg)}
.businessWrap.item03{background-image:url(/images/sub/businessBg03.jpg)}
.businessWrap.item04{background-image:url(/images/sub/businessBg04.jpg)}
.businessWrap.item05{background-image:url(/images/sub/businessBg05.jpg)}
.businessWrap.item06{background-image:url(/images/sub/businessBg06.jpg)}
.businessWrap.item07{background-image:url(/images/sub/businessBg07.jpg)}
.businessWrap strong{display:block; font-family:'scdream'; font-size:32px; color:#0e84ce; font-weight:600; margin-bottom:20px;}
.businessWrap p{font-size:24px; color:#19519e; line-height:150%; margin-bottom:40px;}
.businessWrap em{display:inline-block; font-weight:600; color:#000; padding-bottom:4px; border-bottom:1px solid #000; font-size:24px; margin-bottom:15px;}
.businessWrap span{display:block; font-size:18px; line-height:150%;}
p.picture{position:relative;}
p.picture:after{content:''; background:url(/images/sub/m2_sub2_3img01.jpg)no-repeat right bottom; width:536px; height:287px; position:absolute; right:0;top:-50px;}
.subText{display:block; font-size:16px; margin-top:20px; color:#545454; line-height:150%;}
.subText.large{font-size:18px;}
.colorList{margin-top:15px;}
.colorList li{display:flex; margin-bottom:10px; border-radius:15px;}
.colorList li{border:2px solid #0e84ce;}
.colorList li.item01 > strong{background:url(/images/sub/m2_sub2_3img02-05.jpg)no-repeat center top 25px;}
.colorList li.item02 > strong{background:url(/images/sub/m2_sub2_3img03.jpg)no-repeat center top 45px;}
/* .colorList li.item02 > div:after{content:''; background:url(/images/sub/usePesron.png)no-repeat; position:absolute; width:158px; height:196px; right:90px; bottom:-10px;} */
.colorList li.item03 > strong{background:url(/images/sub/m2_sub2_3img04.jpg)no-repeat center top 55px;}
.colorList li.item04 > strong{background:url(/images/sub/m2_sub2_3img05.jpg)no-repeat center top 25px;}
.colorList li > strong{color:#0e84ce; font-family:'scdream'; display:flex; justify-content:center; align-items:center; font-size:22px; width:160px; padding-top:45px;}
.colorList li > div{width:100%; border-radius:10px; font-family:'scdream'; margin:4px; background:#f7f7f7; padding:30px 15px; box-sizing:border-box; position:relative;}
.colorList li > div > strong{display:block; margin-bottom:10px; font-size:18px;}
.colorList li > div > strong > span{font-size:16px;}
.colorList li > div > span{display:block; font-size:15px; color:#545454; margin-bottom:10px; letter-spacing:-0.7px; line-height:150%;}

.tablebottomText{margin-top:10px;}
.tablebottomText strong{display:block; font-weight:600; font-size:18px; margin-bottom:5px;}

.arrowList{display:flex; justify-content:flex-start; margin:0 -12px;}
.arrowList li{text-align:center; padding:0 6px; font-family:'scdream'; position:relative; box-sizing:border-box;}
.arrowList li:after{content:''; background:url(/images/sub/hnArrow.png)no-repeat; position:absolute; right:-20px; top:50%; z-index:1; transform:translateY(-50%); width:31px; height:23px;}
.arrowList li:last-child:after{display:none;}
.arrowList li > div{height:390px; border:2px solid #144c98; padding:30px 20px; box-sizing:border-box; border-radius:15px;}
.arrowList.col6 li > div{height:290px;}
.arrowList.step li > div{height:340px;}
.arrowList li > div strong{display:block; font-size:18px;}
.arrowList li > div strong.line{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.arrowList li div strong:first-child{padding-top:110px;}
.arrowList li.item01 > div strong:first-child{background:url(/images/sub/arrowitem01.jpg)no-repeat center top;}
.arrowList li.item02 > div strong:first-child{background:url(/images/sub/arrowitem02.jpg)no-repeat center top;}
.arrowList li.item03 > div strong:first-child{background:url(/images/sub/arrowitem03.jpg)no-repeat center top;}
.arrowList li.item04 > div strong:first-child{background:url(/images/sub/arrowitem04.jpg)no-repeat center top;}
.arrowList li.item05 > div strong:first-child{background:url(/images/sub/arrowitem05.jpg)no-repeat center top;}
.arrowList li.item06 > div strong:first-child{background:url(/images/sub/arrowitem06.jpg)no-repeat center top;}
.arrowList.step li.item01 > div strong:first-child{background:url(/images/sub/arrowStep01.jpg)no-repeat center top;}
.arrowList.step li.item02 > div strong:first-child{background:url(/images/sub/arrowStep02.jpg)no-repeat center top;}
.arrowList.step li.item03 > div strong:first-child{background:url(/images/sub/arrowStep03.jpg)no-repeat center top;}
.arrowList.step li.item04 > div strong:first-child{background:url(/images/sub/arrowStep04.jpg)no-repeat center top;}
.arrowList li > div span{font-size:15px;}
.arrowList.col4 li{width:25%;}
.arrowList.col5 li{width:20%;}
.arrowList.col6 li{width:16.6666%;}
.arrowList.foodBank li > div{height:290px;}
.arrowList.type1{margin-bottom:50px;}
.arrowList.type1 li > div{height:220px; padding:30px 2px}
.arrowList.type1.col4 li{width:25%;}
.arrowList2 li{display:flex; margin-bottom:25px; font-family:'scdream';}
.arrowList2 li strong{display:flex; align-items:center; justify-content:center; text-align:center; position:relative; font-size:22px; margin-right:70px; width:570px; height:130px; border-radius:20px; color:#fff;}
.arrowList2 li strong:before{content:''; position:absolute; left:50%; bottom:-31px;; transform:translateX(-50%); background:url(/images/sub/hnArrowBottom.png)no-repeat; width:23px; height:31px; z-index:1;}
.arrowList2 li strong:after{content:''; position:absolute; right:-62px; top:50%; transform:translateY(-50%); background:url(/images/sub/fiveDot.jpg)no-repeat; width:56px; height:6px;}
.arrowList2 li:last-child strong:before{display:none;}
.arrowList2 li.item01 strong{background:#2eb5ed;}
.arrowList2 li.item02 strong{background:#0e84ce;}
.arrowList2 li.item03 strong{background:#16a791;}
.arrowList2 li.item04 strong{background:#35ab53;}
.arrowList2 li p{display:flex; align-items:center; justify-content:center; font-size:19px; text-align:center; width:100%; border-radius:20px; position:relative;}
.arrowList2 li p:before{content:''; position:absolute; left:50%; bottom:-31px;; transform:translateX(-50%); background:url(/images/sub/hnArrowBottom.png)no-repeat; width:23px; height:31px; z-index:1;}
.arrowList2 li:last-child p:before{display:none;}
.arrowList2 li.item01 p{border:2px solid #2eb5ed;}
.arrowList2 li.item02 p{border:2px solid #0e84ce;}
.arrowList2 li.item03 p{border:2px solid #16a791;}
.arrowList2 li.item04 p{border:2px solid #35ab53;}
.arrowList3{display:flex; margin:0 -15px;}
.arrowList3 li{padding:0 15px; box-sizing:border-box; position:relative;}
.arrowList3.col5 li{width:20%;}
.arrowList3.col4 li{width:25%;}
.arrowList3 li:after{content:''; background:url(/images/sub/hnArrow.png)no-repeat; position:absolute; right:-20px; top:50%; z-index:1; transform:translateY(-50%); width:31px; height:23px;}
.arrowList3 li:last-child:after{display:none;}
.arrowList3 li p{display:flex; align-items:center; justify-content:center; font-family:'scdream'; font-size:19px;  text-align:center; border:2px solid #144c98; border-radius:20px; padding:50px 0; box-sizing:border-box; min-height:160px;}
.arrowList.step{}

.subImgBox ul{display:flex; justify-content:flex-start; margin:0 -10px; padding-bottom:30px;}
.subImgBox.col5 ul li{width:20%; box-sizing:border-box; padding:0 10px;}
.subImgBox.col5 ul li img{width:100%;}
.registrationWrap{font-family:'scdream'; padding:50px 470px 50px 70px; box-sizing:border-box; background:#f8f0ec url(/images/sub/m5_title_Bg.png)no-repeat right 50px bottom 30px; margin-bottom:80px;}
.registrationWrap strong{display:block; font-size:26px; color:#75554b; margin-bottom:20px;}
.registrationWrap p{font-size:16px; line-height:140%;}

/* »ç¾÷¼Ò°³ ¼öÁ¤ */
.imgTitle{display:flex; margin-bottom:50px;}
.imgTitle:last-child{margin-bottom:0;}
.imgTitle div{padding:20px 50px;}
.imgTitle div strong{display:block; font-family:'scdream'; font-size:32px; color:#0e84ce; font-weight:500; padding-bottom:25px;}
.imgTitle div p{font-size:22px; line-height:150%;}
.imgTitle.type2{margin-bottom:90px;}
.imgTitle.type2 div{padding:70px 40px;}
.imgTitle.type2 div p{color:#19519e;}
.imgTitle.type3 div strong{font-size:26px;}
.imgTitle.type3 div p{font-size:20px;}
.imgTitle.type4 img{background:#f8f0ec; padding:20px;}
.imgTitle.type4 div p{font-size:18px;}

.blueBox{background:#f4f8fc; padding:60px; margin-bottom:80px;}
.blueBox strong{display:block; font-size:26px; color:#0e84ce;  font-family:'scdream'; padding-bottom:20px;}
.blueBox p{font-size:18px; line-height:140%; letter-spacing:-0.7px;}

/* btn */
.btnWrap{margin-top:40px; text-align:center;}
.btnArea{text-align:center;}
.btn{display:inline-block; color:#134b98; width:160px; height:65px; line-height:65px;  font-size: 18px; margin-right: 8px; text-align:center; border-radius:6px;border:1px solid #134b98; box-sizing:border-box;}
.btn:last-child{margin-right: 0;}
.btn.main{background:#134b98; color:#fff; border:none;}
.btn.lightBlue{background:#0e84ce; border:none; color:#fff;}
.btn.gray{background:#71767e; border:none; color:#fff;}
.btn.pdType{width:auto; padding: 20px 30px; line-height:inherit; height:auto;}
.arrowBtn{display:inline-block; padding:10px 35px 10px 20px; margin-top:6px; color:#71767e; font-size:15px; border:1px solid #71767e; border-radius:6px; background:url(/images/sub/subArrow.jpg)no-repeat right 15px center;}
.arrowBtn.colorType{border:1px solid #144c98; background-image:url(/images/sub/subArrow2.png) !important; color:#144c98; font-size:17px; padding:15px 35px 15px 20px; font-weight:600;}
.btnDown{display:inline-block; font-size:18px; padding:20px 25px 20px 75px; background:url(/images/sub/blueDownIcon.jpg)no-repeat left 30px center; color:#134b98; height:65px; box-sizing:border-box; border-radius:10px; border:1px solid #134b98; margin-right:10px;}

/* table */
.tableBox table tbody td.blueTxt{color:#0e84ce; font-weight: 600;}
.tableBox table tbody td.redTxt{color:#cc3a00; font-weight: 600;}
.tableBox table.write{border-top:2px solid #000000;}
.tableBox table.write tr{border:1px solid #ddd; box-sizing:border-box;}
.tableBox table.write th{padding:18px 0 18px 25px;vertical-align:middle;font-size:17px;text-align:left; font-weight:bold; color:#333;background:none;}
.tableBox table.write th span.required{display:inline-block; vertical-align:sub; font-weight:bold; margin-left:6px; color:#cc3a00;}
.tableBox table.write td{padding:10px 20px 10px 24px; border-right:1px solid #ddd;}
.tableBox table.write td input,
.tableBox table.write td select{padding-left:5px;height:45px;line-height: 45px; font-size:14px;color:#666;border:1px solid #bbbbbb; border-radius:4px; box-sizing:border-box;}
.tableBox table.write td select{min-width:80px;}
.tableBox table.write td span{vertical-align: middle;}
.tableBox table.write td span.explain{display: inline-block; padding-left: 20px; font-size: 15px; color:#555;}
.tableBox table.write td span.subText{display:block; font-size: 14px; color:#666; margin-top: 4px;}
.tableBox table.write td input.mgr0,
.tableBox table.write td select.mgr0{margin-right:0;}
.tableBox table.write td input::placeholder{font-size:14px;}
.tableBox table.write td .children_info li{margin-bottom:10px;}
.tableBox table.write td .input_sideTxt{font-size:15px;font-weight:300;color:#999;}
.tableBox table.write td label.useDatepicker{width:125px;background:url(../images/calendarIcon.jpg) no-repeat 92% center; width: 30px; height: 30px;}
.tableBox table.write td textarea{max-width:100%;}
.tableBox table.write td .sexWrap{display: inline-block; margin-left: 45px;}

/* list */
.tableBox.list{ margin-bottom:50px; border-top:2px solid #1d3a5a;} 
.tableBox.list table{border-left:0;}
.tableBox.list table thead th{ padding:12px; font-size:17px; font-weight:600; text-align:center; color:#333333; background:#fff; border-bottom:1px solid #e8e8e8; border-right:none;} 
.tableBox.list table tbody td{ padding:12px; font-size:17px; color:#333333; border-bottom:1px solid #e8e8e8; word-break:keep-all; border-right:none; text-align:center; line-height: 140%;} 
.tableBox.list table tbody td.title{font-size: 18px}
.tableBox.list table tbody td span.status{display: inline-block; font-size: 16px; width:80px; height: 38px; line-height: 38px; border-radius: 20px; box-sizing: border-box;}
.tableBox.list table tbody td span.status.type1{background:#07a28a; color:#fff;}
.tableBox.list table tbody td span.status.type2{border:1px solid #71757e; color:#71757e;}
.tableBox.list table tbody td span.status.type3{}
.tableBox.list table tbody td span.status.type4{}

.tableBox.list.type2{border-top:2px solid #134b98;}
.tableBox.list.type2 table tbody th{font-weight:bold; text-align:left; font-size:17px; padding:18px 26px; vertical-align:top;}
.tableBox.list.type2 table tbody td{text-align:left;}
.tableBox.list.type2 table tbody td.title{font-size:22px; font-weight:bold;}
.tableBox.list.type2 table tbody td strong{display:block; padding-bottom:10px; font-weight:bold;}

.tableBox.list.type3 table thead tr th,
.tableBox.list.type3 table tbody tr th{background:#f4f8fc; border-right:1px solid #e4e4e4; font-size:18px; word-break:break-all;}
.tableBox.list.type3 table thead tr th:last-child,
.tableBox.list.type3 table tbody tr td:last-child{border-right:none;}
.tableBox.list.type3 table tbody tr td{border-right:1px solid #e4e4e4; word-break:break-all;}
.tableBox.list.type3 table tbody tr td > strong.title{display:block; font-size:18px; font-weight:600; padding-bottom:10px;}
.tableBox.list.type3 td a.homeIcon{display:inline-block; width:100px; height:35px; padding-left:25px; line-height:35px; box-sizing:border-box;color:#134b98; border:1px solid #134b98; background:url(/images/sub/tableHomeIcon.jpg)no-repeat left 10px center; font-size:14px; border-radius:20px;}
.tableBox.list.type3 td.hasImg{position:relative; padding:20px 20px 20px 80px; text-align:left;}
.tableBox.list.type3 td.hasImg img{position:absolute; left:10px; top:50%; transform:translateY(-50%);}
.tableBox.list.type3 tr.grayBg td{background:#f8f8f8;}

/* view */
.tableBox.view{ border-top:2px solid #134b98;}
.tableBox.view table{border-left:none; margin-bottom: 60px;}
.tableBox.view thead tr th{ position:relative; padding:20px; font-size:24px; font-weight:600; text-align: center; background:#ffffff; border-bottom:1px solid #a1b7d6; border-right: none; }
.tableBox.view tbody tr th{background: none; padding: 20px 15px; font-size: 17px; text-align: left; font-weight: 600; position: relative; vertical-align: top;}
.tableBox.view tbody tr th:after{content: ''; position: absolute; height: 17px; width: 1px; background:#e4e4e4; right: 0; top: 50%; transform:translateY(-50%);}
.tableBox.view tbody tr td{ padding:18px 20px; font-size:17px; text-align:left; border-bottom:1px solid #e8e8e8; border-right:none;}
.tableBox.view tbody tr td p{line-height:160%;}
.tableBox.view tbody tr td .viewContent{ padding:15px 0; min-height:400px; }
.tableBox.view tbody tr td .viewContent p{line-height:180%; font-size:17px;}
.tableBox.view tbody tr td .viewContent > img{display: block; margin:0 auto; max-width: 100%; padding:20px;}

/* tableText */
.tableTitleWrap{margin-bottom:20px;}
.tableTitleWrap .tableTitle{display:block; font-size:17px; color:#134b98; line-height:170%; padding-bottom:6px;}
.tableTitleWrap .tableTitle span{display:inline-block; font-size:17px; color:#222; padding-left:15px;}
.tableTitleWrap .listMinus{margin-left:20px;}
.tableTitleWrap .listMinus li{line-height:130%; margin-bottom:0;}
.tableTitleWrap p{margin-left:20px; line-height:150%;}
.tableTitleWrap span{font-size:15px;}

/* calendar */
.calendar_top{position:relative;margin:0 auto 25px;width:220px;height:28px;text-align:center;}
.calendar_top span{line-height:28px;font-size:22px;font-weight:700;color:#333;}
.calendar_top a{position:absolute;top:0;width:30px;height:30px;text-indent:-9999px;background-repeat:no-repeat;background-position:center;border-radius:100%;box-shadow:1px 4px 5px rgba(0,0,0,0.1);}
.calendar_top a.btnPrev{left:0;background-image:url(/images/sub/prevPage.jpg)}
.calendar_top a.btnNext{right:0;background-image:url(/images/sub/nextPage.jpg)}
.calendar table{width:100%;border-collapse:collapse; border-top:2px solid #134b98;}
.calendar table .sun{color:#b71c1c ;}
.calendar table .sat{color:#4078d8;}
.calendar table thead tr th{ padding:20px 12px;font-size:17px;color:#333;background:#f7f7f7;border:1px solid #e6e6e6; font-weight:600;}
.calendar table tbody tr td{position:relative;padding:30px 10px 10px;height:100px;border:1px solid #e6e6e6;box-sizing:border-box;}
.calendar table tbody tr:first-child td{border-top:0px none;}
.calendar table tbody tr td span.day{position:absolute;top:10px;left:10px;}
.calendar table .calSchedule3{margin-bottom:3px;text-align:center;word-break:break-all;}
.calendar table .calSchedule3 a.line{display:inline-block;position:relative;padding:3px 3px;font-size:14px;}
.calendar table .calSchedule3 a .calDetail{position:absolute;display:none;top:calc(100% + 1px); z-index:10; left:-1px;padding:5px 5px;width:170px;line-height:130%;font-size:13px;font-weight:400;color:#333;background:#fefefe;border:1px solid #ddd;border-radius:0px 5px 5px 5px;}
.calendar table .calSchedule3 a:hover .calDetail{display:block;} 
.calendar .selectdate{background:#e3f1fc;}

/* flexCalendar */
#flexCalendar{display:flex;}
#flexCalendar .calendar{width:55%;}
#flexCalendar .calendarList{width:45%; padding-left:40px; box-sizing:border-box;}
#flexCalendar .calendarList li a{display:block; padding: 15px;margin-bottom:10px; border:1px solid #ddd; border-radius:10px; font-size:17px;} 
#flexCalendar .calendarList li a strong{color:#0e84ce; display:inline-block; padding-right:10px; line-height:160%;}
/* photo */
.section02.type2{background:none; padding-bottom: 30px;}
.section02.type2 ul{flex-wrap: wrap; margin:0 -15px;}
.section02.type2 ul li{width: 25%; padding:0 15px; margin-bottom: 50px;;}
.section02.type2 ul li div{background:#f8f8f8;}

/* tableIcon */
.tableBox.list span.alarmIcon{display: block; background: url(/images/sub/tableAlarmIcon.jpg)no-repeat center; width: 46px; height: 46px; margin: 0 auto;}
.tableBox.list span.fileIcon{display: block; background: url(/images/sub/tableFileIcon.jpg)no-repeat center; width: 28px; height: 31px; margin: 0 auto;}
.tableBox tbody tr td a.file{display: block; padding-left: 35px; background: url(/images/sub/tableViewFileIcon.jpg)no-repeat left center; padding:5px 35px; margin-bottom: 6px;}
.tableBox tbody tr td a.file:last-child{margin-bottom: 0;}

/* listType */
.listDot > li,
.listMinus > li{padding-left:12px; margin-bottom:8px; position:relative; font-size:18px; line-height:160%;}
.listDot .listMinus li{font-size:17px; line-height:130%;}
.listDot .listMinus li:first-child{margin-top:10px;}
.listDot > li:last-child,
.listMinus > li:last-child{margin:0;}
.listMinus > li:before{content:''; position:absolute; width:6px; height:1px; background:#222; left:0; top:10px;}
.listDot > li:before{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background:#0076c0; left:0; top:10px;}
.listDot > li em{font-weight:bold;}
.listDot.blueDot > li{font-size:18px;}
.listDot.blueDot > li:before{background:#0076c0;}
.listDot .subTxt{font-size:15px;}

.numList > li{padding-left:20px; margin-bottom:10px; font-size:17px; position:relative; line-height:150%;}
.numList > li:before{position:absolute; left:0; top:0}
.numList > li.num1:before{content:'1. '}
.numList > li.num2:before{content:'2. '}
.numList > li.num3:before{content:'3. '}
.numList > li.num4:before{content:'4. '}
.numList > li.num5:before{content:'5. '}
.numList > li.num6:before{content:'6. '}
.numList > li.num7:before{content:'7. '}
.numList > li.num8:before{content:'8. '}
.numList > li.num9:before{content:'9. '}
.numList > li.num10{padding-left:30px;}
.numList > li.num10:before{content:'10. '}
.subNumList li{position:relative; line-height:150%; font-size:17px; margin-bottom:6px;}
.subNumList li strong{position:absolute; left:0; top:0;}
.subNumList li p{display:inline-block; padding-left:20px;}

/* search */
.searchBox { padding-bottom: 30px;} 
.searchBox.line{border-bottom:2px solid #222;}
.searchBox:after { content: ''; display: block; clear: both; } 
.searchBox .pageNum { float: left; margin-top: 15px;} 
.searchBox .pageNum .allNum { color:#0e84ce; font-weight: 600;} 
.searchBox .searchInner { float: right; } 
.searchBox .searchInner select { padding:0 6px; border-radius: 6px; background:#fff;} 
.searchBox .searchInner select.title { width:130px; height:40px;} 
.searchBox .searchInner .searchTxt { width:350px; height:40px; border-radius:6px;} 
.searchBox .searchInner .searchBtn,
input.searchBtn{ width:80px; height:40px; font-size:14px; font-weight:600; border-radius:6px; text-align:center; color:#fff !important; background:#134b98 !important; border:none; } 
.searchBox .searchInner a.searchBtn { display:inline-block; vertical-align:middle; line-height:40px; } 
.searchBox .searchInner .viewNum { width:140px; height:40px; } 

/* paging */
.paging{text-align:center; }
.paging:after{content:''; display: block; clear: both;}
.paging a{ display:inline-block; width:40px; height:40px; vertical-align:middle; }
.paging a.firstPage{ text-indent:-9999px; background:url(/images/sub/firstPage.jpg) no-repeat center; }
.paging a.prevPage{ text-indent:-9999px; background:url(/images/sub/prevPage.jpg) no-repeat center; margin-right: 10px;}
.paging a.nextPage{ text-indent:-9999px; background:url(/images/sub/nextPage.jpg) no-repeat center; margin-left: 10px;}
.paging a.lastPage{ text-indent:-9999px; background:url(/images/sub/lastPage.jpg) no-repeat center; }
.paging a.num{ margin:0 2px; line-height:40px; font-size:17px; color:#555555; border:1px solid #d7d7d7; box-sizing: border-box; border-radius: 10px;}
.paging a.num.active{ font-weight:600; color:#fff; background:#134b98; border:none;}

.tableBox.list table tbody td.title,
.tableBox.view thead tr th,
.tableBox.view tbody tr td.textContent{font-family:'¸¼Àº °íµñ','Malgun Gothic';letter-spacing:-1px;}

.hanOnly{font-family:'¸¼Àº °íµñ','Malgun Gothic' !important;letter-spacing:-1px !important;}

/* list-top */
.list-top{position:relative;}
.list-top .icon-guide{position:absolute;left:0;top:15px;}

.icon-guide{font-size:15px;}
.icon-guide img{margin-right:5px;}

/* hnInfo */
.hnInfo li{margin-bottom:6px;}
.hnInfo li img{padding-right:6px;}

@keyframes wave{
	from{ bottom:-600px;}
	to{ bottom:-90px;}
}
@keyframes opacity{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes aniIcon {
	0% {transform:rotate(5deg);}
	50% {transform:rotate(-5deg);}
	100% {transform:rotate(0deg);}
}