@charset "utf-8";
/* 웹폰트 :본고딕 */
@font-face 
{
	font-family:'Noto Sans KR';
	font-weight:200;
	src:url('/font/sites/noto_kr_l.eot');
	src:url('/font/sites/noto_kr_l.eot?#iefix') format('embedded-opentype'), 
        url('/font/sites/noto_kr_l.woff') format('woff');
}

@font-face 
{
	font-family:'Noto Sans KR';
	src:url('/font/sites/noto_kr_dl.eot');
	src:url('/font/sites/noto_kr_dl.eot?#iefix') format('embedded-opentype'), 
        url('/font/sites/noto_kr_dl.woff') format('woff');
}

@font-face 
{
	font-family:'Noto Sans KR';
	font-weight:500;
	src:url('/font/sites/noto_kr_r.eot');
	src:url('/font/sites/noto_kr_r.eot?#iefix') format('embedded-opentype'), 
        url('/font/sites/noto_kr_r.woff') format('woff'), 
	url('/font/sites/noto_kr_r.ttf') format('truetype');
}

@font-face 
{
	font-family:'Noto Sans KR';
	font-weight:600;
	src:url('/font/sites/noto_kr_m.eot');
	src:url('/font/sites/noto_kr_m.eot?#iefix') format('embedded-opentype'), 
        url('/font/sites/noto_kr_m.woff') format('woff');
}

@font-face 
{
	font-family:'Noto Sans KR';
	font-weight:bold;
	src:url('/font/sites/noto_kr_b.eot');
	src:url('/font/sites/noto_kr_b.eot?#iefix') format('embedded-opentype'), 
        url('/font/sites/noto_kr_b.woff') format('woff');
}

/* reset.css */
html{height:100%;position:relative;width:100%;font-size:17px;}
* {
	margin:0;padding:0;
	word-break:normal;
	box-sizing:border-box;
	-o-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -webkit-text-size-adjust:none;
}
*, *:before, *:after {-webkit-box-sizing:border-box;box-sizing:border-box;}
body {position:relative;width:100%;height:100%;-webkit-text-size-adjust:100%;margin:0;padding:0;line-height:1.25; font-family:'Noto Sans KR','Nanum Gothic','나눔 고딕','Malgun Gothic','돋움','sans-serif'; font-size:.9rem;color:#555;}
ul, ol, li, dl, dt, dd {margin:0;padding:0;list-style:none;}
p, h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-size:inherit}
h1, h2, h3, h4, h5, h6 {color:#333;}
a {color:inherit;text-decoration:none;}
*:hover {
			-webkit-transition:all 0.3s;
			-moz-transition:all 0.3s;
			-ms-transition:all 0.3s;
			-o-transition:all 0.3s;
			transition:all 0.3s;
		}
a:hover { color:#105649; text-decoration:underline !important;}
a:hover, a:active { outline:0;}
/*a:focus {outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color; }*/
a:focus{outline:dotted 3px red}    

img {font-size:0;vertical-align:middle;border:0;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
caption, legend {position:absolute;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}
select, input, textarea {/*-webkit-appearance:none;*/-webkit-border-radius:0; font-family:'Noto Sans KR','Nanum Gothic','나눔 고딕','Malgun Gothic','돋움','sans-serif'; font-size:.9rem;color:#454545;border:1px solid #c6c6c6;background:#fff;}
select, input {vertical-align:middle;}
address, em, i {font-style:normal;}
button {border:0;background:none;cursor:pointer;font-family:inherit;}
hr {margin:0;border:none;padding:0;display:block;}
figure, figcaption {margin:0;padding:0;}
fieldset {border:none;margin:0;padding:0;}
input[type="submit"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
header, footer, article, section, aside, nav, main {display:block;}
span{display:inline-block;}
.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;top:-5000px;left:0;}

/* input 기본 스타일 초기화 */
/* input {-webkit-appearance:none;-moz-appearance:none;appearance:none;} */
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display:none; }
/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/* Select box 스타일 초기화 */ 
select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display:none; }
input[type='submit'] {background:none;border:0;font-size:inherit;}

/* Skip to content */
.skip-to {position:absolute;top:-99px;left:0;padding:10px 0;width:100%;text-align:center;color:#fff;text-decoration:none;background:#333;z-index:999;}
.skip-to:hover, .skip-to:focus, .skip-to:active {display:block;top:0;}

/* 가운데정렬 레이아웃 */
.mlayout_m02{width:94%;margin:0 3%;}
.layout_m05{width:90%;margin:0 5%;}
.layout_m10{width:80%;margin:0 10%;}

@media all and (min-width:1280px){
/* 가운데정렬 레이아웃 */
.layout{position:relative;width:1260px;margin:0 auto;}
.mlayout_m02{position:relative;width:1260px;margin:0 auto;}
.layout_m05{position:relative;width:1260px;margin:0 auto;}
.layout_m10{position:relative;width:1260px;margin:0 auto;}
} 

/* padding & margin */
.pt5{padding-top:.5em;}
.pt10{padding-top:1em;}
.pt15{padding-top:1.5em;}
.pt20{padding-top:2em;}
.pt25{padding-top:2.5em;}
.pt30{padding-top:3em;}
.pt35{padding-top:3.5em;}
.pt40{padding-top:4em;}
.pt45{padding-top:4.5em;}
.pt50{padding-top:5em;}
.pb5{padding-bottom:.5em;}
.pb10{padding-bottom:1em;}
.pb15{padding-bottom:1.5em;}
.pb20{padding-bottom:2em;}
.pb30{padding-bottom:3em;}
.pb40{padding-bottom:4em;}
.pb50{padding-bottom:5em;}
.pr5{padding-right:.5em;}
.pl5{padding-left:.5em;}
.pr10{padding-right:1em;}
.pl10{padding-left:1em;}
.mt5{margin-top:.5em;}
.mt10{margin-top:1em;}
.mt15{margin-top:1.5em;}
.mt20{margin-top:2em;}
.mt25{margin-top:2.5em;}
.mt30{margin-top:3em;}
.mt35{margin-top:3.5em;}
.mt40{margin-top:4em;}
.mt45{margin-top:4.5em;}
.mt50{margin-top:5em;}

.mb5{margin-bottom:.5em;}
.mb10{margin-bottom:1em;}
.mb15{margin-bottom:1.5em;}
.mb20{margin-bottom:2em;}
.mb30{margin-bottom:3em;}
.mb40{margin-bottom:4em;}
.mb50{margin-bottom:5em;}
.mr5{margin-right:.5em;}
.ml5{margin-left:.5em;}
.mr10{margin-right:1em;}
.ml10{margin-left:1em;}
.mr20{margin-right:2em;}
.ml20{margin-left:2em;}

/*form&input base style*/
input[type='text'], input[type='password'], input[type='file'], input[type='number']{padding:0.4em;border:1px solid #cbcbcb;background:#fff;width:10em}
input[type="button"]{width:auto;padding:0.2em 1em;border:0;box-sizing:content-box;}
.ie8 input[type='text']{line-height:1.8em}
input[size="100"]{width:98%}
input[size="80"]{width:80%}
input[size="30"]{width:30em}
input[size="20"]{width:20em}
input[size="15"]{width:15em}
input[size="10"]{width:10em}
input[size="5"]{width:5em}
input[size="3"]{width:3em}
input[size="2"]{width:2em}
input[size="1"]{width:1em}
input[type="file"]{padding:0}
input::-webkit-input-placeholder { color: #d6d0db;}
input::-moz-placeholder { color: #d6d0db;}
input::-ms-input-placeholder { color: #d6d0db;}
input::-moz-placeholder { color: #d6d0db;}

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;} /* 모바일 라운드 제거 */

textarea{display:block;border:1px solid #cbcbcb;padding:0.4em;box-sizing:content-box}
textarea[size="100"]{width:98%}
textarea::-webkit-input-placeholder { color: #d6d0db;}
textarea::-moz-placeholder { color: #d6d0db;}
textarea::-ms-input-placeholder { color: #d6d0db;}
textarea::-moz-placeholder { color: #d6d0db;}

select{padding:0.4em;margin:0;border:1px solid #cbcbcb;color:#666666;background:transparent;}
.ie8 select{height:1.8em;line-height:1.8em;}
.ie7 select{height:2.2em}
select[width="5"]{width:5em}
select[width="10"]{width:10em}
select[width="15"]{width:15em}
select[width="20"]{width:20em}
select[width="30"]{width:30em}

/* width */
.w50{width:50%;}
.w100{width:100%;}

/* li width */
.list_w50{width:100%;}
.list_w50 > li{width:49%;float:left;}
.list_w50 > li:first-child{/* margin-right:2%; */}
@media screen and (max-width: 740px) {
	.list_w50 > li{width:100%;margin-right:0;}
}

.text_right{text-align:right !important;}
.text_left{text-align:left !important;}
.text_center{text-align:center !important;}
.text_top{vertical-align:top;}

/* float */
.float_l{float:left;}
.float_r{float:right;}

/* common */
.wFix {width:1200px;margin:0 auto;}
.hide {display:none;overflow:hidden;position:absolute;font-size:1.8em;top:-5000px;left:0;}
input::placeholder {color:#999;}
input:-ms-input-placeholder { color:#999; }
input::-webkit-input-placeholder { color:#999; }
input::-moz-placeholder { color:#999; }
select {background:#fff url('/images/sites/main/main/common/select_ic.gif') 93% 50% no-repeat;}
@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 1024px) {
	.wFix {width:95%;}
}
@media screen and (max-width: 740px) {
	.wFix {width:100%;position:relative;}
}
@media print {
	#header{display: none;}
	#mMenu{display: none;}
	.subMenu{display: none;}
	.path_wrap{display:none;}
	.share_box{display:none;}
	.contentment{display:none;}
	.bannerZone{display:none;}
	#footer{display:none;}
}
.hidden{display:none;}  
.text_indent{text-indent:-9999px;}             

/* table_scroll */
@media screen and (max-width: 740px) {
	.form_scroll{overflow-x:scroll;width:100%;}
	.form_scroll table{min-width:700px;}
}               

/* sns share */   
.share_box{float: right;padding-top: 30px;}
.share_box .fa-share-alt{display:none;}
.share_box ul{}
.share_box ul li{padding-left:5px;display:inline-block;position:relative;float:left;}
.share_box a{width:32px; height:31px; display:inline-block;width: 35px;height: 35px;border-radius: 50%;cursor:pointer;}
.share_box .i-blog{background:url('/images/sites/main/main/sub/comm/sns_blog.png') no-repeat; background-size:35px;}
.share_box .i-facebook{background:url('/images/sites/main/main/sub/comm/sns_facebook.png') no-repeat; background-size:35px;}
.share_box .i-twitter{background:url('/images/sites/main/main/sub/comm/sns_twitter.png') no-repeat; background-size:32px;}
.share_box .i-youtube{background:url('/images/sites/main/main/sub/comm/sns_youtube.png') no-repeat; background-size:32px;}
.share_box .i-delicious{background:url('/images/sites/main/main/sub/comm/sns_delicious.png') no-repeat; background-size:32px;}
.share_box .i-msn{background:url('/images/sites/main/main/sub/comm/sns_msn.png') no-repeat; background-size:32px;}
.share_box .i-kakao{background:url('/images/sites/main/main/sub/comm/sns_kakao.png') no-repeat; background-size:32px;}
.share_box .i-url{background:url('/images/sites/main/main/sub/comm/sns_url.png') no-repeat; background-size:32px;}
.share_box .i-print{background:url('/images/sites/main/main/sub/comm/icon_print.png') center center no-repeat; background-size:20px;border: 1px solid #777;}
.share_box .i-share{background:url('/images/sites/main/main/sub/comm/icon_share.png') center center no-repeat; background-size:20px;border: 1px solid #777;}
.share_box .snsBox{position:absolute;width: 150px;right: 30px;top:0;display:none;}
@media screen and (max-width: 1024px) {
	.share_box{margin-top:0;position:absolute;top: -10px;right:12px;}
}

.text-area .text48{font-size:3em;line-height:1.3em}
.text-area .text42{font-size:2.65em;line-height:1.3em}
.text-area .text36{font-size:2.25em;line-height:1.3em}
.text-area .text30{font-size:1.875em;line-height:1.3em}
.text-area .text28{font-size:1.75em;line-height:1.3em}
.text-area .text24{font-size:1.5em;line-height:1.3em}
.text-area .text20{font-size:1.25em;line-height:1.3em}
.text-area .text18{font-size:1.125em;line-height:1.3em}
.text-area .text14{font-size:0.875em;line-height:1.3em}
.text-area .text15{font-size:0.9375em;line-height:1.3em}         

/*#header .searchWrap {display:none !important;}*/

.subMenu .lnbmenu > li > ul.has-depth1 > li.active a, .subMenu .lnbmenu > li > ul.has-depth1 > li:hover a{color:#004238;}
.subMenu .lnbmenu > li > ul.has-depth1 > li.active > a:after{background:#004238;}         

.bbs_good button:before{background:url("/images/bbs/bbs_ico.png") no-repeat center top !important}    
.comment_box .like2{display:inline-block;background:url("/images/sites/main/main/sub/like2.png") no-repeat left 7px;padding:0 5px 0 18px;}
.comment_box strong{display:inline-block;padding-right:40px;color:#ed145b;}                  


.goTop {position:fixed; bottom:15px; right:1%;display:none;z-index:1;}
.goTop a{width:55px; height:54px; display:block; transition: 1s; background:#105649;text-align:center;border-radius:100px;font-size:.7rem;color:#fff;position:relative;line-height:71px;cursor:pointer;overflow:hidden;}
.goTop a:after{
	opacity:0; content:""; display:block; position:absolute; left:50%; top:20px; width:9px; height:16px; margin-left:-4.5px; background:url('/images/sites/main/health/common/go_top_ic.png') no-repeat center center;
	animation-name:quick_box_top;
	animation-iteration-count:infinite;
	animation-duration:2s;
}
@keyframes quick_box_top{
	0%{opacity:0; top:20px;}
	50%{opacity:1; top:12px;}
	99%{opacity:0; top:6px;}
	100%{opacity:0; top:12px;}
}
@-webkit-keyframes quick_box_top{
	0%{opacity:0; top:20px;}
	50%{opacity:1; top:12px;}
	99%{opacity:0; top:6px;}
	100%{opacity:0; top:12px;}
}            

/* basic owl btn style */
.bannerZone .owl_btn{position:absolute; top:10px; left:80px;z-index:1; right:auto;}                    
.owl_btn{position:absolute; top:0px; right:0;}
.owl_btn li{float:left; margin-right:2px;width: 30px;height:30px;}
.owl_btn li a{font-size: 0;border: 1px solid #dadada;cursor:pointer;overflow:hidden;}
.owl_btn li:hover{background:#869791;}
.owl_btn a{width:100%;height:100%;display:inline-block;}
.owl_btn .play{background:url('/images/sites/main/main/main/icon_play.png') center center no-repeat;}
.owl_btn .stop{background:url('/images/sites/main/main/main/icon_stop.png') center center no-repeat;}
.owl_btn .all{background:url('/images/sites/main/main/main/icon_all.png') center center no-repeat;}
.owl_btn .prev{background:url('/images/sites/main/main/main/chevron-left.png') center center no-repeat; background-size:19px;}
.owl_btn .next{background:url('/images/sites/main/main/main/chevron-right.png') center center no-repeat; background-size:19px;}
.owl_btn .play:hover{background:url('/images/sites/main/main/main/icon_play_w.png') center center no-repeat;}
.owl_btn .stop:hover{background:url('/images/sites/main/main/main/icon_stop_w.png') center center no-repeat;}
.owl_btn .all:hover{background:url('/images/sites/main/main/main/icon_all_w.png') center center no-repeat;}
.owl_btn .prev:hover{background:url('/images/sites/main/main/main/chevron-left_w.png') center center no-repeat; background-size:19px;}
.owl_btn .next:hover{background:url('/images/sites/main/main/main/chevron-right_w.png') center center no-repeat; background-size:19px;}
.popupZone .owl-dots .owl-dot span{text-indent:-9999px;}
.main_banner_owl .owl-dots .owl-dot span{text-indent:-9999px;}

/* visual owl_btn */
.visual_owl{position:relative; text-align:center;}
.visual_owl .owl-carousel .owl-stage-outer {width:100%;}
.visual_owl .owl_btn {z-index:5;top:auto;left:0;bottom:46px !important;}
.visual_owl .owl_btn li:hover {background:none;}
.visual_owl .owl_btn li{float:none; display:inline-block;width:auto;}
.visual_owl .owl_btn li a{border:none;float:right; width:30px;}
.visual_owl .owl_btn .play {background:url('/images/sites/main/main/main/icon_play_w.png') center center no-repeat;}
.visual_owl .owl_btn .stop {background:url('/images/sites/main/main/main/icon_stop_w.png') center center no-repeat;}
.visual_owl .owl_btn .owl-dots{width:auto; padding-top:4px;float:left;}
.visual_owl .owl_btn .owl-dots .owl-dot{float:left;}
.visual_owl .owl_btn .owl-dots .owl-dot button{margin:5px;width:14px;height:14px;background:#fff;border-radius:50%; text-indent:-9999px;}
.visual_owl .owl_btn .owl-dots .owl-dot.active button{background:#fff000;opacity:1;border:0;}
@media screen and (max-width:740px) {
.visual_owl .owl_btn{display:none;}
}

/* popup owl_btn */
.owl_btn_pop {position:absolute; top:0px; right:0;z-index:2;}
.owl_btn_pop li{float:left;width: 35px;height:35px;background: rgba(0,0,0,0.5);}
.owl_btn_pop li a{font-size: 0;cursor:pointer;overflow:hidden;}
.owl_btn_pop li:hover{background:#869791;}
.owl_btn_pop a{width:100%;height:100%;display:inline-block;}
.owl_btn_pop .play{background:url('/images/sites/main/main/main/icon_play_w.png') center center no-repeat;}
.owl_btn_pop .stop{background:url('/images/sites/main/main/main/icon_stop_w.png') center center no-repeat;}
.owl_btn_pop .prev{background:url('/images/sites/main/main/main/chevron-left_w.png') center center no-repeat; background-size:19px;}
.owl_btn_pop .next{background: url('/images/sites/main/main/main/chevron-right_w.png') center center no-repeat;background-size:19px;}
.owl_btn_pop .all{background:url('/images/sites/main/main/main/icon_all_w.png') center center no-repeat;}


/* path */
.path_wrap{border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.path_wrap:after{content:"";display:block;clear:both;}
.path_wrap ul.path{height:44px; position:relative;/*overflow:hidden;width:1200px;*/}

.path_wrap ul.path li{float:left; background:url('/images/sites/main/main/sub/comm/arrow_path.png') no-repeat right; font-size:15px; letter-spacing:-0.5px; padding:13px 64px 13px 22px;}
.path_wrap ul.path li .fa-angle-right{display:none;}
.path_wrap ul.path li:first-child{padding-left:12px;}
.path_wrap ul.path li:last-child{background:none;}
.path_wrap ul.path li.last{display:inline-block; position:relative;}
.path_wrap ul.path li.last a{display:inline-block;}
.path_wrap ul.path li.last a.title .fa-angle-down{margin-left:20px;}
.path_wrap ul.path li.last .con{position:absolute; left:0; top:44px; z-index:9; background-color:#004b3d; padding:10px;min-width:140px;max-width:160px;width:auto;display:none;}
.path_wrap ul.path li.last .con li{background:none; padding:7px 0; float:none;display:inline-block;width:100%;}
.path_wrap ul.path li.last .con a{opacity:.6;color:#fff;}
/* 	.path_wrap ul.path li.last .con a:hover{opacity:1;}
.path_wrap ul.path li.last:hover .con{height:auto;visibility:visible;opacity:1;} */
@media screen and (max-width: 740px) {
	.path_wrap{}
	.path_wrap ul.path{height:34px;}
	.path_wrap ul.path li{background:none; font-size:13px; padding:9px 4px 9px 4px;}
	.path_wrap ul.path li:first-child{padding-left:6px;}
	.path_wrap ul.path li .fa-angle-right{display:block; padding-left:8px; display:inline-block;}
	.path_wrap ul.path li.last{padding-right:40px;}
	.path_wrap ul.path li.last a.title .fa-angle-down {margin-left:8px;}
	.path_wrap ul.path li.last .con{top:34px; padding:10px 0;min-width:auto; max-width:auto; width:110px;}
	.path_wrap ul.path li.last .con li{padding:5px 10px;}

}    

/* Research Style */
#contentment{border:1px solid #ddd; font-size:15px;position:relative;}
.manager{border-bottom:1px solid #ddd; padding:15px 18px;}
.manager ul{}
.manager ul li{display:inline-block; letter-spacing:-0.5px;}
.research{background-color:#f2f2f2; overflow:hidden; padding:22px 0 20px;}
.research .researchCount{float:left;}
.research .researchCount h2{padding-left:18px;}
.research .researchCount h2 .fa-check{margin-right:8px;}
.research .researchCount form{width:460px;}
.research .researchCount form ol, .research .researchCount form ul{overflow:hidden; width:100%;}
.research .researchCount form ol{padding:20px 0 0 24px;}
.research .researchCount form ul li{float:left; width:19%; margin-left:1%;}
.research .researchCount form ul li:first-child{width:60%; margin-left:0;}
.research .researchCount form ul li p{height: 40px;line-height: 40px;text-align: center;}
.research .researchCount form ul li p input{color:#fff;padding:0 0 6px 0;}
.research .researchCount form ol li{float:left;/* width:20%; */padding:0 10px 0 15px;text-align:center;}
.research .researchCount form ol input{display:inline-block;margin-top:-5px;}
.research .researchCount form ol label{}
.researchCount form ul{padding:20px 0 0 30px;}
.research .researchCount form ul input{background: transparent;padding: 0;}
.research .researchCount form input.researchTxt{padding:8px 18px;width:100%;background: #fff;}
.research .researchBtn{background:#094a3d;}
.research .resultBtn{background:#7d7d7d;}
.research .bar{display:inline-block; width:1px; height:125px; background:#ddd; float:left; margin:0 25px 0 38px;}
div.qrCode{overflow:hidden;float:left;background: #13a6ec;padding: 4px;border: 8px solid #fff;border-radius: 7px;}
div.qrCode canvas{float:left;width: 100px;height: 100px;border: 6px solid #fff;}
p.qr{float:left; margin:24px 0 0 20px;}

/* researchRusult */
.research_result {position:absolute;left:25%;top:7%;width:50%;height:86%;background:#fff; border:3px solid #d5d5d5;overflow: hidden;}
.research_result h4 {float:left; margin:10px 0 0 40px;padding:0 0 0 40px; width:85%; font-size:1.2em; color:#2f3646; line-height:1.8; background:url(/images/www/common/h4_result.gif) left top no-repeat}
.research_result h4 span { font-weight:normal}
.pointBtn {position:absolute;right: 27px !important; top:5px;}
.pointBtn button{padding:6px;}
.rs_close01{position:absolute; top:10px; right:10px;}
.research_summary {padding:10px;width:80%;position:absolute;left:10%;background: #F9F1C9;top: 14%;border-radius:5px;z-index:1;}
.research_summary p {clear:both;margin:0;padding: 8px 0 1px;}
.research_summary p.btn_close02 {text-align:center;margin: 15px auto 0;border-top: 1px dashed #d8c2a0;width: 100%;}
.research_graph{padding:15px 15px 0; display:inline-block;}
.research_graph dl{width:100%; padding-bottom:5px;padding-left:90px; position:relative; display:inline-block;}
.research_graph dl dt{position:absolute; left:0;}
.research_graph dd{position:relative; }
.research_graph dd span{position:absolute; left:0; font-size:.8rem; padding-left:4px;}
.research_graph dd i{display:inline-block;height:18px;background:linear-gradient(#f3882c, #e0af25);}
.research_graph dd i{background: -webkit-linear-gradient(right, #f3882c, #e0af25);}
.research_graph dd i{background: -moz-linear-gradient(right, #f3882c, #e0af25);}
.research_graph dd i{background: -o-linear-gradient(right, #f3882c, #e0af25);}
.research_graph dd i{background: linear-gradient(to left, #f3882c, #e0af25);}                                          



/*공공누리*/
.license{margin-top:50px;border:solid 1px #e5e5e5;padding:20px;}
.license .mark_box{text-align:center;}
.license .mark_box img{height:50px;}
.license .license_txt{text-align:center;padding:15px 0 0 0;line-height:20px;}
.license .license_txt a{color:#333;}
.license .license_txt a span{color:#0052ca;}
@media all and (min-width:1023px) {
.license{overflow:hidden;margin-top:50px;}
.license .mark_box{float:left;padding:0 20px 0 0;width:200px;}
.license .license_txt{float:right;padding:10px 0 0 0;width: 690px;}
}   
@media all and (min-width:1399px) {
.license .license_txt{width: 650px;letter-spacing:-1px;}
}                                                                                                                                                                                  

.basic_tab_office{margin:30px 0}
.basic_tab_office ul{overflow:hidden;margin-left:-1%}
.basic_tab_office li{margin:2px 0 2px 1%;float:left;width:49%}
.basic_tab_office li a{display:block;padding:10px 0;text-align:center;border-radius:6px;border:1px solid #dedede}
.basic_tab_office li.on a{background:#105649;color:#fff;font-weight:bold}
@media screen and (min-width:768px) {
.basic_tab_office li{width:19%}
}
@media screen and (min-width:1023px) {
.basic_tab_office li{width:19%} /* 10.11111111111111% */
}                                  

.slowlogo{width:80px;height:73px;position:absolute;top:90px;left:190px}
.slowlogo4{left:150px}
.slowlogo6{left:220px}
@media screen and (min-width:1023px) {
.slowlogo{top:80px;left:440px}
.slowlogo4{left:400px}
.slowlogo6{left:470px}
}                                                 

.fable{margin:30px 0;border:1px solid #ddd}
.fable h3 a{display:block;padding:15px;border-bottom:1px solid #ddd;background:url("/images/sites/main/main/sub/fable1.png") no-repeat right center}
.fable h3.on{background:#105749}
.fable h3.on a{color:#fff;background:url("/images/sites/main/main/sub/fable2.png") no-repeat right center}
.fable h4{color:#105749;margin:0 0 5px 0}
.fable div{display:none;background:#f4f4f4;border-bottom:1px solid #ddd;padding:20px;line-height:1.5em}
.fable div.on{display:block}
.fable div p{margin:0 0 15px 0}
}