@charset "UTF-8";


/* 공통 스타일 리셋 */
a:hover{text-decoration:none;}
mark{background:none; color:inherit;}

body{  letter-spacing:-0.5px; overflow:hidden;}

textarea,
input[type="text"],
input[type="password"],
select{border:1px solid #d1d3dc; height:55px; box-sizing:border-box; border-radius:5px; background-color:#fff;  padding:15px;}

select{
	background-image:url(/hadanlib/images/common/icon_select_arrow.png);
	background-repeat: no-repeat;
    background-position: right 20px center;
    padding:0 40px 0 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/* 레이아웃 공통 */
.inner{max-width:1460px; margin:0 auto;}
.full{max-width:1460px; margin:0 auto;}

.hidden{display:none; opacity:0;}

@media(max-width:1480px){
	.inner{margin:0 10px;}
	/* .full{max-width:100%; margin:0 10px;} */
}


/* ������������������������������������������������������������ */
/* Header
/* ������������������������������������������������������������ */
#header {position:relative; background:none; z-index:10;}
.headerother { height:40px; background:url(../../images/layout/headerotherbg.png) repeat-x; border-bottom:solid 1px #cbd3f1; clear:both; position:relative;}
.othersite {position:relative; bottom:0; float:left; margin-top:3px; height:38px;}
.othersite li{ float:left;height:32px;width:123px; margin-top:6px;}
.othersite li:nth-child(1){background:url(../../images/layout/othersitetab1_.png) no-repeat; position:relative; width:129px;height:32px; z-index:5;line-height:32px;}
.othersite li:nth-child(1) a {color:#fff; background:url(../../images/layout/othersiteicon1_.png) no-repeat 15px 50%; padding-left:35px; }
.othersite li:nth-child(2){background:url(../../images/layout/othersitetab2.png) no-repeat; position:relative;  z-index:4; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(2) a {color:#fff; background:url(../../images/layout/othersiteicon2.png) no-repeat 15px 50%; padding-left:35px; }
.othersite li:nth-child(3){background:url(../../images/layout/othersitetab3.png) no-repeat; position:relative;  z-index:3; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(3) a {color:#fff; background:url(../../images/layout/othersiteicon3.png) no-repeat 15px 50%; padding-left:35px; }
.othersite li:nth-child(4){background:url(../../images/layout/othersitetab4.png) no-repeat; position:relative;  z-index:2; margin-left:-20px;line-height:32px;}
.othersite li:nth-child(4) a {color:#fff; background:url(../../images/layout/othersiteicon5.png) no-repeat 15px 50%; padding-left:35px; font-size:90%;}
.othersite li:nth-child(5){background:url(../../images/layout/othersitetab1.png) no-repeat; position:relative;  z-index:6; margin-left:-20px; line-height:32px;  padding-top:6px; margin-top:1px; height:38px;}
.othersite li:nth-child(5) a {color:#4dc0bf; background:url(../../images/layout/othersiteicon5_.png) no-repeat 15px 50%; padding-left:35px;  font-size:90%;}


@media(max-width:1024px){
	.headerother{height:35px; border-bottom:0;}	
	.othersite {position:relative; margin-top:0px; height:35px; width:100%;}
	.othersite li{float:left; width:20% !important; height:35px !important; line-height:35px !important; margin-left:0 !important; margin-top:0 !important; padding-top:0 !important; box-sizing:border-box; font-size:13px; text-align:center;}	
	.othersite li:nth-child(1) {background:#414286;}
	.othersite li:nth-child(2) {background:#de5281;}
	.othersite li:nth-child(3) {background:#4e77ed;}
	.othersite li:nth-child(4) { background: #0CA0AE; padding:0; }
	.othersite li:nth-child(5) {background:#fff;}
	.othersite li:nth-child(5) a{color:#0054a6 !important;}
	.othersite li a{background:none !important; padding:0 !important; color:#fff !important;}
	.othercon{display:none;}
}



/* 슬라이드 페이징 */
.dadae-pagination{}
.dadae-pagination .bullets{display:inline-block; width:8px; height:8px; margin-right:6px; background:rgba(0,0,0,0.4); cursor:pointer;}
.dadae-pagination .bullets:focus{outline:none;}
.dadae-pagination .bullets-active{ background:#fff;}
.dadae-visual-swiper-pagination{margin-left:5px;}
.dadae-visual-swiper-pagination .bullets{display:inline-block; width:8px; height:8px; margin-right:5px; margin-top:5px; background:#555; cursor:pointer; vertical-align:top;}
.dadae-visual-swiper-pagination .bullets:focus{outline:none;}
.dadae-visual-swiper-pagination .bullets-active{width:14px; background:#5385df;}

/* 
	************************************************************************************************ 
	************************************************************************************************
*/
/* 다대 도서관 해더 */
.dadae-header{position:relative; height:200px;}
.dadae-header .full{position:relative; height:inherit; z-index:9;}
.dadae-header .dadae-logo{ width:225px; height:100px;}
.dadae-header .dadae-logo a{display:block; width:100%; height:100%; background:url(/hadanlib/images/common/logo.png) no-repeat left center;}
.dadae-header button.hamburger{display:none; position:absolute; width:80px; height:80px; right:0; top:10px; background:url(/hadanlib/images/common/icon_hamburger.png) no-repeat center; background-size:30px; z-index:99;}

.othercon {position:absolute; top:35px; right:0; display:flex;  }
.othercon * {font-family: 'GmarketSans'; font-weight:400;}
.othercon li{ margin-left:15px; padding-left:32px; line-height:32px; font-size:14px; color:#666; position:relative;}
.othercon li.dadae-book-search {background:url(/hadanlib/images/common/gnbbtn_search.png) no-repeat left center;}
.othercon li.login {background:url(/hadanlib/images/common/gnbbtn_login.png) no-repeat left center;}
.othercon li.join {background:url(/hadanlib/images/common/gnbbtn_member.png) no-repeat left center;}
.othercon li.dadae-book-search button {color:#666;}
.othercon li.dadae-book-search div {display:none;}
.othercon li.dadae-book-search.on div {display:flex; position:absolute; top:-5px; right:0; background:#e5366c; height:42px; padding:5px; border-radius:30px; width:300px; flex-wrap:wrap;}
.othercon li.dadae-book-search.on div input[type="text"] {border-radius:25px; border:0; padding:0 10px 0 10px; width:calc(100% - 35px); height:100%;}
.othercon li.dadae-book-search.on div button {width:30px; height:30px; background:#ff0000; background:url(/hadanlib/images/common/icon_search.png) no-repeat 50% 50%; text-indent:-9999px; overflow:hidden; margin-left:5px;}
.othercon li.dadae-book-search.on div .close {position:absolute; top:-18px; right:20px; width:12px; height:12px; background:url(/hadanlib/images/common/icon_close.png) no-repeat 50% 50%; text-indent:-9999px; overflow:hidden; background-size:contain;}

.dadae-header .dadae-gnb{ position:relative;  font-family: 'GmarketSans';}
.dadae-header .dadae-gnb:before {content:''; display:block; width:5000px; height:1px; background:#dedede; position:absolute; top:0; left:calc(50% - 2500px); }
.dadae-header .dadae-gnb:after {content:''; display:block; width:5000px; height:calc(100% - 100px); background:#fff; position:absolute; top:100px; left:calc(50% - 2500px); display:none; z-index:0; box-shadow:0 15px 10px rgba(0,0,0,0.1);}
.dadae-header.on .dadae-gnb:after {display:block;}
.dadae-header .dadae-gnb > ul{position:relative; display:flex; justify-content:space-between; width:calc(100% - 100px); z-index:1;   } 
.dadae-header .dadae-gnb > ul > li{width:200px;}
.dadae-header .dadae-gnb > ul > li > a{position:relative; display:block; display:block; width:100%; height:100px; line-height:100px; font-size:20px; color:#333; box-sizing:border-box; letter-spacing:-1px;}
.dadae-header .dadae-gnb > ul > li > a > span{display:inline-block; line-height:1;}
.dadae-header .dadae-gnb li:hover > a {color:#e5366c;}

.dadae-header .dadae-gnb > ul > li > ul {display:none; padding:0 0 10px 0;}
.dadae-header.on .dadae-gnb > ul > li > ul {display:block; color:#666;}
.dadae-header .dadae-gnb > ul > li > ul > li > ul {display:none;}
.sitemapicon {position:absolute; top:125px; right:0; width:52px; height:52px; background:url(/hadanlib/images/common/sitemap.png) no-repeat left center; overflow:hidden; text-indent:-9999px;}

.dadae-header .dadae-gnb > ul >li:nth-last-child(1),
.dadae-header .dadae-gnb > ul >li:nth-last-child(2) {display:none;}

@media(max-width:1480px){
	.dadae-header .full{max-width:100%; margin:0 10px;}
}

@media(max-width:1280px){
	
	.dadae-header .dadae-gnb > ul{width:100%;}
	.dadae-header .dadae-gnb > ul > li{width:auto;}
	.sitemapicon{display:none;}
	
}
@media(max-width:1024px){
	.dadae-header {height:100px;}
	.dadae-header button.hamburger{display:block;}
	.dadae-header .dadae-gnb{display:none;}	
	.othercon{display:none;}
	.dim {display:none; width:100%; position:fixed; background:rgba(0,0,0,0.8); height:100%; z-index:90; top:0; left:0;}
	.dadaelib-mnb.on * {z-index:100;}
}


/* 모바일 네비게이션 */
.dadaelib-mnb{background:#fff; visibility:hidden; opacity:0; z-index:-99999; position:fixed; width:100%; height:100%; max-width:300px; right:-300px; top:0; overflow-y:auto; -ms-overflow-style:none; z-index:99; 
    transition:all .25s ease; }
.dadaelib-mnb::-webkit-scrollbar{display:none;}
.dadaelib-mnb.on{visibility:visible; opacity:1; right:0;}
.dadaelib-mnb::before{position:fixed; display:inline-block; width:inherit; height:inherit; right:0; top:0; background:rgba(0,0,0,0.8);}
.dadaelib-mnb > ul{position:relative; z-index:2; /*margin-top:50px;*/}
.dadaelib-mnb > ul > li{}
.dadaelib-mnb > ul > li > a{position:relative; display:block; height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #eee; font-size:17px; font-weight:700; color:#000; letter-spacing:-1px;}
.dadaelib-mnb > ul > li.child > a::after{content:''; position:absolute; display:inline-block; width:40px; height:100%; right:0; top:0; background:url(/hadanlib/images/common/icon_mnb_open_dark.png) no-repeat center;}
.dadaelib-mnb > ul > li.child.active > a {background-image: linear-gradient(to left, #4b40b5, #bc37a3); color:#fff; border-bottom:none;}
.dadaelib-mnb > ul > li.child.active > a::after {background:url(/hadanlib/images/common/icon_mnb_close.png) no-repeat center;}
.dadaelib-mnb > ul > li:first-child > a{border-top:1px solid #eee;}
.dadaelib-mnb > ul > li > a > span{display:inline-block; line-height:1;}
.dadaelib-mnb > ul > li > a + ul{display:none; background:#562c8d;}
.dadaelib-mnb > ul > li > a + ul > li{}
.dadaelib-mnb > ul > li > a + ul > li > a{position:relative; display:block; height:40px; line-height:40px; padding:0 30px; font-size:15px; color:#fff; letter-spacing:-0.5px;}
.dadaelib-mnb > ul > li > a + ul > li > a::before{content:''; position:absolute; display:inline-block; width:100%; height:1px; left:0; bottom:0; background:#fff; opacity:0.1;}
.dadaelib-mnb > ul > li > a + ul > li.child > a::after{content:''; position:absolute; display:inline-block; width:40px; height:100%; right:0; top:0; background:url(/hadanlib/images/common/icon_mnb_open.png) no-repeat center;}
.dadaelib-mnb > ul > li > a + ul > li:last-child > a::before{content:''; position:absolute; display:none;}
.dadaelib-mnb > ul > li > a + ul > li > a > span{display:inline-block; line-height:1;}
.dadaelib-mnb > ul > li > a + ul > li > a + ul{display:none; background:rgb(128, 128, 255);}
.dadaelib-mnb > ul > li > a + ul > li > a + ul li{}
.dadaelib-mnb > ul > li > a + ul > li > a + ul li a{position:relative; display:block; height:35px; line-height:35px; padding:0 40px; font-size:13px; font-weight:300; color:#eee;}
.dadaelib-mnb > ul > li > a + ul > li > a + ul li a::before{display:inline-block; width:100%; height:1px; left:0; bottom:0; background:#ddd; opacity:0.1;}
.dadaelib-mnb > ul > li > a + ul > li > a + ul li:last-child a::before{display:none;}
.dadaelib-mnb .dadaelib-mnb-close{position:absolute; width:50px; height:50px; right:0; top:0; z-index:2; background:url(/hadanlib/images/common/icon_close.png) no-repeat center;}

.dadaelib-mnb .mothercon { margin-top: 50px; overflow: hidden; background:#f2f2f2;}
.dadaelib-mnb .mothercon>li > a {padding:0; text-align:center;}
.dadaelib-mnb .mothercon>li:nth-child(1) > a { height: 50px;  background: url(/hadanlib/images/common/gnbbtn_login.png) no-repeat 20px center; background-size:24px;}
.dadaelib-mnb .mothercon>li:nth-child(1),
.dadaelib-mnb .mothercon>li:nth-child(2){ width: 50%; float: left; border-left:1px solid #dedede;}
.dadaelib-mnb .mothercon>li:nth-child(2) > a { background: url(/hadanlib/images/common/gnbbtn_member.png) no-repeat 20px center; background-size:24px;}
.dadaelib-mnb .mothercon>li:nth-child(2) ul { width:calc(200% + 3px); margin-left:calc(-100% - 3px); }
.dadaelib-mnb .mothercon>li:nth-child(2) ul li { width: 100%; background: #D83B6D; }
.dadaelib-mnb .mothercon a { border-bottom: none; } 
.dadaelib-mnb .mothercon>li:nth-child(2).active > a {background-image:none; background:#D83B6D url(/hadanlib/images/common/gnbbtn_member.png) no-repeat 20px center; color:#fff;}




/* 
	************************************************************************************************ 
	************************************************************************************************
*/

.subvisual {background:url(/hadanlib/images/common/subvisualbg.jpg) no-repeat 50% 50%; background-size:cover; max-width:1800px; border-radius:20px; margin:0 auto; padding:60px 0 50px 0; text-align:center; font-family: 'GmarketSans';  margin-bottom:30px;}
.subvisual p {font-weight:700; color:#5040b4; font-style:italic;}
.subvisual h2 {font-size:32px; font-weight:700; color:#333; line-height:1em;}


/* container */
#container {position:relative; display:flex; max-width:1460px; margin:0 auto; justify-content:space-between;}

#aside { width:280px;padding-bottom:50px; font-family: 'GmarketSans';}
#snb > li {margin-bottom:10px;}
#snb > li > a { position:relative; background:#fff; display:block; padding:10px 20px 5px 26px; color:#333;font-size:1.153em;line-height:50px;text-decoration:none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border:1px solid #dedede; border-radius:10px;}
#snb > li.current > a { border-bottom:0; color:#fff;font-weight:700; width:310px; border-radius:10px 50px 50px 10px; border:0; background-image: linear-gradient(to left, #4b40b5, #bc37a3);}
#snb > li.current:has(ul) > a {border-radius:10px 50px 50px 0px;}
#snb > li:has(ul) > a:after {content:''; display:block; width:24px; height:24px; background:url(/hadanlib/images/layout/menu_more.png) no-repeat 50% 50%; position:absolute; top:calc(50% - 12px); right:20px;}
#snb > li.current:has(ul) > a:after {background:url(/hadanlib/images/layout/menu_more_w.png) no-repeat 50% 50%; right:50px;}

#snb ul {display:none;border:1px solid #dbdbdb; border-top:0; border-radius:0 0 10px 10px; padding:20px 20px;}
#snb .current ul {display:block; }
#snb ul li a {display:block; position:relative;}
#snb ul li a:before {content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:#dedede; transform: translateY(-3px); margin-right:7px;}
#snb ul li a.current { color:#4b40b5; text-decoration:underline;}
#snb ul li a.current:before {background:#4b40b5;}
#snb .tblank {position:absolute; right:20px; top:25px;}
#snb .tblank2 {margin-left:7px;}
#snb .tmore {position:absolute; right:20px; top:15px;}


.contents {width:calc(100% - 360px);}
.sub_title {border-bottom:1px solid #dedede; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:30px; padding:10px 0; position:relative; z-index:1;}
.sub_title .locations {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; font-size:17px; color:#888; display:flex; align-items:center;}
.sub_title .locations .home {margin-left:9px; display:inline-block; width:15px;height:15px; background:url(../../images/layout/icon_home.png) no-repeat; margin-top:-1px;}
.sub_title .locations .sep {display:inline-block;float:none;width:15px;height:15px;background:url(../../images/layout/bul_loc.png) no-repeat 50% 50%;vertical-align:middle; margin:-1px 5px 0 10px;}
.sub_title .locations strong {color:#333;font-weight:700}


/* 서브페이지 네비게이션 */
.sub_title .share{ height:44px; }
.sub_title .share > ul{display:flex; flex-wrap:wrap;}
.sub_title .share > ul > li{position:relative; font-size:16px; padding-left:41px;}
.sub_title .share > ul > li:first-child {padding-left:0;}
.sub_title .share > ul > li:before {content:''; display:block; width:1px; height:15px; background:#dedede; position:absolute; top:7px; left:20px;}
.sub_title .share > ul > li:first-child:before {display:none;}
.sub_title .share > ul > li > button.sns-share{background:url(/hadanlib/images/layout/btn_snsopen.png) no-repeat 0 50%;  padding-left:30px; line-height:24px;}
.sub_title .share > ul > li > button.sns-share + ul{display:none; position:absolute; width:130px; left:calc(50% - 65px); top:35px; background:#fff; border:1px solid #dedede; border-radius:10px; padding:10px;}
.sub_title .share > ul > li > button.sns-share + ul li a:before {content:''; display:inline-block; width:22px; height:22px; border-radius:3px; transform: translateY(5px); margin-right:3px;}
.sub_title .share > ul > li > button.sns-share + ul li:nth-child(1) a:before{background:#30b149 url(/hadanlib/images/ydk/icon_naver.png) no-repeat 50% 50%; background-size:50%;}
.sub_title .share > ul > li > button.sns-share + ul li:nth-child(2) a:before{background:#e95046 url(/hadanlib/images/ydk/icon_instagram.png) no-repeat 50% 50%; background-size:50%;}
.sub_title .share > ul > li > button.sns-share + ul li:nth-child(3) a:before{background:#445d98 url(/hadanlib/images/ydk/icon_facebook.png) no-repeat 50% 50%; background-size:50%;}
.sub_title .share > ul > li > button.sns-share + ul li:nth-child(4) a:before{background:#f3d60d url(/hadanlib/images/ydk/icon_story.png) no-repeat 50% 50%; background-size:50%;}
.sub_title .share > ul > li > button.print{background:url(/hadanlib/images/layout/btn_print.png) no-repeat 0 50%;  padding-left:30px; line-height:24px;}


@media(max-width:1280px){
	#aside {display:none;}	
	.contents {width:calc(100% - 20px); margin:0 10px; }
}
@media(max-width:1024px){
	.subvisual {padding:40px 0 35px 0;}
	.sub_title .share{display:none;}	
}

#conts {padding:0px 0 50px; min-height:500px;}

.footbanner {border-top:1px solid #333; border-bottom:1px solid #ddd; position:relative; z-index:9;}
.footbanner .inner {display:flex; flex-wrap:wrap; align-items:center; padding:30px 0; justify-content:space-between;}
.footbanner .inner h3 {font-size:18px; font-family: 'GmarketSans'; font-weight:400; margin:0; padding:0; }

.footbanner .inner .controll {width:90px; display:flex;}
.footbanner .inner .controll button {width:30px; height:30px; background-image:url(/hadanlib/images/common/controll.png); background-repeat:no-repeat; overflow:hidden; text-indent:-9999px;}
.footbanner .inner .controll button.swiper-prev-fbanner {background-position:0 0;}
.footbanner .inner .controll button.swiper-stop {background-position:-30px 0;}
.footbanner .inner .controll button.swiper-play {background-position:-60px 0;}
.footbanner .inner .controll button.swiper-next-fbanner {background-position:-90px 0;}

.footbanner .inner .footbanner-swiper {overflow:hidden; width:calc(100% - 250px);  }
.footbanner .inner .footbanner-swiper .swiper-slide {width:auto;}

#footer .infoline {display:flex; flex-wrap:wrap; justify-content:space-between; padding:32px 0; border-bottom:1px dashed #ddd; z-index:10; position:relative;}
#footer .infoline .finfo {width:calc(100% -  320px); background-image: linear-gradient(to left, #4b40b5, #bc37a3); border-radius:10px; display:flex; padding:10px 0 10px 160px; font-size:20px; color:#fff; font-family: 'GmarketSans'; letter-spacing:0; position:relative;}
#footer .infoline .finfo img {position:absolute; bottom:0; left:30px;}
#footer .infoline .finfo p {display:flex; align-items:center; margin-right:10px;}
#footer .infoline .finfo p strong {border-radius:30px; background:rgba(0,0,0,0.2); padding:5px 20px 2px;  font-size:16px; font-weight:400; margin-right:10px;}
#footer .infoline .finfo p span {transform: translateY(2px); }
#footer .infoline .finfo p span em {font-weight:700; }
#footer .infoline .finfo p span em.tel {color:#fffaa5!important;}
#footer .infoline .familysite {width:300px; position:relative;}
#footer .infoline .familysite > a {display:flex; align-items:center;  background:#f4f6f7;  height:100%; padding:0 20px; font-size:18px; justify-content:space-between; border-radius:10px; }
#footer .infoline .familysite > a:after {content:''; display:block; width:26px; height:26px;  background:url(/hadanlib/images/common/familybg.png) no-repeat 50% 50%; transition:all .2s;}
#footer .infoline .familysite.on > a {background:#b338a5; color:#fff;}
#footer .infoline .familysite.on > a:after {transform:rotate(180deg);}
#footer .infoline .familysite > div {position:absolute; bottom:60px; background:#333; display:none; width:100%; border-radius:10px; padding:20px; }
#footer .infoline .familysite > div ul li {border-bottom:1px dashed rgba(255,255,255,0.1); color:rgba(255,255,255,0.7);}
#footer .infoline .familysite > div ul li:last-child {border-bottom:0;}
#footer .infoline .familysite > div ul li a {font-size:16px; padding:10px; display:inline-block;}
#footer .infoline .familysite > div ul li a:hover {color:#fff;}
#footer .foot-guide {position:relative; }
#footer .foot-guide .foot_util {display:flex; font-size:18px; gap:30px; padding:20px 0;}
#footer .foot-guide .foot_util li:first-child {color:#bc37a3; font-weight:700;}
#footer .foot-guide .foot_info {display:flex; justify-content:space-between; margin-bottom:30px; align-items:center; flex-wrap:wrap;}
#footer .foot-guide .foot_info .addinfo .copyright {margin-top:20px;}
#footer .foot-guide .foot_info .foot_logo img {margin:0 10px;}

@media(max-width:1280px){
	#footer .infoline .finfo {width:100%; justify-content:center; flex-wrap:wrap; padding:10px 0 10px 0px; }
	#footer .infoline .finfo p {margin-right:0; margin:3px 10px;}
	#footer .infoline .finfo img {display:none;}
	#footer .foot-guide .foot_util {flex-wrap:wrap; gap:10px; justify-content:center; font-size:16px;}
	
	#footer .infoline .familysite {width:100%;  margin-top:10px;}
	#footer .infoline .familysite > a {padding:10px 20px;}
	#footer .foot-guide .foot_info {text-align:center; justify-content:center;}
}
@media(max-width:800px){
	.footbanner .inner {padding:10px 0; }
	.footbanner .inner .footbanner-swiper {width:100%;}
}


.satisfaction { width: 100%; max-width: 1280px; margin:50px auto 50px; border:1px solid #dedede; border-radius:20px; overflow:hidden; }
.sf_wrap {position:relative;}
.sf_research {border-bottom:1px solid #dedede; padding:20px 30px;}
.sf_research fieldset {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sf_research fieldset p {background:url(/hadanlib/images/layout/chargetxticon.png) no-repeat 0 50%; padding-left:30px;}
.sf_research fieldset .sf_survey {width:100%; display:flex; justify-content:space-between; margin-top:10px;}
.sf_research fieldset .sf_survey input[type="text"] {width:calc(100% - 105px); border-radius:6px; border:1px solid #f2f2f2;}
.sf_research fieldset .sf_survey input[type="text"]::placeholder {color:#ccc; font-weight:200;  }
.sf_research fieldset .sf_survey input[type="submit"] {width:100px; border-radius:6px; background:#5758a6; color:#fff; padding:10px 0;}
.sf_research fieldset .sf_level {position:relative;}
.sf_research fieldset .sf_level input[type="radio"] {width:0; height:0; opacity:0; position:absolute; top:0; left:0;}
.sf_research fieldset .sf_level label {margin-left:15px; position:relative; color:#7e828f; display:inline-block;}
.sf_research fieldset .sf_level label:nth-of-type(1) {margin-left:0;}
.sf_research fieldset .sf_level label:before {content:''; display:inline-block; width:19px; height:19px; border-radius:50%; border:1px solid #dedede; box-sizing:border-box; margin-right:3px; transform: translateY(4px);}
.sf_research fieldset .sf_level label:has(input[type="radio"]:checked) {color:#5758a6;}
.sf_research fieldset .sf_level label:has(input[type="radio"]:checked):before {border:5px solid #5758a6;}

.sf_charge {padding:15px 30px;display:flex; justify-content:space-between; flex-wrap:wrap;}
.sf_charge > div {}
.sf_charge > div strong {font-weight:400; line-height:19px; display:inline-block;}
.sf_charge > div strong:after {content:''; width:1px; height:10px; background:#ccc; display:inline-block; margin:0 10px 0 15px;}
.sf_charge > div.person strong { background:url(/hadanlib/images/layout/person.png) no-repeat 0 50%; padding-left:30px;}
.sf_charge > div.date strong {color:#7e828f;}


@media (max-width:768px) {
	.sf_research {padding:20px 15px;}
	.sf_research fieldset {display:flex;  justify-content:center;}
	.sf_charge {text-align:center; justify-content:center; padding:15px 15px;}
}