@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

/* 인사말 */
.greeting_wrap{padding-left:340px;background:url(/theme/sanbon_t/img/inam_01.jpg) no-repeat 0 0;}
.greeting_wrap .headline{font-family:'Nanum Gothic', sans-serif; font-weight:100; font-size:29px;line-height:39px;letter-spacing:-0.05em; color:#333;}
.greeting_wrap .greeting_txt{padding-bottom:15px;}
.greeting_wrap .greeting_txt p{padding-bottom:10px;font-size:15px;line-height:25px;color:#555;word-break:keep-all;}
.greeting_wrap .director{font-size:16px;}
.greeting_wrap .director strong{padding-left:10px;font-size:20px;}
.min_head{font-size: 24px;}




/*설립배경*/
.inam_wrap{    padding-top: 9px; padding-left:360px;background:url(/theme/sanbon_t/img/inam_02.jpg) no-repeat 0 0; height: 285px;}
.inam_wrap .headline{font-family:'Nanum Gothic', sans-serif; font-weight:100; font-size:29px;line-height:39px;letter-spacing:-0.05em; color:#333;}
.inam_wrap .greeting_txt{padding-bottom:15px;}
.inam_wrap .greeting_txt p{padding-bottom:10px;font-size:15px;line-height:25px;color:#555;word-break:keep-all;}
.inam_wrap .director{font-size:17px;}
.inam_wrap .director strong{padding-left:10px;font-size:23px;}


.inam_wrap_01{    padding-top: 40px;}
.inam_wrap_01 .headline{font-family:'Nanum Gothic', sans-serif; font-weight:100; font-size:29px;line-height:39px;letter-spacing:-0.05em; color:#333;}
.inam_wrap_01 .greeting_txt{padding-bottom:15px;}

.inam_wrap_02{    padding-top: 10px;}
.inam_wrap_02 .headline{font-family:'Nanum Gothic', sans-serif; font-weight:100; font-size:29px;line-height:39px;letter-spacing:-0.05em; color:#333;}
.inam_wrap_02 .greeting_txt{padding-bottom:15px;}
.inam_wrap_02 .greeting_txt p{line-height: 27px;}

.mt40{margin-top: 40px  !important;}
.mt100{margin-top:100px !important;}
.mt115{margin-top:115px !important; }
#cont_wrap{min-height:750px;padding-bottom:80px;font-family:'Nanum Gothic', sans-serif;font-size:15px;line-height:24px;letter-spacing:-0.05em;color:#000;}

.greeting_wrap_01 .headline {
    padding-bottom: 16px;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 48px;
    letter-spacing: -0.05em;
    color: #337ab7;
}


/* 연혁 */
.history_wrap .his_list li{margin-bottom:50px; border-top: 2px dashed #ddd;  padding-top: 30px;}
.history_wrap .his_list li h3.year{padding-bottom:30px;font-family:'Nanum Gothic', sans-serif;font-weight:bold;font-size:40px;letter-spacing:0.025em;color:#1f4bb4;}
.history_wrap .his_list li dl{overflow:hidden;padding-bottom:14px;background:url(/theme/sanbon_t/img/line_gray.gif) repeat-y 10px 0;     margin-bottom: 0;}
.history_wrap .his_list li dt{float:left;padding-left:40px;font-family:'Nanum Gothic', sans-serif; font-weight:700;line-height:22px;letter-spacing:-1px;clear:both;}
.history_wrap .his_list li dd{float:right;width:630px;padding-left:15px;margin-bottom:5px;background:url(/theme/sanbon_t/img/icon_square.gif) no-repeat 0 9px;color:#555;line-height:22px;word-break:keep-all;}

.fs18{    font-size: 18px;}
.pb0{padding-bottom:0 !important;}
.brd_b_black{border-bottom:1px solid #000;}
.pb20{    padding-bottom: 20px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}

.mt7{    margin-top: 7px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

.fw600{font-weight: 600;}



/* 찾아오시는길 */
.h3_t{margin-top:40px;}
ol, li{list-style:none;}
.map_box{width:850px;margin-bottom:20px;}
.map_box .root_daum_roughmap{width:850px;}
.map_box .root_daum_roughmap .wrap_map{height:470px;}
.map_info{height:50px;margin-bottom:70px;padding-top:20px;}
.map_info dl{float:left;font-family:'Nanum Gothic', sans-serif;font-size:16px;line-height:50px;}
.map_info dt{float:left;padding:0 13px 0 55px; line-height: 50px;}
.map_info dt.addr{background:url(/theme/sanbon_t/img/icon_addr.gif) no-repeat 0 center;}
.map_info dt.tel{background:url(/theme/sanbon_t/img/icon_tel.gif) no-repeat 0 center;}
.map_info dd{float:left;margin-right:25px;color:#555;     line-height: 50px;}
.map_info dd span{font-family:'Montserrat',sans-serif;font-weight:500;letter-spacing:0.05em;}
.map_info .map_zoom{display:block;float:right;width:400px;height:50px;background:#238cfa;font-size:16px;line-height:50px;letter-spacing:-0.05em;color:#fff;text-align:center;    position: relative;
    top: 24px;}
.map_info .map_zoom span{padding-left:30px;background:url(/theme/sanbon_t/img/btn_map_zoom.png) no-repeat 0 50%;}
.route_info{border-top:1px solid #000;}
.route_info dl{display:table;padding:40px 0;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
.route_info dt,
.route_info dd{display:table-cell;vertical-align:middle;}
.route_info dt{width:200px;}
.route_info dt span{display:block;padding-top:45px;font-family:'Nanum Gothic', sans-serif;font-size:20px;line-height:25px;color:#1f4bb4;text-align:center;}
.route_info dt span.bus{background:url(/theme/sanbon_t/img/icon_bus.gif) no-repeat 50% 0;}
.route_info dt span.taxi{background:url(/theme/sanbon_t/img/icon_subway.gif) no-repeat 50% 0;}
.route_info dt span.car{background:url(/theme/sanbon_t/img/icon_car.gif) no-repeat 50% 0;}
.route_info dt span.kobus{background:url(/theme/sanbon_t/img/icon_kobus.gif) no-repeat 50% 0;}
.route_info dd{width:600px;padding-left:24px;}
.route_info dd ul > li{margin-top:30px;}
.route_info dd ul > li:first-child{margin-top:0;}
.route_info dd ul > li p{color:#555 !important;}
.route_info dd ul.list li{margin-top:0;}
.route_info dd .route_tit{overflow:hidden;margin-bottom:10px;font-family:'Nanum Gothic', sans-serif;font-size:17px;color:#222 !important;}
.route_info dd .route_tit:first-of-type{margin-top:0; padding-left:0;}
.route_info dd .route_tit li{float:left;margin-left:12px;padding-left:34px;background:url(/theme/sanbon_t/img/bg_route_arr.gif) no-repeat 0 50%;}
.route_info dd .route_tit li:first-child{margin-left:0;padding-left:0;background:none;}


/*연구방법*/
.method_01{width: 33%;  display: inline-block;   float: left; margin-right:0.5%;}
.method_02{width: 33%;  display: inline-block; float: left; margin-right:0.5%;}
.method_03{width: 33%;  display: inline-block;}
.method_04{width: 49%;  display: inline-block;   float: left; margin-right:2%;}
.method_05{width: 49%;  display: inline-block; }
.method_06{width:100%; display:block;}


/*연구성과*/

.fund_wrap .use_box{overflow:hidden;}
.fund_wrap .use_box dl{}
.fund_wrap .use_box dt{padding-top:20px;font-size:19px;}
.fund_wrap .use_box dd{padding-top:8px;color:#555;}

.use_box ol{ padding-left: 17px;  padding-top: 17px;}
.use_box ol li{    list-style: auto;}
.fc1f4b{    color: #1f4bb4;}

/*참여연구자*/
.pro_01{width: 49%;  display: inline-block;   float: left; margin-right:2%; border: 1px solid #ddd;  padding: 20px;  border-radius: 15px; min-height:232px; margin-bottom: 20px;}
.pro_02{width: 49%;  display: inline-block;   float: left; border: 1px solid #ddd;  padding: 20px;  border-radius: 15px;  min-height:232px; margin-bottom: 20px;}
.pro_name{    font-size: 20px;  font-weight: 700;   color: #000; }
.pro_tit{margin-top: 10px;  color: #7c7c7c;  line-height: 21px !important;   padding-bottom: 10px;    border-bottom: 1px solid #ddd;    margin-bottom: 15px;}
.pro_box{ background: #1f4bb4;  padding:5px 8px;   color: #fff;   border-radius: 3px;    margin-right: 10px; text-align: center;}

.bgfff{background:#fff;}
.bgf9{background:#f9f9f9;}

/*관련사이트*/
.site_01{width: 32%;  margin-right: 2%;  border: 2px dashed #eee;   display: inline-block;   float: left;    margin-bottom: 20px;    padding: 20px;    text-align: center;    border-radius: 10px;     background: #f9f9f9;}
.site_02{width: 32%;  margin-right: 2%;  border: 2px dashed #eee;   display: inline-block;   float: left;    margin-bottom: 20px;    padding: 20px;    text-align: center;    border-radius: 10px;     background: #f9f9f9;} 
.site_03{width: 32%;  border: 2px dashed #eee;   display: inline-block;   float: left;    margin-bottom: 20px;    padding: 20px;    text-align: center;    border-radius: 10px;     background: #f9f9f9;}
.site_01:hover, .site_02:hover, .site_03:hover{background:#f5f5f5;}


/****************************** 태블릿 ******************************/

@media all and (max-width:1024px){
.mt100{margin-top:19px !important;}
.mt115{margin-top:19px !important;}
#cont_wrap{min-height:480px;padding:30px 15px 50px 15px;font-size:14px;}


/* 인사말 */
.greeting_wrap{padding-left:330px;background-size:300px auto;background-position:0 40px;}
.greeting_wrap .headline{padding:40px 0 20px;font-size:30px;line-height:40px;word-break:keep-all;}
.greeting_wrap .headline br:last-of-type{display:none;}
.greeting_wrap .greeting_txt{padding-bottom:20px;}
.greeting_wrap .greeting_txt p{padding-bottom:15px;font-size:14px;line-height:24px;}

/* 연혁 */
.history_wrap .his_list li{margin-bottom:25px;padding:20px 20px 10px 20px;border-bottom:1px solid #e5e5e5;}
.history_wrap .his_list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.history_wrap .his_list li h3.year{padding-bottom:20px;font-size:25px;font-weight:600;}
.history_wrap .his_list li dl{position:relative;width:100%;padding:0 0 5px 90px;background:none;box-sizing:border-box;}
.history_wrap .his_list li dt{float:none;position:absolute;top:0;left:0;width:70px;padding:0;margin-bottom:5px;}
.history_wrap .his_list li dd{float:none;width:100%;box-sizing:border-box;}


/* 찾아오시는길 */
.map_box{width:100%;}
.map_box .root_daum_roughmap{width:100%;}
.map_box .root_daum_roughmap .wrap_map{height:300px;}
.map_info{height:auto;margin-bottom:50px;}
.map_info dl{font-size:15px;line-height:35px;}
.map_info dt{padding:0 20px 0 45px;background-size:35px auto !important;}
.map_info dd{margin-right:30px; }
.map_info .map_zoom{width:auto;height:35px;padding:0 20px;font-size:14px;line-height:35px;}
.map_info .map_zoom span{padding-left:25px;background-size:15px auto;}
.route_info dl{width:100%;padding:20px 0;}
.route_info dt{width:20%;}
.route_info dt span{padding-top:30px;background-size:auto 20px !important;font-size:17px;line-height:22px;}
.route_info dd{width:80%;padding-left:0;}
.route_info dd ul > li{margin-top:15px;}
.route_info dd .route_tit{margin-bottom:8px;font-size:15px;}
.route_info dd .route_tit li{padding-left:25px;background-size:auto 5px;}


.ctt_admin{ position:relative;     right: 24%; top: 73px; z-index: 9999;}




}

/****************************** 모바일 ******************************/
@media (max-width: 767px){

h3.heading {     font-size: 23px !important;  margin: 50px 0 30px !important;   font-weight: 600;}

/* 인사말 */
.greeting_wrap{padding: 20px 0 0 0;   text-align: center; background:none;}
.greeting_wrap .headline{padding:0 0 20px;font-size:25px;line-height:35px;}
.greeting_wrap .director{font-size:15px;}
.greeting_wrap .director strong{font-size:20px;}

.inam_wrap{padding: 20px 0 0 0;   text-align: center; background:none; height:auto;}
.inam_wrap .headline{padding:0 0 0px;font-size: 22px; line-height: 30px;}
.inam_wrap .director{font-size:15px;}
.inam_wrap .director strong{font-size:20px;}
.history_wrap.mt40{margin-top:20px !important;}

/* 연혁 */
.history_wrap .his_list li dl{padding-left:0;}
.history_wrap .his_list li dt{position:relative;left:auto;width:70px;}
.history_wrap .his_list li dd{padding-left:10px;font-size:13px;line-height:20px;}
/* 찾아오시는길 */
.map_info{height:auto;margin-bottom:50px;}
.map_info dl{font-size:14px;line-height:35px;}
.map_info dt{margin-bottom:8px;padding:0 20px 0 45px;background-size:35px auto !important;}
.map_info dd{margin-bottom:8px;     margin-right: 5px;}
.map_info .map_zoom{width:100%;padding:0;margin-top: -24px; margin-bottom: 30px;}
.route_info dl{display:block;}
.route_info dt{display:block;width:100%;margin-bottom:15px;}
.route_info dt span{display:inline-block;padding:0 0 0 35px;background-position:0 50% !important;}
.route_info dt span br{display:none;}
.route_info dd{display:block;width:100%;}
.map_info dd span{letter-spacing:-1px;}
.route_info dd .route_tit li{padding-left: 18px; background-size: auto 5px; margin-left: 8px;}


/*연구방법*/
.method_01, .method_02, .method_03, .method_04, .method_05{width: 100%;  display: block;  }

/*참여연구자*/
.pro_01, .pro_02{width: 100%; display:block;}

/*관련사이트*/
.site_01, .site_02, .site_03{width: 100%; display:block;}

}


</style>