f/*메인*/
a.m-btn {padding:10px 20px;color:#fff !important;border:1px solid #fff;font-size:18px}

.main-section {width:100%;position:relative;padding:60px 0}
.main-section h2 {font-size:33px;color:#229097;margin-bottom:20px;font-weight:800;line-height:40px}
.main-section h2 p{font-size:18px;color:#555;font-weight:600}
.main-section.bg {background:#f0f0f0}
.main-section a {color:#333}
.main-section a:hover {color:#3DC4E4}


.bg-green {background-color:#4cac39 !important}
.bg-red {background-color:#dc5575 !important}
.bg-purple {background-color:#ac6fc0 !important}
.bg-orange {background-color:#ff6600 !important}



.bbs-wrap {padding:20px;background:#fff;position:relative;min-height:180px;}
.bbs-wrap h3 {font-size:17px;font-weight:700;color:#ac6fc0;padding-bottom:10px;margin-bottom:20px;border-bottom:1px dotted #ccc}
.bbs-wrap h3 span{float:right;font-size:12px;font-weight:600;color:#888}
.bbs-wrap a.tit {font-size:18px;color:#000}
.bbs-wrap a.cont {font-size:13px;color:#666;line-height:8px !important;}

.bbs-wrap {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.2;
  transition-duration: 0.2s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 2px #eee, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.bbs-wrap:hover, .bbs-wrap:focus, .bbs-wrap:active {
  box-shadow: inset 0 0 0 2px #ac6fc0, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.quick-mu {text-align:center;margin-top:15px}
.quick-mu a {padding:0 5px }

.m-noti {position:relative;width:100%;overflow:hidden;border:1px solid #ddd;z-index:8;min-height:173px}
.m-noti .tit {font-size:18px;font-weight:bold;margin:16px 20px}
.m-noti a.more {display:block;width:50px;position:absolute;top:-1px;right:0;background:#5c5c5c;color:#fff;padding:4px 8px;font-size:12px;z-index:9;font-weight:bold}
.m-noti ul {list-style:none;margin:0px 20px 20px;}
.m-noti ul li {margin-bottom:3px}
.m-noti ul li span{float:right;font-size:12px;color:#666}
.m-noti ul li a{color:#222}
.m-noti ul li a:hover{color:#2e8288;text-decoration:underline}


.gnb-bar-wrap {width:100%;position: relative;}
.gnb-bar-wrap:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.gnb-bar {width:960px;height:90px;margin:0 auto;position: relative;}

.gnb-bar .logowrap {width:220px;float:left;padding-top:20px;}
.gnb-bar .mu-txt {width:700px;float:left;margin-left:40px}

.gnb-bar .mu-txt li {float:left;width:140px;text-align:center;list-style:none}

.gnb-bar .mu-txt li a {font-weight:bold;font-size:16px;color:#333;display:block;height:55px;padding-top:35px;}
.gnb-bar .mu-txt li a:hover {color:#3AA4AB;text-decoration:none}
.gnb-bar .mu-txt li.current a {color:#3AA4AB}

.gnb-sub-wrap {width:100%;height:240px;background:#3AA4AB;border-top:0px solid #f0f0f0;border-bottom:4px solid #338f95;display:none;
position:absolute;top:125px;z-index:1000;min-width:960px;
}
.gnb-sub-box {width:960px;height:230px;margin:0 auto;position: relative;}

.gnb-sub-wrap .mu-txt li {float:left;width:140px;height:225px;padding:15px 0px 0px 0px;
border-right:1px solid #36999f;list-style:none;color:#333}


.gnb-sub-wrap .mu-txt li.frist:hover {background:#3AA4AB}
.gnb-sub-wrap .mu-txt li div {text-align:center;margin-top:3px}
/*
.gnb-sub-wrap .mu-txt li div.smu-01 {text-align:center;margin-top:5px}
.gnb-sub-wrap .mu-txt li div.smu-02 {text-align:center}
.gnb-sub-wrap .mu-txt li div.smu-03 {text-align:center}
.gnb-sub-wrap .mu-txt li div.smu-04 {text-align:center}
.gnb-sub-wrap .mu-txt li div.smu-05 {text-align:center}
*/
.gnb-sub-wrap .mu-txt li.frist {width:254px;color:#fff;}
.gnb-sub-wrap .mu-txt li:hover {background:#3AA4AB;color:#fff}
.gnb-sub-wrap .mu-txt li:hover a  {background:#3AA4AB;color:#fff;}
.gnb-sub-wrap .mu-txt li a {font-weight:bold;font-size:13px;;display:block;line-height:16px;color:#fff;padding:10px 0 }
.gnb-sub-wrap .mu-txt li a:hover {color:#fff;text-decoration:none;background:#338f95;}
.gnb-sub-wrap .mu-txt p {margin-bottom:0px}
.gnb-sub-wrap .mu-txt p:hover {background:red}

#container {}
/*---- top ---------------------------------------------*/
.top-quick {width:100%;background:#f8f8f8;font-size:12px !important;display:block;border-bottom:0px solid #f0f0f0}
.top-quick span {margin:0 8px;font-size:9px;font-family:tahoma;color:#999}
.top-quick a {color:#333 ;text-decoration:none}
.top-quick a:hover {color:#2d5872;}
.top-quick a.end {color:#2d5872;margin-right:70px;}
.top-color {background:url(../images/layout/img-top-color.png) no-repeat right 0 ;padding:6px 0 7px;}
#logo {float: left;padding:24px 0 10px;width:262px;}

/*navi*/
#main-navi {margin-left:358px;font-weight:700;}
#main-navi > ul { margin: 0px 0 0; }
#main-navi li {
list-style: none;float: left;margin: 0;position: relative;
font-family:'Nanum Gothic','NanumGothic', '나눔고딕', 'Nanum Barun Gothic','malgun gothic', '맑은 고딕';
}
#main-navi a {
border-bottom: 1px solid transparent;
border-top: 5px solid transparent;
color: #3a3a3a;
font-size: 15px;
font-weight:700;
display: block;
letter-spacing: -0.08px;
padding: 35px 16px 38px;
position: relative;
text-align: center;
text-transform: uppercase;
z-index: 9998;
}

#main-navi a:after {
color: #aaa;
content: attr(data-description);
font-size: 10px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: 400;
display: block;
line-height: 0;
margin: 8px 0 -8px;
text-align: center;
text-transform: uppercase;
}

#main-navi a:hover, #main-navi .hover > a {
border-top-color: #005051;color:#005051;text-decoration:none;
}

#main-navi .current > a {
border-bottom-color: #fff;border-top-color: #fff;color:#005051;text-decoration:none;
}


/* Dropdown */
#main-navi ul ul {
background: #fff;
display: none;
left: 0;
padding: 0;
position: absolute;
top: 101px;
width: 170px;
z-index: 9999;
border: 0px solid #aaa;
}

#main-navi ul ul li { float: none;border-bottom:1px dotted #ddd}
#main-navi ul ul li:last-child {border-bottom:1px solid #ddd}

#main-navi ul ul a {
color: #fff;
display: block;
font-size: 13px;
letter-spacing: 0;
font-weight: 400;
padding: 3px 20px !important;
text-align: left;
text-transform: none;
}

#main-navi ul ul a:hover, #main-navi ul ul .hover > a, #main-navi ul ul .current > a, #main-navi ul ul .current > a:hover {
background: #005051;color: #fff;text-decoration:none;
}
#main-navi ul ul a {color:#222}
#main-navi ul ul ul {left: 170px !important;top: 0 !important;border-left:1px solid #ddd}
#main-navi ul li:last-child ul {left: -72px;}

/*---- //top ---------------------------------------------*/




/*---- navi bar ---------------------------------------------*/
.navi-wrap { height:42px; border-top:0px solid #eee;border-bottom:1px solid #eee;margin-bottom:40px;}
.navi-wrap p {font-size: 13px;color: #222;}
.navi ul {list-style: none; }
.navi li.home { cursor:pointer;}
.navi > ul > li:first-child {
  width:46px; padding:10px 0; border-left:1px solid #eee;
  background:#fff url('../images/icon/icon_home.png') center center no-repeat;
  text-indent:-5000px;
}
.navi > ul > li { float:left; position:relative; border-right:1px solid #eee; padding: 0px 20px; }
.navi > ul > li.path span { height:42px; display: table-cell;vertical-align: middle; }
.navi > ul > li > a {
height:42px; display: table-cell;vertical-align: middle;text-decoration:none; padding-right:15px;
background:url('../images/icon/icon_arrow_down_gray.png') right center no-repeat; color:#222
}
.navi > ul > li > a:hover {background:url('../images/icon/icon_arrow_down_black.png') right center no-repeat; }
.navi > ul > li:nth-child(2) { background:none;}
/*
.navi ul li:nth-child(2) {}
.navi ul li:nth-child(3) {background:url('../images/icon/icon_arrow_down.png') right center no-repeat; }
.navi ul li:nth-child(4) {background:url('../images/icon/icon_arrow_down.png') right center no-repeat; }
*/
.navi > ul > li > ul {display:none; position:absolute;border:1px solid #eee; z-index:1000; top:42px;left:-1px;}
.navi > ul > li > ul > li { height:40px;border-top:1px solid #eee;background-color:#fff; min-width:200px;}
.navi > ul > li > ul > li:first-child { border-top:none; }
.navi > ul > li > ul > li > a {
display:block; height:40px; line-height:40px;; text-decoration:none; padding:0 20px; white-space: nowrap;color:#222
}
.navi > ul > li > ul > li > a:hover {text-decoration:underline;color:#3aa4ab}
/*---- //navi bar ---------------------------------------------*/





/*---- footer ---------------------------------------------*/
.f-menu {width:100%;border-top:1px solid #f0f0f0;padding:30px 0px 20px;background:#5D6A7B;;color:#f9f9f9}
.f-wrap {width:100%;padding:30px 0px 10px;background:#45474C;color:#f9f9f9}
.footer-link {font-size:12px;margin-bottom:10px}
.footer-link a{color:#ccc}
.footer-link a:hover{color:#ffde00}
.footer-part {color:#999;font-size:11px;padding:2px 10px 0 10px;font-family:tahoma;font-weight:normal}


.m-rsite-tit{font-size:18px;line-height:22px;margin:3px 0 10px 0;padding:0;font-weight:bold;color:#fff;
font-family:'Nanum Gothic','NanumGothic', '나눔고딕';}
.m-rsite-tit a {color:#fff;text-decoration:none;font-size:22px}
.m-rsite-tit a:hover {color:#def6ff;text-decoration:none}

.m-rsite ul {list-style:none;padding:0;margin:0;display: block;}
.m-rsite li {width:200px;float:left;text-align:center;display: block;margin: 6px;}
.m-rsite li a {font-size:14px;color:#222;font-weight:bold}
.m-rsite:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.m-rsite li img {height:70px}

/*---- //footer ---------------------------------------------*/


/*---- content page ---------------------------------------------*/

.photo-box {
border:1px solid #f0f0f0;padding:30px 0;font-size:18px;font-weight:bold;color:#fff;
line-height:28px;background:#777;text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);background-size:cover;
font-family:'Nanum Gothic','NanumGothic', '나눔고딕', 'Nanum Barun Gothic';
}

.photo-box.vision {padding:80px 0;background:#444 url(../images/contents/pto-vision2.jpg) no-repeat center center;}
.photo-box.history {padding:70px 0;font-size:22px;background:url(../images/contents/pto-history.jpg) no-repeat center center;}

.dot-box {padding:20px;border:1px dotted #ccc;background:#fcfcfc url(../images/contents/box-bg2.png) no-repeat center center;}
.dot-box2 {padding:20px 30px;border:1px dotted #d9e4e9;background:#f1f6f8}

.lab-info {list-style:none;padding:20px;border:1px dotted #ccc;background:#fcfcfc;}
.lab-info li {margin-bottom:5px}
.img-box {padding:30px 0;border:1px solid #ddd;position:relative;text-align:center}


h4.researcher {margin-bottom:10px;font-weight:bold; font-size:16px; line-height:20px;color:#333;}
h4.researcher span {margin-left:10px;font-weight:normal; font-size:15px;}
ul.list-re-arrow  {list-style:none;margin:0;padding:0;}
ul.list-re-arrow li{padding-left:20px;background: url(../images/icon/ico-arrow-gray.gif) no-repeat 4px 7px !important;padding-bottom:2px}

ul.list-re-basic  {list-style:none;margin:0;padding:0;}
ul.list-re-basic li{padding-bottom:2px}


/*연구비흐름도*/


.r-flow-01 {background:#eaf0f7;text-align:center;font-weight:bold;font-size:20px;padding:35px;}
.r-flow-02 {background:#dce8f4;font-size:15px;padding:30px;}
.r-flow-01 span {font-size:14px;display:block}















/*---- common ---------------------------------------------*/

.upper {text-transform: uppercase;}
.color-tit {font-size:20px;font-weight:bold;color:#3aa4ab;margin-right:10px;}
.txt-sh {text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);}
.content-bg {margin-bottom:50px;}

/* Typography*/
h3.con-tit {margin-bottom:10px;font-weight:bold; font-size:17px; line-height:20px;color:#444;padding-left:22px;
background:url(../images/icon/icon-h3-sb.png) 0 4px no-repeat !important}
h3.con-tit-nb {margin-bottom:10px;font-weight:bold; font-size:18px; line-height:20px;color:#333;}
h3.lab-tit {margin-bottom:5px;font-weight:bold; font-size:18px; color:#1F4787;padding-left:22px;
background:url(../images/icon/icon-lab.png) 0 10px no-repeat !important}
h4.sub-tit, h4.lab-tit {margin-bottom:5px;font-weight:bold; font-size:15px; line-height:20px;
color:#222;padding-left:13px;background:url(../images/icon/icon-hbar-gray.gif) 2px 4px no-repeat !important}


/* 메인팝업 */
body.popbody { border:0 !important;padding:0 !important; margin:0 !important; }
.popwrap { margin:10px; }
#popwrap {padding:0;margin:0;}

.popupwrap { background-color:#fff;  }
.popcontentwrap {margin:0 0px 0px 0px; color:#333;}
.popcontent {  background-color:#fff; padding:15px 20px; }
.pop-title {background:#f9f9f9;border-top:1px dotted #ddd;border-bottom:1px solid #eee;line-height:1.7em;padding:10px 10px 7px 10px;}

#pop_footer { background-color:#3a3a3a; height:15px; padding:5px 0 5px 0; color:#425131; margin-top:00px; }

#pop_footer .checkbox {border:none;}

#pop_footer .today {float:left; padding:0 0 0 10px; color: #fff;font:11px dotum, tahoma}
#pop_footer .close {float:right; padding:2px 10px 0 0; color: #fff;font:11px dotum, tahoma}
#pop_footer .close a {text-decoration:none; color:#fff;}
#pop_footer .close a:hover {text-decoration:underline; color:#fff;}

#pop_footer ul { padding:0px; margin:0px; list-style:none;}
#pop_footer ul li { float:left; }
#pop_footer ul li.todaytxt { padding-left:5px; padding-top:2px; }

.toTop {
  border:0px solid #ccc;
  background:#3fa3ab;
  text-align:center;
  padding:5px 10px;
  position:fixed; /* this is the magic */
  bottom:10px; /* together with this to put the div at the bottom*/
  right:10px;
  cursor:pointer;
  display:none;
  color:#fff;
  font-family:tahoma;
  font-size:11px;}

/* cms */
.cmsinfo {text-align:right; margin-top: 50px; padding-top: 10px; border-top: 1px dotted #D0D0D0; color: #888; width: 100%; font-family: tahoma, dotum; font-size: 11px; }

/* dialog window */
.dlg_frame { width:500px; height:300px; position:absolute; left:0px; top:0px; z-Index:1000000000001; display:none; overflow:hidden;
-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.3);
-moz-box-shadow: 0 4px 16px rgba(0,0,0,0.3);
box-shadow: 0 4px 16px rgba(0,0,0,0.3);
background-clip: content-box;
-moz-background-clip: content;
-webkit-background-clip: content;
border: solid 1px #ccc;
border: solid 1px rgba(0,0,0,0.3);
outline: 0;
}

.dlg_titlebox { background-color:#fff; height:30px; border-bottom:1px solid #ddd;}
.dlg_titlebox:after { clear:both;content: "";display:block;font-size:0;line-height:0;height:0px;}
.dlg_title { float:left; width:240px; height:1.4em; margin:4px 0 0 5px; padding:0 0 0 10px; background: url(../images/dialog/logo.gif) left 4px no-repeat; color:#000; font-weight:bold; font-size:16px; cursor:move; overflow:hidden; text-overflow:ellipsis;border:0px solid red;}
.dlg_close { float:right;padding:0; margin:6px 5px 0px 0px; width:17px; height:17px; display: block; background: url(../images/dialog/close.gif) 0px 0px no-repeat; cursor:pointer;}
.dlg_close:hover { background-position: 0 -17px; }
.dlg_modal { position:absolute; left:0px; top:0px; width:100%; height:100%; z-Index:1000; display:none; background-color:#000; opacity:.10; filter:Alpha(Opacity=10);}
.dlg_body { background-color:#fff; width:100%; height:277px; border:0px solid red;}
.dlg_dragbody { background-color:#fff; position:relative; left:0; top:0; z-Index:1002; width:100%; height:277px; border:0px solid red; display:none;}


.search-form-1 {
    border:1px dashed #ccc;background:#fcfcfc;
    margin:0px auto 20px;
    padding: 16px 12px 4px 20px;
}
.search-form-1 input[type=text],
.search-form-1 input[type=date],
.search-form-1 input[type=datetime],
.search-form-1 input[type=number],
.search-form-1 input[type=search],
.search-form-1 input[type=time],
.search-form-1 input[type=url],
.search-form-1 input[type=email],
.search-form-1 select,
.search-form-1 textarea{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border:1px solid #BEBEBE;
  padding: 7px;
  margin:0px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
.search-form-1 select{padding: 6px !important;}
.search-form-1 input[type=text]:focus,
.search-form-1 input[type=date]:focus,
.search-form-1 input[type=datetime]:focus,
.search-form-1 input[type=number]:focus,
.search-form-1 input[type=search]:focus,
.search-form-1 input[type=time]:focus,
.search-form-1 input[type=url]:focus,
.search-form-1 input[type=email]:focus,
.search-form-1 textarea:focus,
.search-form-1 select:focus{
  -moz-box-shadow: 0 0 8px #88D5E9;
  -webkit-box-shadow: 0 0 8px #88D5E9;
  box-shadow: 0 0 8px #88D5E9;
  border: 1px solid #88D5E9;
}



.search-form-1 input[type=submit], .search-form-1 input[type=button]{
  background: #2684DC;
  padding: 6px 15px 6px 15px;
  border: none;
  color: #fff;
}
.search-form-1 input[type=submit]:hover, .search-form-1 input[type=button]:hover{
  background: #1A3C94;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;  cursor: pointer;
}



/*========================= 2015.11.26 ====================*/




/* 2015-12-22- */
.map-db {position:absolute;top:40px;right:355px}
.map-kb {position:absolute;top:110px;right:410px}
.map-gj {position:absolute;top:340px;right:260px}
.map-sb {position:absolute;top:205px;right:405px}
.map-jr {position:absolute;top:215px;right:250px}
.map-sdm {position:absolute;top:255px;left:387px}
.map-sd {position:absolute;top:328px;right:346px}
.map-kd {position:absolute;top:326px;right:160px}
.map-yc {position:absolute;top:392px;left:236px}
.map-gr {position:absolute;top:457px;left:220px}
.map-kc {position:absolute;bottom:124px;left:318px}
.map-dj {position:absolute;bottom:212px;left:404px}
.map-cmt {position:absolute;top:0px;left:30px;text-align:left}

.map-gs {position:absolute;top:290px;left:174px}
.map-gw {position:absolute;bottom:118px;left:400px}
.map-yd {position:absolute;top:405px;left:330px}
.map-mp {position:absolute;top:298px;left:332px}
.map-ep {position:absolute;top:164px;left:380px}
.map-jrg {position:absolute;top:233px;right:468px}
.map-nw {position:absolute;top:88px;right:275px}
.map-dd {position:absolute;top:255px;right:320px}
.map-ys {position:absolute;bottom:275px;left:464px}


.map-sh {position:absolute;bottom:156px;left:516px}
.map-jg {position:absolute;top:305px;left:493px}
.map-jn {position:absolute;top:218px;right:250px}

.map-gn {position:absolute;bottom:186px;left:596px}
.map-sf {position:absolute;bottom:222px;right:230px}


.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition:
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 200px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;text-align:center;
  width: 200px;
}


.tooltip-230:after {width:230px}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 120%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px);
}

.tooltip i {font-size:30px;}
a.tooltip {text-decoration:none;color:#F26C6F}
.map-box {padding:10px 0;border:0px solid #ddd;position:relative;text-align:center;margin-bottom:20px;}




.imgbg-baby{width:100%;height:300px;
    background-image: url(../images/contents/img-babycare.jpg);
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.imgbg-baby.universal { background-image: url(../images/contents/img-universal-1.jpg);}
.imgbg-baby.continuation { background-image: url(../images/contents/img-continuation.jpg);}
.imgbg-baby.mother { background-image: url(../images/contents/img-mother.jpg);}


h3 {font-size:26px;font-weight:bold;color:#333;line-height:30px;margin-bottom:10px}
h4.s-ctit {font-size:30px;font-weight:bold;color:#4cac39;line-height:34px;margin-bottom:30px}


.fc-baby {color:#229097 !important}
.fc-green {color:#4cac39 !important}
.fc-red {color:#dc5575 !important}
.fc-purple {color:#ac6fc0 !important}
.fc-orange {color:#ff6600 !important}

.bg-baby {background:#229097 !important}
.bg-green {background:#4cac39 !important}
.bg-red {background:#dc5575 !important}
.bg-purple {background:#ac6fc0; !important}
.bg-orange {background:#ff6600 !important}


.intro-bg-green {background:#effbed !important}
.intro-bg-red {background:#fbeded !important}
.intro-bg-purple {background:#faedfb !important}
.intro-bg-orange {background:#fbf5ed !important}

.box-txt {color:#fff;padding:20px;text-align:center;background:#ac6bg0 !important}
.box-txt h1 {font-size:30px;margin:30px 0 40px;color:#fff;font-weight:bold;line-height:33px;}
.box-txt h2 {font-size:22px;margin:30px 0;color:#fff;font-weight:bold;line-height:26px;}
.box-txt .txt {font-size:14px;line-height:20px}
h2.ctit {
margin-bottom:14px;font-weight:bold; font-size:18px; line-height:28px;color:#444;padding-left:30px;
background:url(../images/icon/bul-logo.png) 0 6px no-repeat !important;letter-spacing:-1px
}

.info-box {padding:20px;border-left:8px solid #76afb3;background:#e6f5f6;color:#212121;font-size:16px;line-height:24px;}
.info-box i {color:#76afb3}
/*tab*/
.tab-st4 {margin:0px 0 30px;list-style:none}
.tab-st4:after { clear:both;content: ""; display:block;font-size:0;line-height:0px;height:0px;}
.tab-st4 > li {float:left;}
.tab_20 > li {width:20%;}
.tab_50 > li {width:50%;}
.tab_33 > li {width:33.33333%;}
.tab_25 > li {width:25%;}

.tab-st4 > li.on {background:url(../images/contents/tab-arrow.png) no-repeat center 38px;}
.tab-st4 > li > a {display:block; margin-left:2px; margin-bottom:10px; background-color:#eee; font-weight:bold; font-size:16px; line-height:42px; color:#444; text-align:center;}
.tab-st4 > li.on > a {background-color:#229097; color:#fff;}
.tab-st4 > li:first-child > a {margin-left:0;}




.goal-box {background:#f9f9f9;border:1px dotted #ddd;padding:26px 30px;}

.cont-box {border:1px solid #ddd;background:#f9f9f9;padding:30px}


.pgminfo-tit-01 {padding:18px;background:#4cac39;color:#fff;font-size:18px;font-weight:bold;text-align:center}
.pgminfo-tit-02 {padding:18px;background:#ac6fc0;color:#fff;font-size:18px;font-weight:bold;text-align:center}
.pgminfo-box {border:1px solid #ddd;border-top:none;padding:20px 30px;}
.pgminfo-box strong {font-size:16px}


.pgminfo-eff {min-height:314px;padding:30px;color:#fff}
.pgminfo-eff {min-height:314px;padding:30px;color:#fff}

.pgminfo-eff-block {border:1px solid #fff;padding:10px;text-align:center;margin-bottom:10px}
.pgminfo-eff-block p {font-size:18px;font-weight:bold;margin-bottom:5px;}
.pgminfo-eff-block.pdd-01 {padding:15px 10px}
.pgminfo-eff-block.pdd-02 {padding:71px 10px}


.list_carousel-1 {padding: 0px;width:100%;height:200px;overflow:hidden}
.list_carousel-1 ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel-1 li { overflow:hidden;font-size: 15px; color: #666; text-align: center; background-color: #f0f0f0; border: 1px solid #ccc; width: 500px; height: 100px; padding: 0; margin: 6px; display: block; float: left; }

.ment-wrap {width:100%;position:relative;margin-bottom:30px;}
.mom-icon .mom-img{position:absolute;top:8px;left:1px;z-index:10000;}
.mom-icon.img-width img{width:100px;height:100px;border-radius:50%}

.mom-ment {margin-left:125px;width:815px;z-index:8}
.mom-ment .cont {border-radius:8px;background:#f5f5f5;border:1px solid #ddd;font-size:15px; color:#333; line-height:180%;padding:30px 40px;z-index:8}
.ment-wrap:after {clear:both;content: ""; display:block;font-size:0;line-height:0px;height:0px;}

h4.co-ment {font-size:22px;line-height:24px;margin-bottom:30px;text-align:center;font-weight:500}


.block-wrap {position:relative}
.block-wrap p {float:left;margin-right:20px;padding:20px 20px;background:#fff;border:1px dotted #aaa;text-align:center;font-size:13px;min-width:100px;}
.block-wrap p span {font-size:18px;color:#005693;font-weight:bold;display:block;margin-bottom:5px}
.block-wrap:after { clear:both;content: ""; display:block;font-size:0;line-height:0px;height:0px;}

.grow-wrap {min-height:440px}
.grow-wrap .tit {font-size:20px;font-weight:bold;text-align:center;padding:20px 20px 0 20px;color:#5b3616}
.grow-wrap .img {text-align:center}
.grow-wrap .ment {padding:10px 20px 20px 20px;line-height:20px}

.grow-bg {background:#fff8ee}
.pdd20 {padding:0px 20px}

.dash-box {padding:20px;border:1px dashed #bbb;}

.testbox-wrap {background:#8889bc;padding:20px 0 20px;color:#fff}
.testbox-wrap .subtxt {font-size:15px;font-weight:bold;margin:0 28px}
.testbox-wrap .noti {font-size:13px;margin:16px 28px 0;line-height:18px;}
.testbox-wrap .noti strong {font-size:15px;}

.testbox {background:#fff;color:#000;border-radius: 8px;width:95%;margin:5px auto;padding:30px 0}

.mental-test {margin:0 28px;font-size:15px;list-style:none;}
.mental-test li {margin-bottom:5px}
.mental-test .question {font-size:18px;font-weight:bold;margin-bottom:14px}
.mental-test .question2 {font-size:24px;font-weight:bold;margin-bottom:24px}


.ia-pos-01 {position:absolute;top:170px;left:296px;z-index:999;color:#DC5575}
.ia-pos-02 {position:absolute;top:170px;right:300px;z-index:999;color:#AC6FC0}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  h2.ctit {font-size:20px; line-height:26px;}
  h4.s-ctit {font-size:22px;line-height:24px;margin-bottom:20px}
  .TAC-mo {text-align:center}
.mom-ment {margin-left:125px;width:643px;z-index:8}
}

@media only screen and (max-width: 767px) {
  h2.ctit {font-size:20px; line-height:26px;}
  h4.s-ctit {font-size:22px;line-height:24px;margin-bottom:20px}
  .TAC-mo {text-align:center}
.tab_33 > li {width:50%;}
.mom-ment {margin-left:0px;width:100%;z-index:8}
.mom-icon {display:none}

.ia-pos,
.box-txt br {display:none}


}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  h2.ctit {font-size:20px; line-height:26px;}
  h4.s-ctit {font-size:22px;line-height:24px;margin-bottom:20px}
  .TAC-mo {text-align:center}
.mom-ment {margin-left:0px;width:100%;z-index:8}
.mom-icon {display:none}
}


.thumbnail-wrap {display: inline-block;width: 100%;border:1px solid #eee !important;background:#fff}
.thumbnail-wrap img {display: block;max-width: 100%;height: auto;}
.thumbnail-wrap .thumb {position: relative;padding-top: 100%;overflow: hidden;}
.thumbnail-wrap .thumb img {position: absolute;top:0;left: 0;}
.thumbnail-wrap .thumb .centered  {position: absolute; top: 0;left: 0;
    right: 0;
    bottom: 0;
  -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}
.thumbnail-wrap .thumb .centered img {
  -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.thumbnail-wrap .thumb img.portrait {
  width: 100%;
  max-width: none;
  height: auto;
}
.thumbnail-wrap .thumb img.landscape {
  width: auto;
  max-width: none;
  height: 100%;
}

.mgallery li {float:left;margin-left:11px;width:130px}
.mgallery li:first-child {margin-left:4px;}
ul.mgallery:after {content: "";display: table;clear: both; }



#news-slider .owl-dots{}

#news-slider .owl-next,
#news-slider .owl-prev {
  width: 50px;
  height: 50px;
  margin-top: -60px;
  position: absolute;
  top: 50%;
}
#news-slider .owl-prev {left:-5px;}
#news-slider .owl-next {right:-5px;}


#news-slider .owl-prev,
#news-slider .owl-next {color:rgba(255,255,255,0.8);font-size:50px;}

#news-slider .owl-prev:hover,
#news-slider .owl-next:hover {color:#e74c3c;}


.mn-tit-wrap a{text-decoration:none !important;color:#34495e;}
.mn-tit-wrap a:hover {color:#2980b9;}
.mn-tit {padding:10px 10px;}
.mn-tit {font-size:14px;line-height:20px;font-weight:bold}

@media only screen and (max-width: 797px) {

  #news-slider .owl-next,
  #news-slider .owl-prev {width: 30px;height: 30px;}
  #news-slider .owl-prev,
  #news-slider .owl-next {color:#ddd;font-size:30px;}

}

@media only screen and (max-width: 500px) {

  #news-slider .owl-next,
  #news-slider .owl-prev {width: 30px;height: 30px;}
  #news-slider .owl-prev {left:0px;}
  #news-slider .owl-next {right:0px;}
  #news-slider .owl-prev,
  #news-slider .owl-next {color:#fff;font-size:30px;}
}


#cont-slider .owl-dots{}

#cont-slider .owl-next,
#cont-slider .owl-prev {
  width: 50px;
  height: 50px;
  margin-top: -30px;
  position: absolute;
  top: 50%;
}
#cont-slider .owl-prev {left:-5px;}
#cont-slider .owl-next {right:-5px;}


#cont-slider .owl-prev,
#cont-slider .owl-next {color:rgba(255,255,255,0.8);font-size:50px;}

#cont-slider .owl-prev:hover,
#cont-slider .owl-next:hover {color:#3498db;}


.mn-tit-wrap a{text-decoration:none !important;color:#34495e;}
.mn-tit-wrap a:hover {color:#2980b9;}
.mn-tit {padding:10px 10px;}
.mn-tit {font-size:14px;line-height:20px;font-weight:bold}

@media only screen and (max-width: 797px) {

  #cont-slider .owl-next,
  #cont-slider .owl-prev {width: 30px;height: 30px;}
  #cont-slider .owl-prev,
  #cont-slider .owl-next {color:#ddd;font-size:30px;}

}

@media only screen and (max-width: 500px) {

  #cont-slider .owl-next,
  #cont-slider .owl-prev {width: 30px;height: 30px;}
  #cont-slider .owl-prev {left:0px;}
  #cont-slider .owl-next {right:0px;}
  #cont-slider .owl-prev,
  #cont-slider .owl-next {color:#fff;font-size:30px;}
}
.m-titie {font-size:18px;font-weight:bold;color:#444;text-align:center;margin-bottom:16px;}

.q-titie {font-size:18px;font-weight:bold;color:#000;text-align:center;padding:20px 0;}
.link-box {border:1px dotted #ddd;background:#f9f9f9;padding:20px 0 14px;text-align:center;color:#000;margin-bottom:20px;}
.link-box ul {list-style:none;padding:0;margin:0 auto;width:80%}
.link-box ul li {width:25%;float:left;line-height:30px;font-weight:bold}
.link-box ul li i{font-size:50px;}

@media only screen and (max-width: 797px) {
  .link-box ul {width:90%}
  .link-box {padding:20px 0 4px;}
  .link-box ul li {width:50%;margin-bottom:10px;}
  .link-box ul li i{font-size:40px;}
}


.img-boxwrap {padding:40px 0px;border:1px solid #ddd;position:relative;text-align:center}
.img-boxwrap img{max-width:70%}

@media only screen and (max-width: 797px) {
  .img-boxwrap {padding:20px 0;border:0}
  .img-boxwrap img{max-width:100%}
}