@charset "UTF-8";
body{transition: all 0.3s ease-in-out; overflow-x: hidden;}
main{border-top:1px solid #e1e1e1; overflow-x: hidden;}
main div.section-wrap{width: 1400px; margin: 0 auto;}

main div.section-wrap .promo-tid{overflow:hidden;}

div.section-01{width:100%; display: flex; justify-content: space-between; padding:50px 0 60px 0;}
div.section-01 div.left{width:50%; position: relative;}
div.section-01 div.left div.info-banner-box{width: 100%; height: 100%; position: relative;}
div.section-01 div.left div.banner-slide{width: 100%; height: 100%; border:solid 1px #dddddd; border-radius:20px; overflow:hidden;}
div.section-01 div.left div.banner-slide div.slick-track{height: 100%;}
div.section-01 div.left div.banner-slide div.slick-list{width: 100%; height: 100%;}
div.section-01 div.left div.banner-slide a{display: block; height: 100%;}
div.section-01 div.left div.banner-slide a img{/*width: 478px;*/ width: 100%; height:450px;}
div.section-01 div.left div.control{position: absolute; bottom:-17px; left:50%; margin-left:-60px; z-index:10; background:#fff; padding:10px 20px; border-radius:20px; box-shadow:4px 4px 10px #bcbcbc;}
div.section-01 div.left div.control p.bt_box{display: flex; justify-content: flex-start;}
div.section-01 div.left div.control p.bt_box a{width: 11px; height: 17px; display: block; text-indent: -9999px; margin:0px 10px;}
div.section-01 div.left div.control p.bt_box a.prev-slide{/*background-size: 30px;*/ background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-prevBtn.png") no-repeat;}
div.section-01 div.left div.control p.bt_box a.stop-slide{/*margin: 0 2px; background-size: 30px;*/ background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-stopBtn.png") no-repeat;}
div.section-01 div.left div.control p.bt_box a.start-slide{/*margin: 0 2px; background-size: 30px;*/ background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-playBtn.png") no-repeat;}
div.section-01 div.left div.control p.bt_box a.next-slide{/*background-size: 30px;*/ background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-nextBtn.png") no-repeat;}
div.section-01 div.right{width:50%; padding-left:15px;}
div.flex-box{display: flex; justify-content: space-between;}

div.flex-box div.l-box{width:49%; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/calendar-box-bg.png") right bottom no-repeat #ffebea ; border:solid 1px #f7c8c8; padding:45px 36px 35px 36px; box-sizing:border-box; border-radius:20px;}
div.flex-box div.l-box div.top{margin-bottom:20px;}
div.flex-box div.l-box div.top h5.tit{font-family:"NotoKrR"; font-size:26px; color:#000; padding-bottom:20px; text-align:center;}

ul.calendar-box{display: flex; justify-content:center;}
ul.calendar-box li{margin:0px 5px}
ul.calendar-box li a{font-family:"NotoKrM"; font-size:15px; width:100%; display:block; border-radius:20px; background:#fff; color:#000; text-align: center; padding:6px 20px; transition: all 0.3s ease-in-out;}
ul.calendar-box li a:hover{background:#5557b4; color: #fff;}

div.flex-box div.l-box div.date-list{background:#fff; border-radius:10px; padding:20px 20px;}
div.flex-box div.l-box div.date-list span.date{display: block; margin:0 auto; font-family:"NotoKrM"; font-size:18px; text-align:center; color:#000; box-sizing:border-box; padding-bottom:10px; border-bottom:1px solid #cecece;}
div.flex-box div.l-box div.date-list .during-txt{display: block; font-family: "NotoKrM"; font-size: 17px; color: #000; margin:8px 0 0 0; height:50px; overflow-y: auto;}


div.flex-box div.r-box{width:49%; background:linear-gradient(45deg,rgba(234, 221, 215, 1) 0%, rgba(194, 202, 201, 1) 100%); overflow:hidden; border:solid 1px #dddddd; border-bottom: none; position: relative; border-radius:20px;}
div.lawmaker-txt{padding:40px 30px 0 30px; width:100%; height: 100%; background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/new-chairman-pic.png"); background-repeat: no-repeat; background-position:right -50px bottom;}
div.lawmaker-txt span{display: block;}
div.lawmaker-txt span.txt01{font-family: "NotoKrM"; font-size: 18px; color: #000;}
div.lawmaker-txt span.txt02{font-family: "Cafe24 Ohsquare air"; font-size: 24px; color: #000; padding: 10px 0 0 0; line-height: 140%;}
div.lawmaker-txt span.txt02 i{font-family: "Cafe24 Ohsquare"; font-size: 34px; font-style: normal;}
div.flex-box div.r-box ul.btn-box{position:absolute; top:130px; left:30px;}
div.flex-box div.r-box ul.btn-box li{}
div.flex-box div.r-box ul.btn-box li a{transition: all 0.3s ease-in-out;font-family:"NotoKrM"; font-size:15px; display:block; width:100%; background:#fff; color:#000; padding:8px 26px; margin-bottom:5px; box-sizing:border-box; text-align:center; border-radius:30px;}
div.flex-box div.r-box ul.btn-box li:first-child a{background:#5557b4; color:#fff;}
div.flex-box div.r-box ul.btn-box li a span{position: relative; padding:0px; display: inline-block;}
div.flex-box div.r-box ul.btn-box li a span:before{display:none; content: ""; width: 16px; height: 20px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/chairman-ico.png") no-repeat; position: absolute; top: 3px; left: 0;}
div.flex-box div.r-box ul.btn-box li:last-child a span:before{content: ""; width: 18px; height: 20px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/profil-ico.png") no-repeat;}
div.flex-box div.r-box ul.btn-box li a:hover span{text-decoration: underline;}
div.flex-box div.r-box ul.btn-box li a:hover{background: #5557b4;color: #fff;}


ul.ico-link-box{width: 100%; display:flex; justify-content:space-between; border:solid 1px #dddddd; padding:34px 20px; box-sizing: border-box; margin-top:28px; border-radius:20px;}
ul.ico-link-box li{width:25%; text-align: center;}
ul.ico-link-box li a{display: inline-block; width: 100%; position: relative;}
ul.ico-link-box li a:hover{-webkit-animation: vibes 1.5s ease infinite; animation: vibes 1.5s ease infinite;}
ul.ico-link-box li:last-child a:after{content: none;}
ul.ico-link-box li a span{display:inline-block; position:relative; font-size:17px; padding:0 0 0 45px; color:#000;}
ul.ico-link-box li a span:before{content: ""; width:37px; height:38px; margin-top:-19px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/intrnet-ico.png") no-repeat center; position: absolute; top:50%; left: 0;}
ul.ico-link-box li:nth-child(2) a span:before{background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/meet-ico.png") no-repeat center;}
ul.ico-link-box li:nth-child(3) a span:before{background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/bill-ico.png") no-repeat center;}
ul.ico-link-box li:nth-child(4) a span:before{background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/citizen-ico.png") no-repeat center;}
div.section-02{width:100%; padding:50px 0 50px 0; display:flex; justify-content:space-between; position:relative;}
div.section-02:before{position:absolute; top:0px; left:50%; width:2000px; height:100%; margin-left:-1000px; content:""; z-index:-1; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/section02-bg.jpg") no-repeat center #e2f2fb; background-size:cover;}
div.section-02 div.left{width: 70%; padding-right: 20px; box-sizing: border-box; position: relative;}
div.section-02 div.left h5.maptit{position:absolute; top:0px; left: 0px; z-index: 1; font-family: "GmarketSansTTFMedium"; font-size:42px; color:#38435d; letter-spacing:-0.05em;}
div.section-02 div.left h5.maptit strong{color:#1b87a4;}
div.section-02 div.left h5.maptit span{display:block; font-family: "NotoKrL"; font-size: 16px; padding:20px 0 0 0; letter-spacing:-0.01em; color:#000;}

@media all and (max-width: 1400px) {
    main div.section-wrap{width: 100%; padding: 0 20px; box-sizing: border-box;}
    div.flex-box div.l-box div.top h5.tit{font-size: 25px; padding-bottom: 10px;}
    div.flex-box div.l-box div.top span.date{font-size: 16px;}
    div.flex-box div.l-box span.during-txt{font-size: 16px; height: 50px;}
    ul.calendar-box li a{font-size: 16px;}
    div.lawmaker-txt{padding:40px 30px 0 30px; background-size: 185px; background-position: right 0px bottom 0px;}
    div.lawmaker-txt span.txt01{font-size: 16px;}
    div.lawmaker-txt span.txt02 i{font-size: 30px;}
    div.flex-box div.r-box{}
}
@media all and (max-width: 1024px) {
    main{padding-top: 50px;}
    div.section-01{flex-flow:wrap; padding:50px 0 40px 0;}
	div.section-01 div.left{width:100%;}
	div.section-01 div.left div.banner-slide a img{height:auto;}
	div.flex-box div.l-box{padding:20px 10px 20px 10px;}
	div.flex-box div.l-box div.date-list{padding:10px 10px;}

	div.section-01 div.right{width:100%; padding-left:0px; padding-top:30px;}

    div.flex-box div.l-box div.top span.date{width: 100%;}
    div.flex-box div.l-box div.top h5.tit{font-size: 23px;}
    ul.calendar-box{flex-flow: wrap;}
    ul.calendar-box li{width: 100%;}
    ul.calendar-box li:first-child{margin-bottom: 10px;}
    div.flex-box div.r-box{}
    div.flex-box div.r-box ul.btn-box li a{font-size:15px;}

}
@media all and (max-width: 768px) {
    div.section-01{flex-flow: wrap; padding: 30px 0 30px 0;}
    div.section-01 div.left{width: 100%;}

    div.flex-box div.l-box div.top h5.tit{font-size: 20px;}
    div.flex-box div.l-box div.top span.date{width: 100%; font-size: 15px;}
    div.flex-box div.l-box{width: 48%; padding: 20px 15px;}
    div.flex-box div.r-box{width: 48%;}

    div.flex-box div.r-box ul.btn-box li:last-child a span:before{background-size: 15px;}
    div.lawmaker-txt{padding:40px 30px 0 30px; background-size: 150px;}
    div.lawmaker-txt span.txt02 i{font-size: 26px;}
    ul.ico-link-box{flex-flow: wrap;}
    ul.ico-link-box li{width: 48%;}
    ul.ico-link-box li a{padding-bottom: 20px;}
    ul.ico-link-box li:nth-child(3) a{padding-bottom: 0px;}
    ul.ico-link-box li:nth-child(4) a{padding-bottom: 0px;}
    ul.ico-link-box li:nth-child(2) a:after{content: none;}
    div.section-01 div.left div.banner-slide div.slick-slide a img{width: 100%; height: 100%;}
}
@media all and (max-width:680px) {

    div.lawmaker-txt{padding:20px 20px 0 20px; background-size: 150px;}
	div.flex-box div.r-box ul.btn-box{top:100px; left:20px;}

	div.flex-box div.r-box ul.btn-box li a{font-size:14px; padding:8px 20px;}

}
@media all and (max-width: 480px) {
    ul.calendar-box li a{font-size: 14px; padding: 5px 10px;}
    div.flex-box div.r-box ul.btn-box li a{font-size: 14px;}
    div.flex-box{flex-flow: wrap;}
    div.flex-box div.l-box{width: 100%;}
    div.flex-box div.l-box span.during-txt{}
    div.flex-box div.r-box{width: 100%; height: 210px; margin-bottom:20px;}
    div.lawmaker-txt{background-size: 140px;}
    ul.ico-link-box{padding: 15px 5px;}
    ul.ico-link-box li a span{font-size: 13px;}
    ul.ico-link-box li a span:before{background-size: 23px;}
    ul.ico-link-box li:nth-child(2) a span:before{background-size: 15px;}
    ul.ico-link-box li:nth-child(3) a span:before{background-size: 17px;}
    ul.ico-link-box li:nth-child(4) a span:before{background-size: 22px;}
}


div.section-02 div.right{width:30%;}
div.section-02 div.map-flex-box{width:100%;}
div.section-02 div.map-flex-box div.map-tab-box{position:absolute; top:150px; left:0px; z-index: 1; width:140px;}
div.section-02 div.map-flex-box div.map-tab-box a{font-family:"NotoKrM"; font-size:16px; color:#000; background:#fff; border:solid 1px #e1e1e1; padding:10px 10px; width:100%; display:inline-block; text-align:center; transition: all 0.3s ease-in-out; border-radius:30px;}
div.section-02 div.map-flex-box div.map-tab-box a:hover{border:solid 1px #1b87a4; color:#1b87a4;}
div.section-02 div.map-flex-box div.map-tab-box a.map-tab.on{border:solid 1px #1b87a4; color:#fff; background:#485983;}
div.section-02 div.map-flex-box div.map-tab-box a.mtab2{margin-top:10px;}
div.section-02 div.map-flex-box div.map-cont{width: 100%;}
div.section-02 div.map-flex-box div.map-cont ul{width:100%; height:460px; margin-top:0px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-bg.png") no-repeat 160px 30px; display:block; position: relative;}
div.section-02 div.map-flex-box div.map-cont ul li a{position: absolute; transition: all 0.3s ease-in-out; z-index: 1;}
div.section-02 div.map-flex-box div.map-cont ul li.Gi-jang a{width:90px; height:90px; top:103px; left:725px;}
div.section-02 div.map-flex-box div.map-cont ul li.Gi-jang a:hover{width:271px; height:309px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Gijang-on.png?v=260722_2") no-repeat; top:24px; left:655px;}
div.section-02 div.map-flex-box div.map-cont ul li.Gi-jang a.hover{width:271px; height:309px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Gijang-on.png?v=260722_2") no-repeat; top:24px; left:655px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Gum-jueong a{width:60px; height:54px; top:143px; left:589px;}
div.section-02 div.map-flex-box div.map-cont ul li.Gum-jueong a:hover{width:142px; height:150px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Gumjeong-on.png?v=260722") no-repeat; top:90px; left:555px;}
div.section-02 div.map-flex-box div.map-cont ul li.Gum-jueong a.hover{width:142px; height:150px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Gumjeong-on.png?v=260722") no-repeat; top:90px; left:555px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Haundae a{width:60px; height:30px; top:266px; left:634px;}
div.section-02 div.map-flex-box div.map-cont ul li.Haundae a:hover{width:124px; height:149px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Haundae-on.png?v=260722") no-repeat; top:192px; left:618px;}
div.section-02 div.map-flex-box div.map-cont ul li.Haundae a.hover{width:124px; height:149px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Haundae-on.png?v=260722") no-repeat; top:192px; left:618px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Yeon-jae a{width:37px; height:24px; top:249px; left:564px;}
div.section-02 div.map-flex-box div.map-cont ul li.Yeon-jae a:hover{width:93px; height:82px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Yeonjae-on.png?v=260722") no-repeat; top:216px; left:533px;}
div.section-02 div.map-flex-box div.map-cont ul li.Yeon-jae a.hover{width:93px; height:82px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Yeonjae-on.png?v=260722") no-repeat; top:216px; left:533px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Su-yeong a{width:43px; height:25px; top:289px; left:585px;}
div.section-02 div.map-flex-box div.map-cont ul li.Su-yeong a:hover{width:84px; height:98px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Suyeong-on.png?v=260722") no-repeat; top:264px; left:565px; z-index: 1;}
div.section-02 div.map-flex-box div.map-cont ul li.Su-yeong a.hover{width:84px; height:98px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Suyeong-on.png?v=260722") no-repeat; top:264px; left:565px; z-index: 1;}
div.section-02 div.map-flex-box div.map-cont ul li.Dong-rae a{width:50px; height:26px; top:214px; left:548px;}
div.section-02 div.map-flex-box div.map-cont ul li.Dong-rae a:hover{width:104px; height:90px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Dongrae-on.png?v=260722") no-repeat; top:186px; left:530px;}
div.section-02 div.map-flex-box div.map-cont ul li.Dong-rae a.hover{width:104px; height:90px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Dongrae-on.png?v=260722") no-repeat; top:186px; left:530px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Nam-gu a{width:50px; height:36px; top:327px; left:535px;}
div.section-02 div.map-flex-box div.map-cont ul li.Nam-gu a:hover{width:92px; height:113px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Namgu-on.png?v=260722") no-repeat; top:289px; left:519px;}
div.section-02 div.map-flex-box div.map-cont ul li.Nam-gu a.hover{width:92px; height:113px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Namgu-on.png?v=260722") no-repeat; top:289px; left:519px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Yeong-do a{width:50px; height:30px; top:379px; left:483px;}
div.section-02 div.map-flex-box div.map-cont ul li.Yeong-do a:hover{width:87px; height:104px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Yeongdo-on.png?v=260722") no-repeat; top:355px; left:471px;}
div.section-02 div.map-flex-box div.map-cont ul li.Yeong-do a.hover{width:87px; height:104px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Yeongdo-on.png?v=260722") no-repeat; top:355px; left:471px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Jung-gu a{width:32px; height:26px; top:339px; left:467px}
div.section-02 div.map-flex-box div.map-cont ul li.Jung-gu a:hover{width:50px; height:42px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Junggu-on.png?v=260722") no-repeat; top:334px; left:461px;}
div.section-02 div.map-flex-box div.map-cont ul li.Jung-gu a.hover{width:50px; height:42px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Junggu-on.png?v=260722") no-repeat; top:334px; left:461px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Seo-gu a{width:30px; height:30px; top:303px; left:457px;}
div.section-02 div.map-flex-box div.map-cont ul li.Seo-gu a:hover{width:72px; height: 143px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Seogu-on.png?v=260722") no-repeat; top:287px; left:424px;}
div.section-02 div.map-flex-box div.map-cont ul li.Seo-gu a.hover{width:72px; height: 143px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Seogu-on.png?v=260722") no-repeat; top:287px; left:424px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Dong-gu a{width:38px; height:27px; top:305px; left:492px;}
div.section-02 div.map-flex-box div.map-cont ul li.Dong-gu a:hover{width:69px; height:72px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Donggu-on.png?v=260722") no-repeat; top:284px; left:483px;}
div.section-02 div.map-flex-box div.map-cont ul li.Dong-gu a.hover{width:69px; height:72px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Donggu-on.png?v=260722") no-repeat; top:284px; left:483px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Busan-jin a{width:56px; height:26px; top:254px; left:493px;} 
div.section-02 div.map-flex-box div.map-cont ul li.Busan-jin a:hover{width:119px; height:102px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Busanjin-on.png?v=260722") no-repeat; top:214px; left:464px;}
div.section-02 div.map-flex-box div.map-cont ul li.Busan-jin a.hover{width:119px; height:102px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Busanjin-on.png?v=260722") no-repeat; top:214px; left:464px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Sa-ha a{width:60px; height:50px; top:323px; left:386px;}
div.section-02 div.map-flex-box div.map-cont ul li.Sa-ha a:hover{width:126px; height:148px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Sahagu-on.png?v=260722") no-repeat; top:285px; left:340px;}
div.section-02 div.map-flex-box div.map-cont ul li.Sa-ha a.hover{width:126px; height:148px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Sahagu-on.png?v=260722") no-repeat; top:285px; left:340px; z-index:2;}
div.section-02 div.map-flex-box div.map-cont ul li.Gang-seo a{width:100px; height:60px; top:236px; left:276px;}
div.section-02 div.map-flex-box div.map-cont ul li.Gang-seo a:hover{width:342px; height:303px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Gangseogu-on.png?v=260722") no-repeat; top:140px; left:156px;}
div.section-02 div.map-flex-box div.map-cont ul li.Gang-seo a.hover{width:342px; height:303px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Gangseogu-on.png?v=260722") no-repeat; top:140px; left:156px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Sa-sang a{width:58px; height:35px; top:243px; left:423px;}
div.section-02 div.map-flex-box div.map-cont ul li.Sa-sang a:hover{width:126px; height:120px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Sasanggu-on.png?v=260722") no-repeat; top:194px; left:390px;}
div.section-02 div.map-flex-box div.map-cont ul li.Sa-sang a.hover{width:126px; height:120px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Sasanggu-on.png?v=260722") no-repeat; top:194px; left:390px; z-index: 0;}
div.section-02 div.map-flex-box div.map-cont ul li.Buk-gu a{width:61px; height:46px; top:158px; left:498px;}
div.section-02 div.map-flex-box div.map-cont ul li.Buk-gu a:hover{width:139px; height:132px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Bukgu-on.png?v=260722") no-repeat; top:99px; left:454px;}
div.section-02 div.map-flex-box div.map-cont ul li.Buk-gu a.hover{width:139px; height:132px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/map-Bukgu-on.png?v=260722") no-repeat; top:99px; left:454px; z-index: 0;}
@media all and (max-width: 1400px) {
    div.section-02 div.map-flex-box div.map-tab-box a{width:70%;}
    div.section-02 div.map-flex-box div.map-cont{padding: 0 0px 0 0; transform: scale(1) translate(4%, 0px); position: relative; left: 50%; margin-left:-550px;}
    div.section-02 div.map-flex-box div.map-cont ul{width:920px; display: block; margin: 0 auto;}
}
@media all and (max-width: 1024px) {
    div.section-02{flex-flow: wrap; padding:30px 0 0px 0;}

    div.section-02 div.map-flex-box div.map-tab-box{top:90px; width: 20%;}
    div.section-02 div.map-flex-box div.map-tab-box a{width:50%;}
    div.section-02 div.map-flex-box div.map-cont{width: 100%;}

    div.section-02 div.left{width: 100%; padding-right: 0px;}
    div.section-02 div.map-flex-box div.map-cont{padding: 0 0px 0 0; transform: scale(0.9) translate(4%, 60px); margin-top: -40px;}
    div.section-02 div.map-flex-box div.map-tab-box{width: 100%;}
    div.section-02 div.map-flex-box div.map-cont{width: 100%;}
    div.section-02 div.map-flex-box div.map-cont ul{}

    div.section-02 div.right{width: 100%;}
}
@media all and (max-width: 768px) {
    div.section-02 div.map-flex-box div.map-tab-box{display: flex; justify-content: space-between;}
    div.section-02 div.map-flex-box div.map-tab-box a{width: 48%;}
    div.section-02 div.map-flex-box div.map-tab-box a.mtab2{margin-top: 0px;}
    div.section-02 div.map-flex-box div.map-cont{padding: 0 0px 0 0; transform: scale(0.6) translate(52%, 180px); margin-top: -160px;}
}
@media all and (max-width: 480px) {
    div.section-02 div.map-flex-box{height:430px; margin-top: -50px;}
    div.section-02 div.map-flex-box div.map-cont{padding: 0 0px 0 0; transform: scale(0.49) translate(40%, 140px); margin-top: -130px; margin-left: -420px;}
}
@media all and (max-width: 380px) {
    div.section-02 div.map-flex-box{height: 400px; margin-top: -80px;}
    div.section-02 div.map-flex-box div.map-cont{padding: 0 0px 0 0; transform: scale(0.4) translate(71%, 162px); margin-top: -150px; margin-left: -380px;}
}
div.section-02 div.lawmaker-slide-box{width:100%; padding:60px 0 0 0; position: relative;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide{width: 100%;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.slick-list{margin: 0 0 0 -10px;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list{background:#fff; padding: 15px; box-sizing: border-box; margin: 0 5px; box-sizing: border-box; height:auto; border-radius:20px;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.top{display: flex; justify-content: space-between;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.top span.tit{display: block; font-family:"NotoKrM"; font-size:18px; color:#000;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.top a.more{font-family:"NotoKrR"; display: none; font-size: 30px; line-height: 18px; color: #333333; text-decoration: none;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide img{border-radius:100px; margin:0; width:80px; height:auto;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.con{display: flex; justify-content: flex-start; padding: 0px 0px 0px 0px;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.con div.txt-box{font-family:"NotoKrM"; padding:10px 0 0 15px; box-sizing: border-box; font-size:15px; color:#555;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.con div.txt-box span{display:block; margin-bottom:2px;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.con div.txt-box .committee{display: none;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.con div.txt-box .home-btn{display: block; margin-top:10px; margin-bottom:0px; padding: 5px 10px; color:#fff; background:#1b87a4; border-radius: 4px;}
div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.con div.txt-box .home-btn span{display: block; font-size: 14px; line-height: 120%; padding: 3px 0px 0px 18px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/home-icon.png") left no-repeat;}
div.section-02 div.lawmaker-slide-box div.control{position: absolute; top: 0; right: 10px;}
div.section-02 div.lawmaker-slide-box div.control p.bt_box{width: 80px; display: flex; justify-content: space-between;}
div.section-02 div.lawmaker-slide-box div.control p.bt_box a{display: block; text-indent: -9999px;}
div.section-02 div.lawmaker-slide-box div.control p.bt_box a.prev-slide{width: 11px; height: 17px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-prevBtn.png") no-repeat;}
div.section-02 div.lawmaker-slide-box div.control p.bt_box a.stop-slide{width: 11px; height: 17px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-stopBtn.png") no-repeat;}
div.section-02 div.lawmaker-slide-box div.control p.bt_box a.start-slide{width: 11px; height: 17px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-playBtn.png") no-repeat;}
div.section-02 div.lawmaker-slide-box div.control p.bt_box a.next-slide{width: 11px; height: 17px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-nextBtn.png") no-repeat;}
div.section-02 div.lawmaker-slide-box div.control p.bt_box a.more-btn{width: 17px; height: 17px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-moreBtn.png") no-repeat;}
div.section-02 div.lawmaker-slide-box div.member-ctrl{position:absolute; top:0px; right:10px; }
/*div.section-02 div.lawmaker-slide-box div.control{}*/
div.section-02 div.lawmaker-slide-box div.member-ctrl button{display:inline-block; vertical-align:top; width:40px; height:40px; border:1px solid #e1e1e1; border-radius:50%; text-indent:-9999px;}
div.section-02 div.lawmaker-slide-box div.member-ctrl button.btn-prev{background:url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-prevBtn.png") no-repeat center #fff;}
div.section-02 div.lawmaker-slide-box div.member-ctrl button.btn-pause{background:url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-stopBtn.png") no-repeat center #fff;}
div.section-02 div.lawmaker-slide-box div.member-ctrl button.btn-play{background:url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-playBtn.png") no-repeat center #fff;}
div.section-02 div.lawmaker-slide-box div.member-ctrl button.btn-next{background:url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-nextBtn.png") no-repeat center #fff;}
div.section-02 div.lawmaker-slide-box div.member-ctrl .btn-more{display:inline-block; vertical-align:top; width:40px; height: 40px; border:1px solid #e1e1e1; border-radius:50%; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/lawmaker-moreBtn.png") no-repeat center #fff; font-size:0px; text-indent: -9999px;}


div.Clinic-search{width: 100%; background:#cdeff6; padding:40px 30px; box-sizing:border-box; border-radius:10px 10px 0px 0px;}
div.Clinic-search h5.tit{font-family: "GmarketSansTTFMedium"; font-size:22px; color:#1b87a4;}
div.Clinic-search div.search-box p.flex-box{display: flex; justify-content: space-between; padding: 15px 0 0 0;}
div.Clinic-search div.search-box p.flex-box a{font-family:"NotoKrR"; font-size:15px; color:#38435d; display:block; padding:8px 35px; box-sizing:border-box; background:#fff; border-radius:20px; transition: all 0.3s ease-in-out;}
div.Clinic-search div.search-box p.flex-box a:hover{background: #333333; color: #fff;}
div.Clinic-search div.search-box div.search-con{display:flex; justify-content:flex-start; padding:10px 0 0 0; border-bottom:2px solid #1b87a4;}
div.Clinic-search div.search-box div.search-con input[type="text"]{width: 80%; padding:10px 10px; border:none; background:none; box-sizing: border-box;}
div.Clinic-search div.search-box div.search-con input[type="text"]::placeholder{font-family: "NotoKrR"; font-size:15px; color:#000;}
div.Clinic-search div.search-box div.search-con input[type="submit"]{font-family:"NotoKrR"; font-size:0px; width:20%; height:40px; color:#fff; border:none; box-sizing:border-box; cursor: pointer; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/msearch-icon.png") center no-repeat;}


div.standing-commiitte{position:relative; width:100%; background: #f9f9f9; padding:30px 30px 80px 30px; box-sizing:border-box; background:#d8e5fb;}
div.standing-commiitte:before{position:absolute; bottom:0px; left:50%; width:438px; margin-left:-219px; height:93px; background:url("/humanframe/theme/www/assets/images/01_assembly/main/26/standing-comm-bg.png") no-repeat center; content:"";}
div.standing-commiitte h5.tit{font-family: "GmarketSansTTFMedium"; font-size:22px; color:#38435d;}
div.standing-commiitte ul.commiitte-list{width:100%; display: flex; justify-content: space-between; flex-flow: wrap; padding:15px 0px 0px 0px;}
div.standing-commiitte ul.commiitte-list li{width: 48%; padding-bottom:20px;}
div.standing-commiitte ul.commiitte-list li a{font-family:"NotoKrR"; font-size:15px; display:block; width:100%; background:#fff; transition:all 0.3s ease-in-out; color:#000000; padding:10px 5px; box-sizing: border-box; text-align: center; border:solid 1px #fff; border-radius:30px;}
div.standing-commiitte ul.commiitte-list li a:hover{border:solid 1px #333; background:#333; color:#fff;}
div.standing-commiitte ul.commiitte-list li a.active{border:solid 1px #333; background:#333; color:#fff;}
/*div.standing-commiitte  ul.commiitte-list{width: 100%; display: flex; justify-content: space-between; flex-flow: wrap; padding: 20px 0 0 0;}
div.standing-commiitte  ul.commiitte-list li{width: 48%; padding-bottom: 10px;}
div.standing-commiitte  ul.commiitte-list li a{font-family: 'NotoKrR'; font-size:16px; display: block; width:100%; background: #f2e6e6; transition: all .3s ease-in-out;
    color: #000000; padding:11px 5px; box-sizing: border-box; text-align: center; border:solid 1px #f2e6e6; letter-spacing: -2px;}
div.standing-commiitte  ul.commiitte-list li a:hover{font-family: 'NotoKrB'; border:solid 1px #db2d56; color: #000000;}
div.standing-commiitte  ul.commiitte-list li a.active{border:solid 1px #db2d56; color: #000000;}*/
@media all and (max-width: 1400px) {
    div.Clinic-search{}
    div.Clinic-search h5.tit{font-size: 22px;}
    div.Clinic-search div.search-box p.flex-box a{padding: 7px 25px; text-align: center;}
    div.Clinic-search div.search-box div.search-con{padding: 15px 0 0 0;}
    div.standing-commiitte h5.tit{font-size: 22px;}
    div.standing-commiitte ul.commiitte-list li a{font-size: 15px; padding: 15px 5px;}
}
@media all and (max-width: 1024px) {
    div.section-02 div.left h5.maptit{position: relative; top: auto; left: auto; font-size: 22px; margin-bottom: 20px;}
    div.section-02 div.left h5.maptit span{font-size: 15px; padding: 0px 0 0 0;}
    div.Clinic-search{margin-top: 20px; padding: 20px 15px;}
    div.Clinic-search div.search-box p.flex-box a{width: 31%; margin-bottom: 0px; font-size: 14px;}
    div.Clinic-search div.search-box p.flex-box a:last-child{margin-bottom: 0px;}
    div.Clinic-search div.search-box div.search-con{flex-flow: wrap;}
    div.standing-commiitte{padding:15px 15px 80px 15px; margin-bottom: 10px;}
    div.standing-commiitte ul.commiitte-list{flex-flow: wrap;}
    div.standing-commiitte ul.commiitte-list li{width:31%; padding-bottom: 5px;}
    div.standing-commiitte ul.commiitte-list li a{padding: 5px 5px;}
}
@media all and (max-width:768px) {
    div.section-02 div.map-flex-box div.map-tab-box{padding:0px 0 0 0;}

	div.section-02 div.lawmaker-slide-box{padding:50px 0 0 0;}
    div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.slick-list{margin: 0 -10px 0 -10px;}
    div.Clinic-search div.search-box div.search-con input[type="text"]{width: 80%;}
    div.Clinic-search div.search-box div.search-con input[type="submit"]{width: 20%; margin-top: 0px;}
    div.standing-commiitte{margin-bottom:0px;}
    div.standing-commiitte ul.commiitte-list li{width: 48%; padding-bottom: 10px;}
    div.standing-commiitte ul.commiitte-list li a{letter-spacing: 0px;}
}
@media all and (max-width: 680px) {
    div.section-02 div.left h5.maptit{font-size: 20px;}
    div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.con{flex-direction: column; align-items: center;}
    div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.slick-list{margin: 0 0 0 0px;}
    div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.top span.tit{font-size: 17px;}
    div.section-02 div.lawmaker-slide-box div.lawmaker-slide div.list div.con div.txt-box{padding: 10px 0 0 0px;}
    div.Clinic-search h5.tit{font-size: 20px;}
    div.standing-commiitte h5.tit{font-size: 20px;}
	div.section-02 div.left h5.maptit span{font-size:14px; }
	
}
@media all and (max-width: 480px) {
    div.Clinic-search{padding: 10px 15px;}
    div.Clinic-search div.search-box p.flex-box a{padding: 10px 10px;}
    div.Clinic-search div.search-box div.search-con input[type="text"]{padding: 5px 10px;}
    div.Clinic-search div.search-box div.search-con input[type="submit"]{padding: 5px 10px;}

	div.standing-commiitte:before{position:absolute; bottom:0px; left:0px; width:100%; margin-left:0px;}

    div.standing-commiitte ul.commiitte-list li{width: 100%;}
    div.standing-commiitte ul.commiitte-list li a{font-size: 14px;}
}
div.section-03{width:100%; padding: 0 0 70px 0;}
div.section-03 ul.lco-link-box{width: 100%; display: flex; justify-content: space-between;}
div.section-03 ul.lco-link-box li{width: 8%;}
div.section-03 ul.lco-link-box li a{display: block; width: 100%;}
div.section-03 ul.lco-link-box li a:hover{-webkit-animation: vibes 1.5s ease infinite; animation: vibes 1.5s ease infinite;}
/*div.section-03 ul.lco-link-box li a div.img img{display: block; margin: 0 auto;}*/
div.section-03 ul.lco-link-box li a div.img{width:86px; height:86px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/sec-3-icoImg01.png") no-repeat center #f7f7f7; display:block; margin:0 auto; border-radius:30px;}
div.section-03 ul.lco-link-box li:nth-child(2) a div.img{background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/sec-3-icoImg02.png") no-repeat center #f7f7f7;}
div.section-03 ul.lco-link-box li:nth-child(3) a div.img{background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/sec-3-icoImg03.png") no-repeat center #f7f7f7;}
div.section-03 ul.lco-link-box li:nth-child(4) a div.img{background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/sec-3-icoImg04.png") no-repeat center #f7f7f7;}
div.section-03 ul.lco-link-box li:nth-child(5) a div.img{background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/sec-3-icoImg05.png") no-repeat center #f7f7f7;}
div.section-03 ul.lco-link-box li:nth-child(6) a div.img{background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/sec-3-icoImg06.png") no-repeat center #f7f7f7;}
div.section-03 ul.lco-link-box li:nth-child(7) a div.img{background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/sec-3-icoImg07.png") no-repeat center #f7f7f7;}
div.section-03 ul.lco-link-box li:nth-child(8) a div.img{background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/sec-3-icoImg08.png") no-repeat center #f7f7f7;}
div.section-03 ul.lco-link-box li:nth-child(9) a div.img{background: url("/humanframe/theme/www/assets/images/01_assembly/main/26/sec-3-icoImg09.png") no-repeat center #f7f7f7;}
/*div.section-03 ul.lco-link-box li:nth-child(10) a div.img{width: 52px; height: 52px;
background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/sec-3-icoImg10.png") no-repeat center;}*/
@-webkit-keyframes vibes {
    0%, 40%, 100%{-webkit-transform: translateY(0);}
    20%, 60%{-webkit-transform: translateY(6px);}
}
div.section-03 ul.lco-link-box li a span.tit{display: block; font-family: "NotoKrM"; font-size:17px; color: #333333; text-align: center; padding:10px 0 0 0;}
div.tab-box01 div.cont div.moreAll-box a.moreAll{display:block; font-family: "NotoKrM"; font-size:0px; color: #333333; padding: 0 0 0 27px; box-sizing: border-box; text-decoration: none; position: relative;}
div.tab-box01 div.cont div.moreAll-box a.moreAll:hover{-webkit-animation: vibes 1.5s ease infinite; animation: vibes 1.5s ease infinite;}
div.tab-box01 div.cont div.moreAll-box a.moreAll:before{content: ""; width: 16px; height: 12px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/moreAll-btn.png") no-repeat; position: absolute; top: 7px; left: 0;}
@media all and (max-width: 1024px) {
	div.section-03{padding: 0 0 10px 0;}

    div.section-03 ul.lco-link-box{flex-flow: wrap;}
    div.section-03 ul.lco-link-box li{width: 21%;}
    div.section-03 ul.lco-link-box li a{padding-bottom: 30px;}
}
@media all and (max-width: 768px) {
    div.section-03{padding: 0 0 0px 0;}
    div.section-03 ul.lco-link-box li a div.img{background-size: 40px;}
}
@media all and (max-width: 480px) {
    div.section-03 ul.lco-link-box li{width: 31%;}
    div.section-03 ul.lco-link-box li a span.tit{font-size: 14px;}
}
div.section-04{width:100%; background: #f9f9f9; padding: 50px 0 50px 0;}

div.section-05{width:100%; background:#e9f3f5; padding: 50px 0 50px 0;}

div.tab-box01{width:48%; height:310px; display:flex; padding:50px 0px 0px 0px; justify-content: space-between; position: relative; float:right;}

div.tab-box01 h5.tit{font-family:"GmarketSansTTFMedium"; font-size:30px; color:#38435d; position: absolute; top: 0; left: 0; letter-spacing:-0.02em;}
div.tab-box01 h5.tit strong{color:#1b87a4;}

div.tab-box01 div.tab-container{width: 100%;}
div.tab-box01 div.tab-container ul.tab_menu{display: flex; justify-content: flex-start; position: relative;}
div.tab-box01 div.tab-container ul.tab_menu li a{font-family:"NotoKrM"; font-size:18px; color:#000; display: block; border-radius:10px; padding:0px 0px 0px 14px; cursor:pointer; text-decoration: none; transition: all 0.3s ease-in-out; position: relative;}
div.tab-box01 div.tab-container ul.tab_menu li a.tab-link:hover{color:#1b87a4;}
div.tab-box01 div.tab-container ul.tab_menu li a.tab-link:hover:before{display:none; content: ""; width: 100px; height: 1px; background: #db2d56; position: absolute; bottom: -3px; left: -33%; transform: translate(50%, 0);}
div.tab-box01 div.tab-container ul.tab_menu li:last-child a.tab-link:hover:before{display:none; content: ""; width: 85px; height: 1px; background: #db2d56; position: absolute; bottom: -3px; left: -33%; transform: translate(50%, 0);}
div.tab-box01 div.tab-container ul.tab_menu li:first-child a.tab-link:hover:before{content: ""; left: -60%;}
div.tab-box01 div.tab-container ul.tab_menu li.on a.tab-link{color:#1b87a4;}
div.tab-box01 div.tab-container ul.tab_menu li.on a.tab-link:before{display:none; content: ""; width: 100px; height: 1px; background: #db2d56; position: absolute; bottom: -3px; left: -33%; transform: translate(50%, 0);}
div.tab-box01 div.tab-container ul.tab_menu li.on:last-child a.tab-link:before{content: ""; width: 85px; height: 1px; background: #db2d56; position: absolute; bottom: -3px; left: -33%; transform: translate(50%, 0);}
div.tab-box01 div.tab-container ul.tab_menu li.on:first-child a.tab-link:before{content: ""; left: -60%;}
div.tab-box01 div.tab-container ul.tab_menu li:first-child a.tab-link{display: block; padding: 0 0 0 0px;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont{width:100%; padding:0px 0px; box-sizing: border-box; position: absolute; top:50px; left: 0;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont{width: 100%; display: none;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list{width: 100%;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li{width:100%; margin-bottom:15px;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li:first-child{padding: 0 0 0 0px;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a{position:relative; display:block; width:100%; background: #fff; border:solid 1px #fff; padding:19px 180px 19px 20px; box-sizing: border-box; transition: all 0.3s ease-in-out;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a:hover{border:solid 1px #1b87a4; box-shadow: 2px 2px 14px #cecece;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a:before{content: none;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span{display: block;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span.list-tit{display: inline-block; display:none; font-family: "NotoKrM"; font-size: 15px; color: #fff; background: #8778d7; padding: 3px 15px; border-radius: 20px;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span.list-con-txt{font-family:"NotoKrM"; height:auto; font-size:16px; color:#000; padding:0px 0; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span.list-con-txt i{font-style: normal;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span.date-txt{position:absolute; top:20px; right:30px; font-family:"NotoKrM"; font-size:15px; color:#888888; padding:0px 0px 0px 20px;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span.date-txt:before{content: ""; width: 16px; height: 16px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/notice-date-ico.png") no-repeat; position: absolute; top:5px; left:0px;}
div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont.on{display: block;}
div.tab-box01 div.moreAll-box{position: absolute; top: -50px; right: 0;}

div.tab-box02{}
div.tab-box02 div.top-tit-box{display: flex; justify-content: space-between; padding-bottom: 30px; box-sizing: border-box;}
div.tab-box02 div.top-tit-box h5.tit{font-family:"GmarketSans"; font-weight:700; font-size:30px; color:#38435d;}
div.tab-box02 div.top-tit-box h5.tit strong{font-family:"GmarketSans"; font-size:30px; color:#26abb8; background:linear-gradient(to right, #26abb8, #22b35c); color:transparent; -webkit-background-clip: text;}
div.tab-box02 div.top-tit-box p.sns-ico-list{display: flex; justify-content: flex-start;}
div.tab-box02 div.top-tit-box p.sns-ico-list span{display: block; padding: 0 7px 0 0; border-radius:50%; /* overflow:hidden; */}
div.tab-box02 div.top-tit-box p.sns-ico-list span:last-child{padding: 0 0px 0 0;}
div.tab-box02 div.top-tit-box p.sns-ico-list a{display: block; text-indent: -9999px; width: 45px; height: 45px; border-radius: 50%;}
div.tab-box02 div.top-tit-box p.sns-ico-list a:hover{-webkit-animation: vibes 1.5s ease infinite; animation: vibes 1.5s ease infinite;}
div.tab-box02 div.top-tit-box p.sns-ico-list a.fb{background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/fb-ico.png") no-repeat;}
div.tab-box02 div.top-tit-box p.sns-ico-list a.nb{background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/nb-ico.png") no-repeat;}
div.tab-box02 div.top-tit-box p.sns-ico-list a.youtube{background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/youtubu-ico.png") no-repeat;}
div.tab-box02 div.top-tit-box p.sns-ico-list a.kakao{background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/kakao-ico.png") no-repeat;}
div.tab-box02 div.top-tit-box p.sns-ico-list a.insta{background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/insta-ico.png") no-repeat;}
div.tab-box02 div.top-tit-box p.sns-ico-list a.tw{background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/tw-ico.png") no-repeat;}
div.tab-box02 ul.sns-news-list{display: flex; justify-content: space-between;}
div.tab-box02 ul.sns-news-list li{width:23%;}
div.tab-box02 ul.sns-news-list li a{position: relative; display:block; width: 100%; background: #fff; transition: all 0.3s ease-in-out; border: solid 1px #f9f9f9; border-radius:10px; overflow:hidden;}
div.tab-box02 ul.sns-news-list li a:hover{border: solid 1px #6d5cc7; box-shadow: 2px 2px 14px #cecece;}
div.tab-box02 ul.sns-news-list li a .icon{position:absolute; top:200px; right:15px; width:52px; height:52px; background:#000; border:6px solid #fff; display:block; font-size: 0px; border-radius:50%;}
div.tab-box02 ul.sns-news-list li a .icon.face{background-image: url("/humanframe/theme/www/assets/images/01_assembly/main/22/face-icon.png"); background-repeat: no-repeat; background-position: left 7px center; background-color: #2a569c;}
div.tab-box02 ul.sns-news-list li a .icon.youtube{background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/youtubu-icon.png") no-repeat center #d3161e;}
div.tab-box02 ul.sns-news-list li a div.img{width:100%; height:230px;}
div.tab-box02 ul.sns-news-list li a div.img img{width: 100%; height: 100%;}
div.tab-box02 ul.sns-news-list li a span.txt{font-family:"NotoKrM"; font-size:16px; color: #333333; background: #fff; display: block; padding:30px 20px 20px 20px;; box-sizing: border-box;}
div.tab-box02 ul.sns-news-list li a span.txt i{font-style: normal; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2em; max-height: 2.4em;}


div.tab-box03{padding:0px 0 0 0; height:410px; width:48%; float:left;}
div.tab-box03 div.top-tit-box{width: 100%; position: relative;}
div.tab-box03 div.top-tit-box h5.tit{font-family:"GmarketSansTTFMedium"; font-size:30px; color:#38435d; position: absolute; top: 0; left: 0; letter-spacing:-0.02em;}
div.tab-box03 div.top-tit-box h5.tit strong{color:#1b87a4;}

div.tab-container{position:relative;}
div.tab-container ul.tab_menu02{width:100%; display:flex; justify-content:flex-start; padding:50px 80px 0 0;}
div.tab-container ul.tab_menu02 li a{font-family:"NotoKrM"; font-size:18px; color:#000; display:block; padding:0px 20px 0px 0px; cursor:pointer; text-decoration:none; transition: all 0.3s ease-in-out; position: relative;}
div.tab-container ul.tab_menu02 li a i{text-decoration: normal;}
div.tab-box03 div.tab-container ul.tab_menu02 li a.tab-link:hover{text-decoration:underline;}
div.tab-box03 div.tab-container ul.tab_menu02 li a.tab-link:hover:before{display:none; content: ""; width: 122px; height: 1px; background: #1097ff; position: absolute; bottom: -3px; left: -33%; transform: translate(50%, 0);}
div.tab-box03 div.tab-container ul.tab_menu02 li:first-child a.tab-link:hover:before{content: ""; width: 132px; left: -27%;}
div.tab-box03 div.tab-container ul.tab_menu02 li.on a.tab-link{color:#1b87a4;}
div.tab-box03 div.tab-container ul.tab_menu02 li.on a.tab-link:before{display:none; content: ""; width:122px; height: 1px; background: #1097ff; position: absolute; bottom: -3px; left: -33%; transform: translate(50%, 0);}
div.tab-box03 div.tab-container ul.tab_menu02 li.on:first-child a.tab-link:before{content: ""; width: 132px; left: -27%;}
div.tab-box03 div.tab-container ul.tab_menu02 li.on:nth-child(2) a.tab-link:before{content: ""; width: 132px; left: -27%;}
div.tab-box03 div.tab-container ul.tab_menu02 li:nth-child(2) a.tab-link:hover:before{content: ""; width: 132px; left: -27%;}
div.tab-box03 div.tab-container ul.tab_menu02 li.on:nth-child(3) a.tab-link:before{content: ""; width: 130px; left: -27%;}
div.tab-box03 div.tab-container ul.tab_menu02 li:nth-child(3) a.tab-link:hover:before{content: ""; width: 130px; left: -27%;}
div.tab_cont02 div.cont02{width:100%; display: none; position: absolute; top:100px; left: 0;}
div.tab_cont02 div.cont02.on{display: block;}
div.tab_cont02 div.cont02 ul.sns-news-list{display: flex; justify-content: space-between;}
div.tab_cont02 div.cont02 ul.sns-news-list li{width:48%;}
div.tab_cont02 div.cont02 ul.sns-news-list li:nth-child(3){display:none;}
div.tab_cont02 div.cont02 ul.sns-news-list li:nth-child(4){display:none;}
div.tab_cont02 div.cont02 ul.sns-news-list li a{display: block; width:100%; background: #fff; transition: all 0.3s ease-in-out; border: solid 1px #f9f9f9; padding: 0 0 0 0px;}
div.tab_cont02 div.cont02 ul.sns-news-list li a:before{display: none;}
div.tab_cont02 div.cont02 ul.sns-news-list li a:hover{border:solid 1px #1b87a4; box-shadow: 2px 2px 14px #cecece;}
div.tab_cont02 div.cont02 ul.sns-news-list li a div.img{width:100%; height:240px;}
div.tab_cont02 div.cont02 ul.sns-news-list li a div.img img{width: 100%; height: 100%;}
div.tab_cont02 div.cont02 ul.sns-news-list li a span.txt{font-family: "NotoKrM"; font-size: 16px; color: #333333; background: #fff; display: block; padding: 20px 20px; box-sizing: border-box;}
div.tab_cont02 div.cont02 ul.sns-news-list li a span.txt i{font-style: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

div.tab-box03 div.moreAll-box{position: absolute; top: -47px; right: 0;}
div.tab-box03 div.moreAll-box a.moreAll{display: block; font-family: "NotoKrM"; font-size:0px; color: #333333; padding: 0 0 0 27px; box-sizing: border-box; text-decoration: none; position: relative;}
div.tab-box03 div.moreAll-box a.moreAll:hover{-webkit-animation: vibes 1.5s ease infinite; animation: vibes 1.5s ease infinite;}
div.tab-box03 div.moreAll-box a.moreAll:before{content: ""; width: 16px; height: 12px; background: url("/humanframe/theme/www/assets/images/01_assembly/main/22/moreAll-btn.png") no-repeat; position: absolute; top: 7px; left: 0;}
@media all and (max-width: 1400px) {

}
@media all and (max-width: 1024px) {
	div.tab-box01{padding:40px 0px 0px 0px;}
    div.tab-box01 div.tab-container ul.tab_menu li a{font-size:18px;}
    div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span.list-tit{font-size: 14px;}

    div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span.date-txt:before{top:4px;}
    div.tab-box01 div.moreAll-box{top: -32px;}
    div.tab-box02{padding: 0px 0 0 0;}
    div.tab-box02 div.top-tit-box h5.tit{font-size: 22px;}
    div.tab-box02 ul.sns-news-list li a div.img{height: 140px;}
    div.tab-box02 ul.sns-news-list li a div.img img{height: 100%;}
    div.tab-box03 div.top-tit-box h5.tit{font-size:25px;}
    div.tab-container ul.tab_menu02 li a{font-size:18px;}
    div.tab_cont02 div.cont02 ul.sns-news-list li a div.img img{width: 100%; height: 100%;}

	div.section-04{padding:30px 0 30px 0;}
	div.section-05{padding:30px 0 30px 0;}

	div.tab-box03{width:100%; float:none; margin-bottom:20px;}

	div.tab-box01{width:100%; float:none;}
	div.tab-box01 h5.tit{font-size: 22px;}

	div.tab-box02 ul.sns-news-list li a .icon{top:115px; right:10px; width:48px; height:48px;border:4px solid #fff;}
	div.tab-box02 ul.sns-news-list li a span.txt{padding:30px 10px 20px 10px; box-sizing: border-box;}
	
}
@media all and (max-width: 768px) {
    div.section-04{padding: 30px 0 30px 0;}
    div.tab-box01 div.tab-container ul.tab_menu li a{font-size: 20px; padding: 0 0 0 5px;}
    div.tab-box01 div.tab-container ul.tab_menu li.on a.tab-link:before{width: 82px; left: -27%;}
    div.tab-box01 div.tab-container ul.tab_menu li a.tab-link:hover:before{/*left: -27%;*/ width: 82px; left: -45%;}
}
@media all and (max-width: 680px) {
    div.tab-box01{height:530px;}
    div.tab-box01 div.tab-container ul.tab_menu{width: 100%; flex-flow: wrap; justify-content: space-between;}
    div.tab-box01 div.tab-container ul.tab_menu li{width: 48%; margin-bottom: 10px;}
    div.tab-box01 div.tab-container ul.tab_menu li:first-child a.tab-link{padding: 10px 10px;}
    div.tab-box01 div.tab-container ul.tab_menu li a.tab-link{font-family: "GmarketSans"; font-weight: 400; background: #fff; color: #333; font-size: 16px; padding: 10px 10px; text-align: center; box-sizing: border-box; box-shadow: 2px 2px 2px #cecece;}
    div.tab-box01 div.tab-container ul.tab_menu li.on a.tab-link{background: #db2d56; color: #fff; padding: 10px 10px; box-sizing: border-box;}
    div.tab-box01 div.tab-container ul.tab_menu li a.tab-link:hover{background: #db2d56; color: #fff; padding: 10px 10px; box-sizing: border-box;}
    div.tab-box01 div.tab-container ul.tab_menu li.on a.tab-link:before{display: none;}
    div.tab-box01 div.tab-container ul.tab_menu li a.tab-link:hover:before{display: none;}
    div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont{top:220px; padding: 0px 0px;}
    div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list{flex-flow: wrap;}

    div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a{text-align: left; padding:15px 140px 15px 15px;}
	div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span.date-txt{top:15px; right:20px;}
    div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span.list-con-txt{font-size: 15px;}
    div.tab-box01 div.moreAll-box{top: -50px;}
    div.tab-box02{padding:0px 0 0 0;}

	div.tab-box02 div.top-tit-box{padding-bottom:10px;}
    div.tab-box02 div.top-tit-box p.sns-ico-list a.fb{width: 28px; height: 28px; background-size: 28px;}
    div.tab-box02 div.top-tit-box p.sns-ico-list a.youtube{width: 28px; height: 28px; background-size: 28px;}
    div.tab-box02 div.top-tit-box p.sns-ico-list a.nb{width: 28px; height: 28px; background-size: 28px;}
    div.tab-box02 div.top-tit-box p.sns-ico-list a.kakao{width: 28px; height: 28px; background-size: 28px;}
    div.tab-box02 div.top-tit-box p.sns-ico-list a.insta{width: 28px; height: 28px; background-size: 28px;}
    div.tab-box02 div.top-tit-box p.sns-ico-list a.tw{width: 28px; height: 28px; background-size: 28px;}
	div.tab-box02 div.top-tit-box p.sns-ico-list span{overflow:visible;}
    div.tab-box02 ul.sns-news-list{flex-flow: wrap;}
    div.tab-box02 ul.sns-news-list li{width: 48%;}
    div.tab-box02 ul.sns-news-list li:first-child{padding-bottom: 20px;}
    div.tab-box02 ul.sns-news-list li:nth-child(2){padding-bottom: 20px;}
    div.tab-box02 ul.sns-news-list li a span.txt{padding:30px 10px 20px 10px font-size: 15px;}
    div.tab-box03{height:430px; padding:0px 0 0 0;}
    div.tab-box03 div.tab-container{padding-top: 50px;}
    div.tab_cont02 div.cont02{top: 210px;}
    div.tab-container ul.tab_menu02{flex-flow: wrap; justify-content: space-between; padding: 0px 0px 0 0;}
    div.tab-container ul.tab_menu02 li{width: 48%;}
    div.tab-container ul.tab_menu02 li a{font-family: "GmarketSans"; font-weight: 400; font-size: 16px; background: #fff; padding: 10px 10px; box-sizing: border-box; box-shadow: 2px 2px 2px #cecece;}
    div.tab-container ul.tab_menu02 li:first-child a{margin-bottom: 10px;}
    div.tab-box03 div.tab-container ul.tab_menu02 li.on a.tab-link{background: #1097ff; color: #fff;}
    div.tab-box03 div.top-tit-box h5.tit{font-size: 22px;}
    div.tab-box03 div.tab-container ul.tab_menu02 li.on:first-child a.tab-link:before{display: none;}
    div.tab-box03 div.tab-container ul.tab_menu02 li.on a.tab-link:before{display: none;}
    div.tab-box03 div.tab-container ul.tab_menu02 li a.tab-link:hover:before{display: none;}
    div.tab-box03 div.moreAll-box a.moreAll{background: #f9f9f9; box-shadow: none;}
    div.tab_cont02 div.cont02 ul.sns-news-list{flex-flow: wrap;}
    div.tab_cont02 div.cont02 ul.sns-news-list li{width: 48%;}
    div.tab_cont02 div.cont02 ul.sns-news-list li a div.img{height: 133px;}
    div.tab_cont02 div.cont02 ul.sns-news-list li a div.img img{height: 100%;}
    div.tab_cont02 div.cont02 ul.sns-news-list li a span.txt{padding: 15px 15px;}

}
@media all and (max-width: 480px) {
    div.tab-box01{height:630px;}
    div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a{padding:15px;}
	div.tab-box01 div.tab-container ul.tab_menu li div.tab_cont div.cont ul.notice-list li a span.date-txt{position: relative; top:auto; right:auto; margin-top:5px;}

    div.tab-box02 div.top-tit-box{flex-flow: wrap; padding-bottom: 10px;}
    div.tab-box02 div.top-tit-box h5.tit{width: 100%; font-size: 20px;}
    div.tab-box02 div.top-tit-box p.sns-ico-list{padding-top: 10px;}
    div.tab-box03 div.top-tit-box h5.tit{font-size: 20px;}
}
.pop-movie{background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.pop-movie .in{width: 550px; position: absolute; top: 6.3%; left: 41.2%; margin-left: -275px;}
.pop-movie .pop-wrap{position: relative;}
.pop-movie .pop-wrap h4{background: #4b63c7; color: #fff; padding: 25px; font-size: 1.2em; padding-right: 50px;}
.pop-movie .pop-wrap .btnClose{position: absolute; bottom: 5px; left: 10px;}
.pop-movie .pop-wrap .btnClose img{width: 17px; height: 17px;}
.pop-movie .pop-wrap .movie>*{width: 100%;}
.pop-movie .pop-wrap .movie2{text-align: center; background: #c2e2ff url("/humanframe/theme/www/assets/images/r-main/pop-movie-bg.gif") no-repeat 50% 30px; overflow: hidden;}
.pop-movie .pop-wrap .movie2 .btn a{display: inline-block; background: #ff606a; color: #fff; padding: 10px 15px; margin: 200px 0 40px;}
.pop-movie .pop-wrap .today{background: #444; padding: 7px 15px; color: #fff; text-align: right; font-size: 0.9em;}
@media (max-width: 500px) {
    .pop-movie .in{width: 550px; position: absolute; top: 20%; left: 50%; margin-left: -275px;}
    .pop-movie .in{width: 90%; margin-left: -45%;}
    .pop-movie .pop-wrap h4{padding: 15px; font-size: 1em; padding-right: 40px;}
    .pop-movie .pop-wrap .movie2{background-size: 90% auto;}
    .pop-movie .pop-wrap .movie2 .btn a{margin: 50% 0 40px;}
    .pop-movie .pop-wrap .btnClose{bottom: 0;}
    .pop-movie .pop-wrap .btnClose img{width: 15px; height: 15px;}
}