@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700|Nanum+Myeongjo:400,700');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url('//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css');
@import url('//cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css'); 

 
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
		line-height:160%;
    background:transparent;
		font-family: 'Nanum Gothic', sans-serif;
		font-size:15px;
		color:#666;
		
}

html, body, div {
		margin:0;
    padding:0;
    border:0;
    outline:0;
		line-height:175%;
		font-size:15px;
    background:transparent;
		font-family: 'Nanum Gothic', sans-serif;
		color:#525252;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    background:transparent;
		text-decoration:none;
		color:#525252;
}
a:hover, a:active {text-decoration:none; color:#789D4F;}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block; text-align:left;
		border-top:1px solid #ddd;
    height:1px;
    border:0;   
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

ul, ol, li, dl, dt, dd {margin:0; padding:0; list-style:none;}

#wrap {margin:0; padding:0; width:100%; height:100%;}
.top_line {position:absolute; top:-10px; left:0; width:23.95%; height:10px!important; margin:0; padding:0; background:#4d875f; border:0;}

.top, .m_row1, .m_row2, .m_row3, .footer {width:100%;}
.top .container, .m_row1 .container,  .m_row2 .container, .m_row3 .container, .footer .container, 
.sub_navbar .navbar, .sub_container, .sub_img div 
{width:1000px; margin:0 auto;}

.top {position:relative; margin:0; border-top:10px solid #29683c;}
.top .container {position:relative;}
.top .container:after {content:""; display:block; clear:both;}
.logo {position:relative; float:left; padding:25px 0 10px 0;  z-index:999;}
.gm {position:absolute; top:5px; right:0; margin:0; padding:0;}
.gm li {float:left; margin-left:13px;}
.gm li a {font-size:12px; color:#adaaaa;}

.main_img {background:#f1f7f1}
.main_img div {position:relative; width:100%; height:435px; background:url(../images/main_img5.jpg) no-repeat 50% 0;}
.main_img div span {
	position:absolute; bottom:40px; right:30px; width:35%; padding:10px 10px;
	background:url(../images/main_txtbg.png);
	word-break:keep-all; font-size:220%; color:#f5fed6; font-family: 'Nanum Myeongjo', serif;  font-weight:400; line-height:150%; letter-spacing:-0.5px;
	text-strok-color:#fff; text-strok-width:1px ; 
	text-shadow:#000; text-shadow:0px 0px 0px 0.5px #f5fed6, 0px 0px 5px black, 0px 0px 10px black; -moz-text-shadow:0px 0px 0px 0.5px #f5fed6, 0px 0px 5px black, 0px 0px 10px black; -webkit-text-shadow:0px 0px 0px 0.5px #f5fed6, 0px 0px 5px black, 0px 0px 10px black;}
 
.ft_link {border-top:1px solid #ddd;}
.ft_link > div {display:flex; align-items:center; justify-content: space-between; width:360px; margin:0 auto; padding:20px 10px; box-sizing:border-box;}
.ft_link a {display:inline-block; margin:0 5px; padding:5px; background:rgba(255, 255, 255, 0.9);}
.ft_link a img {display:block; height:36px;}

.footer {padding:40px 0; background:#2e2e2e;}
.footer .container {display:flex; width:1000px; min-height:77px; margin:0 auto; padding-left:98px; padding-top:15px; background:url(../images/logo_footer.png) no-repeat left 52%;}
.footer a {color:#7d7d7d;}
.footer p {margin:0;}
.footer p strong {display:block; color:#8b917c; font-size:inherit;}
.footer .ft_left {width:50%; margin-right:auto; font-size:14px; color:#7d7d7d; line-height:1.6;}

.m_row1 .container, .m_row2 .container {overflow:hidden; zoom:1; clear:both;}
.m_row1  {background:#f6f6f6; padding-bottom:23px;}
.m_row2 {border-bottom:1px solid #ddd;}

.m_notice {float:left; width:515px; margin-top:4%; }
.m_notice dt {position:relative; margin-bottom:15px; color:#000; font-size:20px; font-weight:600;}
.m_notice dt a {display:block; position:absolute; top:3px; right:0; font-size:13px; color:#6b922d;}
.m_notice dd {border-bottom:1px solid #CCCCCC;}
.m_notice dd a {display:inline-block; padding:5px 0; color:#716f6f; font-size:15px;}
.m_notice dd a:hover {color:#390;}
.m_notice dd span {display:block; float:right; padding:5px 0; color:#a09f9f; font-size:13px;}

.m_mov {float:right; margin-top:25px; width:400px;}

.col1 {float:left; width:440px; margin:12px 0; padding:22px 0; border-right:1px solid #ddd;}
.col1 ul {overflow:hidden; zoom:1; clear:both;}
.col1 li {float:left;}
.col1 li:first-child {margin-right:27px;}
.col1 li dl {width:260px;}
.col1 li dl dt {margin:5px 0 13px 0; padding-bottom:16px; background:url(../images/mbook_line.gif) no-repeat 0 bottom; color:#333; font-size:20px; font-weight:600; line-height:16px;}
.col1 li dl dt hr {display:inline-block; width:75px; height:2px; margin:0; padding:0; background:#000; border:none;}
.col1 li dl dd {line-height:120%;}
.col1 li dl dd b {display:block; margin-bottom:10px; color:#336633; font-weight:normal;line-height:120%;}
.col1 li dl dd span {display:block; margin-top:10px; color:#999999; font-size : 14px;}

.col2 {float:left; width:245px; margin:12px 0; padding:0px 25px; border-right:1px solid #ddd;}
.col2 div {width:245px; margin:0 auto; padding:15px 0 20px 0; line-height:130%;}
.col2 div strong {display:block; margin-bottom:5px; font-size:20px; font-weight:600;}
.col2 div a:hover {color:#525252;}
.col2 .m_edu {border-bottom:1px solid #ddd;}
.col2 .m_edu strong {color:#4b9913}
.col2 .m_support strong {color:#ce7235}

.col3 {float:left;width:230px; margin:12px 0; padding:0px 0 0 25px;}
.col3 div {width:245px; margin:0 auto; padding:20px 0 20px 20px; line-height:130%;}
.col3 div img {vertical-align:middle;}
.col3 div span {padding-left:15px;}
.col3 .bnr1 {border-bottom:1px solid #ddd;}
.col3 .bnr1 a {color:#6e35a2; font-size:19px;}
.col3 .bnr2 a {color:#239329; font-size:19px;}

.m_gallery {margin-top:38px!important; margin-bottom:38px!important;}
.m_gallery strong {display:block; color:#000; font-size:24px; text-align:center; line-height:100%;}
.m_gallery strong span {padding:5px 15px; background:url(../images/m_gal.png) no-repeat;}
.m_gallery strong em {display:block; color:#999d94; font-size:18px; font-style:normal;}
.m_gallery ul {margin-top:28px; overflow:hidden; zoom:1; clear:both;}
.m_gallery li {float:left;}

.m_customer {padding:30px 20px; margin-bottom:80px!important; text-align:center; color:#191919;}
.m_customer .tel a,
.m_customer .tel a:hover {display:block; padding:30px 0 10px; font-family: "Roboto", sans-serif; font-weight:700; font-size:42px; color:#44821d; letter-spacing:-1px;}
.m_customer .email a {font-size:18px; color:#49911b;}
/*SUB*/
.sub_img {background:#f1f7f1; border-bottom:1px solid #E2E2E2;}
.sub_img div {padding:25px 0 25px 5px; background:url(../images/subimg_bg1.png) no-repeat top right;}
.sub_img div h2 {font-size:43px; color:#658661; font-weight:600;}

.sub_navbar {height:36px; background:url(../images/sub_bar.jpg) repeat-x;}
.sub_navbar .navbar {padding:0;color:#c9d8c5; overflow:hidden; zoom:1; clear:both;}
.sub_navbar .navbar a {float:left; margin:0; width:39px; height:36px; background:url(../images/navi_home.png) no-repeat 50% 50%; border-left:1px solid #8CA386;  border-right:1px solid #8CA386; text-indent:-9999px; font-size:0; line-height:0;}
.sub_navbar .navbar > span {display:inline-block; padding-top:5px; padding-left:10px;}
.sub_navbar strong {color:#fff; font-weight:normal;}

.sub_container {margin:0 auto; border-left:1px solid #ddd; overflow:hidden; zoom:1; clear:both;}
.left {float:left; width:200px; padding-bottom:100px;}
.right {float:left; width:724px; padding:50px 0 0 75px;  border-left:1px solid #ddd;}

/*왼쪽*/
.left h2 {padding:120px 5px 25px 5px; border-bottom:1px solid #ddd; color:#658661; font-size:30px; font-weight:600; text-align:center;}
.intro .l_tit {background:url(../images/sub_left01.png) no-repeat 50% 40px;}
.tea .l_tit {background:url(../images/sub_left01.png) no-repeat 50% 40px;}
.edu .l_tit {background:url(../images/sub_left01.png) no-repeat 50% 40px;}
.support .l_tit {background:url(../images/sub_left01.png) no-repeat 50% 40px;}
.community .l_tit {background:url(../images/sub_left05.png) no-repeat 50% 30px;}
.book .l_tit {background:url(../images/sub_left05.png) no-repeat 50% 30px;}
.sitemap .l_tit {background:url(../images/sub_left05.png) no-repeat 50% 30px;}

.left ul li a {display:block; padding:10px 5px; border-bottom:1px solid #ddd; text-align:center; color:#333; font-size:16px;}
.left ul li a:hover, .intro1 .lm1 a, .intro2 .lm2 a, .intro3 .lm3 a,
.tea1 .lm1 a, .tea2 .lm2 a, .edu1 .lm1 a, .support1 .lm1 a, .support2 .lm2 a, .support3 .lm3 a, .book .lm1 a, .sitemap .lm1 a,
.notice .lm1 a, .gallery .lm2 a, .board .lm3 a  {background:#82a780; color:#fff;}

.right .tit {color:#333; font-size:30px; font-weight:600;}
.cont {padding:60px 0 80px 0; text-align:justify;}

h3 {margin-bottom:27px; padding-left:28px; background:url(../images/tit_icn.png) no-repeat 0 50%; font-size:22px; color:#3f3e3e; font-weight:normal;}
h3 span {color:#2c7e27; font-weight:600;}
.cont_img {margin:28px 0;}
.ph1, .ph2, .ph3 {margin-bottom:60px;}

p {padding-top:0; margin-top:0;}
.img_left {float:left; padding-right:30px; padding-bottom:30px;}
.txt_right {flaot:left;}
.btnTop {display:none; position:fixed; bottom:5%; right:30px; padding:20px 15px 5px 15px; overflow:hidden; color:#666; text-align:center; background:#fff url(../images/icn_top.png) no-repeat 50% 8px; border:1px solid #dcdcdc;}
.line_dot {border-bottom:1px dashed #E1E1E1;}

.intro1 .cont {overflow:hidden; zoom:1; clear:both;}
.intro1_img {float:left; width:221px; margin:0 30px 0 0;}
.intro1_txt {padding-left:260px;}

.intro2 .ph1 strong {color:#333;}
.intro2 .ph1 .cont_img {margin-bottom:30px;}
.intro2 .ph2 li {margin-bottom:20px; padding-left:40px; background:#444;}
.intro2 .ph2 .num1 {background:url(../images/intro2_num1.gif) no-repeat; background-position:0 6px;}
.intro2 .ph2 .num2 {background:url(../images/intro2_num2.gif) no-repeat; background-position:0 6px;}
.intro2 .ph2 .num3 {background:url(../images/intro2_num3.gif) no-repeat; background-position:0 6px;}
.intro2_his {position:relative; background:url(../images/intro2_line.gif) repeat-y; background-position:267px 100px;}
.intro2_his > dl {margin-left:262px;padding-left:40px;  background:url(../images/intro2_dot.png) no-repeat 0 16px;}
.intro2_his > dl > dt {font-size:26px; color:#76b533; font-family:'Century Gothic', sans-serif;}
.intro2_his dl dd > dl {margin-bottom:30px; overflow:hidden; zoom:1; clear:both;}
.intro2_his dl dd > dl .mm {float:left; width:60px; background:none; font-size:15px; color:#333; font-weight:600; font-family:'Nanum Gothic', 'NanumGothic', sans-serif; text-align:right;}
.intro2_his dl dd > dl dd {margin-bottom:10px; padding-left:85px;}
.intro2_his .his_1986 {position:absolute; top:0px; left:0; width:230px; margin:0; padding:0; background:none; text-align:right;}
.intro2_his .his_1986 img {margin:50px 20px 0 0;}

/*오시는 길*/
.intro3 a {color:#67952F;}
.intro3 a:hover {text-decoration:underline;}
.intro3 hr {height:4px; background:#f8f8f8; border-top:1px solid #ddd;}
.intro3 h4 {margin-bottom:20px; color:#497C1F; font-size:15px;}
.intro3 .ph1, .intro3 .ph2 {margin-bottom:20px;}
.intro3 dl {overflow:hidden; zoom:1; clear:both;}
.intro3 dt {position:relative; float:left; width:90px; font-weight:600; color:#333;}
.intro3 dt span {display:block; position:absolute; top:0; right:0;}
.intro3 dd {padding-left:105px;}
.intro3 .ph3 dl {marign-bottom:5px; padding:0;}
.intro3 .ph3 dt {width:55px;}
.intro3 .ph3 dd {padding-left:80px;}
.intro3 .ph3 .bus dd {padding-left:62px;}
.intro3 .ph3 .bus dd span {padding-left:36px;}
.intro3 .subway3 {background:url(../images/icn_trans.png) no-repeat 62px 5px;}
.intro3 .subway5 {background:url(../images/icn_trans.png) no-repeat 62px -50px;}
.intro3 .bus1 {background:url(../images/icn_trans.png) no-repeat 0px -110px;;}
.intro3 .bus2 {background:url(../images/icn_trans.png) no-repeat 0px -164px;;}

/*한국전통차의 역사*/
.tea1 .ph1 {overflow:hidden; zoom:1; clear:both;}
/*.tea1 .ph1 img {float:left; display:block;}*/
.tea1 .ph1 .cont_img {width:301px; margin:6px 30px 5px 0;}
.tea1 .ph2 .cont_img {width:350px;}
.tea1 .ph2 .cont_img_l {margin:0!important;}

/*동춘차 이야기*/
.tea2 .ph1 {color:#484848;}
.tea2 .ph1 ol {margin-bottom:50px;}
.tea2 .ph1 ol > li:first-child {padding-top:0; background:none;}
.tea2 .ph1 ol > li {padding-top:40px; background:url(../images/tea2_arw.png) no-repeat 104px 12px; font-weight:600; overflow:hidden; zoom:1; clear:both;}
.tea2 .ph1 ol li ul {overflow:hidden; zoom:1; clear:both;}
.tea2 .ph1 ol li ul li {float:left; width:464px; padding-top:5px; word-break:keep-all;}
.tea2 .ph1 ol li ul .tea2_img {width:260px; padding-top:0;}
.tea2 .ph1 ol li ul li ol {margin-top:10px; overflow:hidden; zoom:1;}
.tea2 .ph1 ol li ul li ol li {position:relative; padding:0 0 0 20px; background:none; color:#959595; text-align:left;}
.tea2 .ph1 ol li ul li ol li span {position:absolute; top:0; left:0px;}

/*교육프로그램*/
.edu1 .ph1 {margin-bottom:40px;}
.edu1 .ph2 > dl {border-top:2px solid #6D943A; overflow:hidden; zoom:1; clear:both;}
.edu1 .ph2 > dl > dt {position:relative; float:left; width:180px; padding:10px 10px 10px 20px; font-size:17px; font-weight:600; color:#67952f;}
.edu1 .ph2 > dl > dt span {position:absolute; left:0; top:10px;}
.edu1 .ph2 > dl > dd {flaot:left; padding:10px 5px 20px 240px; background:url(../images/line.gif) repeat-y 220px; border-bottom:1px solid #333;}
.edu1 .ph2 > dl > dt:first-child {border-top:none;}
.edu1 .ph2 > dl > dd dl dt {padding-bottom:10px; font-weight:600; color:#000;}
.edu1 .ph2 > dl > dd dl dd {padding:0 0 20px 20px;}

/*후원안내
.support1 .ph1 {overflow:hidden; zoom:1; clear:both;}*/
/*.support1 .ph1 img {float:left; margin:6px 30px 5px 0;}*/
/*.support1 .ph1 .cont_img {margin:6px 30px 5px 0;}
.support1 .ph2 {overflow:hidden; zoom:1; clear:both;}
.support1 .ph2 div {float:left; margin-top:30px; padding-left:30px;}
.support1 .ph2 div:first-child {width:40%; padding-left:20px; border-right:1px solid #ddd;}
.support1 .ph2 div dl {min-height:41px; margin-bottom:20px; padding-left:65px; background:url(../images/support_icn.gif) no-repeat;}
.support1 .ph2 div dt {line-height:100%;}
.support1 .ph2 div dd {font-weight:600; color:#000; font-size:17px;line-height:100%;}
.support1 .ph2 .tel {float:none;background-position:0 0;}
.support1 .ph2 .email {float:none;background-position:0 -59px;}
.support1 .ph2 .account {float:none; background-position:0 -115px;}
.support1 .ph2 .account dt {line-height:175%}
.support1 .ph2 .account dd {line-height:175%}*/

/*후원안내-수정*/
.support1 .ph1, .support1 .ph2, .support1 .ph3, .support1 .ph4 {margin:0;}
.support1 .col1, .support1 .col2, .support1 .col3, .support1 col4, .support1 col5 {float:left; padding:0; margin:0;}
.support1 .line_dot {height:45px; margin-bottom:45px;}
.support1 .ph1 {overflow:hidden; zoom:1; clear:both;}
.support1 .ph1 strong {display:block; margin-bottom:30px; color:#2b6a28; font-size:24px; font-family:"나눔명조", "바탕", serif; font-weight:normal;}
.support1 .ph1 .cont_img {margin:6px 30px 5px 0;}
.support1 .ph2 {overflow:hidden; zoom:1; clear:both;}
.support1 .ph2 h3 {margin-bottom:0;}
.support1 .ph2 > div {position:relative; float:left; width:49%; margin-top:30px; margin-left:1%; background:url(../images/support11_num.gif) no-repeat; border:1px solid #ECECEC;}
.support1 .ph2 .col_odd {margin-left:0;}
.support1 .ph2 .num {position:absolute; top:0; left:0; width:53px; height:53px; margin:0; border:none; color:#fff;}
.support1 .ph2 .num span {position:absolute; top:3px; left:8px;}
.support1 .ph2 dl {height:70px; margin:18px 30px 15px 35px;}
.support1 .ph2 div dt {margin-bottom:5px; color:#267f21; font-size:16px; font-weight:600; }
.support1 .ph2 div dd {line-height:130%;}
.support1 .ph2 > div ul {overflow:hidden; zoom:1; clear:both;}
.support1 .ph2 > div ul li {position:relative; float:left; width:50%; line-height:0;}
.support1 .ph2 > div li em {display:block; position:absolute; bottom:0; width:94.4%; height:35px; padding:2.8%; font-style:normal; font-size:13px; color:#fff; line-height:130%; text-align:center; word-break:keep-all; background:rgba(0,0,0,0.5);}
.support1 .ph3 {overflow:hidden; zoom:1; clear:both;}
.support1 .ph3 > div {position:relative; float:left!important; width:31.49%; max-width:228px; height:280px; margin:0 0 15px 2.2%!important; /*margin-left:2.2%;*/ border:1px solid #ECECEC;}
.support1 .ph3 .col_odd {margin-left:0!important;}
.support1 .ph3 .num {position:absolute; top:10px; left:13px; width:48px; height:48px; margin:0; padding:0; background:url(../images/support11_numbg.png) no-repeat 8px 8px; border:none; color:#2f2121; line-height:160%; text-align:left; }
.support1 .ph3 dl {text-align:center; width:87%; margin:0 auto;}
.support1 .ph3 div dt {margin-bottom:5px; padding-top:125px; color:#2d6b2a; font-size:16px; font-weight:600; }
.support1 .ph3 div dd {line-height:20px; word-break:keep-all;}
.support1 .ph3 div dd em {font-size:14px; color:#678d65; font-style:normal;}
.support1 .ph3 .col1 dt {background:url(../images/support11_licn1.gif) no-repeat 50% 35px;}
.support1 .ph3 .col2 dt {background:url(../images/support11_licn2.gif) no-repeat 50% 40px;}
.support1 .ph3 .col3 dt {background:url(../images/support11_licn3.gif) no-repeat 50% 35px;}
.support1 .ph3 .col4 dt {background:url(../images/support11_licn4.gif) no-repeat 50% 40px;}
.support1 .ph3 .col5 dt {background:url(../images/support11_licn5.gif) no-repeat 50% 35px;}
.support1 .col6 {border:none; background:#f1f2f2; background-image:none; text-align:center;}
.support1 .col6 img {margin-top:80px;}
.support1 .ph4 .account {margin:25px 0; padding:15px 30px; background:#eaf2e9; overflow:hidden; zoom:1; clear:both;}
.support1 .ph4 .account li {float:left; margin:0 3.03%;}
.support1 .ph4 .conntect {padding:0 7.17%; overflow:hidden; zoom:1; clear:both;}
.support1 .ph4 .conntect li {float:left; width:39%; min-height:41px;}
.support1 .ph4 .conntect .tel {padding-left:65px; background:url(../images/support_icn.gif) no-repeat;background-position:0 0;font-size:18px; color:#cc1f12; font-weight:600;}
.support1 .ph4 .conntect .email {padding-left:65px; background:url(../images/support_icn.gif) no-repeat;background-position:0 -59px; color:#333;}
.support1 .ph4 p {margin:15px 0 40px 0; padding:15px 1%; color:#6d9871; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.support1 .btn_area a {display:inline-block; width:150px; margin:1%; padding:15px; background:#80a766; border-radius:5px; color:#fff; text-align:center;}
.support1 .btn_area a:hover {background:#a2bf8f;}



/*연구소서재*/
.book1 .ph1 ul {overflow:hidden; zoom:1; clear:both;}
.book1 .ph1 ul li {position:relative; float:left; margin-bottom:20px; padding:6px 6px 20px 6px; width:46%; margin-left:22px; text-align:left; word-break:keep-all; border-bottom:1px solid #ddd;}
.book1 .ph1 span {width:120px; height:170px; background:#fff; border:1px solid #ddd;}
.book1 .ph1 .book_box {position:relative; float:left; margin-right:20px;}
.book1 .ph1 .book_box > span {position:absolute; top:-4px; left:-4px;}
.book1 .ph1 .book_box span img {position:absolute; top:-4px; left:-4px; border:1px solid #ddd;}
.book1 .ph1 li img { width:120px; height:170px;}
.book1 .ph1 ul .col1,
.book1 .ph1 ul li:nth-of-type(2n+1),
.book1 .ph1 ul li:first-of-type {margin:0; border-right:none;}
.book1 .ph1 ul li dt {font-weight:600; margin-bottom:10px; color:#000;}
.book1 .ph1 ul li dd {font-size:13px;}
.book1 .ph1 ul li .btn_area {position:absolute; bottom:0; left:145px; margin-top:20px; text-align:left;}

/*사이트맵*/
.sitemap {overflow:hidden; *zoom:1; clear:both;}
.sitemap dl {float:left; width:200px; height:185px; margin:0 20px 40px 20px; border-bottom:1px solid #ccc;}
.sitemap dt {padding:10px 5px 10px 30px; background:url(../images/icn_lotus.gif) no-repeat 3px 15px; border-top:1px solid #333; border-bottom:1px dashed #ddd; font-weight:600; color:#333;}
.sitemap dd {padding:5px 5px 5px 30px;}
.sitemap dd a {color:#878787;}
.sitemap dd a:hover {color:#36C;}
.sitemap .book {width:683px; height:auto; overflow:hidden; *zoom:1; clear:both;background:#f9f9f9;}
.sitemap .book dt {background:#fff url(../images/icn_book01.gif) no-repeat 3px 15px;}
.sitemap .book dd {float:left; width:16.95%; padding:5px 10px;border-left:1px solid #ddd; text-align:center;background:#f9f9f9;}
.sitemap .book dt+dd {border-left:none;}



/* 게시판 */
.list_top {position:relative; padding:0 0 10px 0;color:#878787; font-size:12px;}
.list_top b {color:#C30; font-size:inherit;}
.list_top .board_search {position:absolute; top:0; right:0; width:29%;}
.list_top .board_search input {float:left;}
.board_search .input_txt {width:160px; height:22px; margin-right:3px; border:1px solid #ddd;}
.btn_search {float:left;}

.board_list table {width:100%; border-top:2px solid #333;}
.board_list th {padding:12px 5px; border-bottom:1px solid #878787; font-size:13px; text-align:center;}
.board_list .th_num, .board_list .th_hit {width:8%;}
.board_list .th_writer, .board_list .th_date {width:15%;}
.board_list td {padding:10px 5px; border-bottom:1px solid #ddd; text-align:center; font-size:14px; color:#878787;}
.board_list td img {padding:0 5px; vertical-align:middle;}
.board_list .tr_notice {background:#f9f9f9;}
.board_list .tag_notice {padding:3px 5px; background:#3A52A0; font-size:12px; color:#fff;}
.board_list .td_sbj {text-align:left;}
.board_list .td_sbj a:hover {text-decoration:underline;}
.board_list .td_re {padding-left:20px; background:url(../images/re.png) no-repeat 10px 15px;}

.board_view {}
.view_tit {width:100%; padding:5px 5px; background:#f9f9f9; border-top:2px solid #333; font-weight:600;border-bottom:1px solid #ddd;}
.view_info {border-bottom:1px solid #878787; overflow:hidden; *zoom:1; clear:both;}
.view_info li {padding:5px 5px; color:#878787;}
.view_info .view_name {float:left; font-size:13px; }
.view_info .view_date {float:right; font-size:13px;}
.view_info .view_file {float:left; width:100%; border-top:1px solid #ddd; font-size:13px;}
.view_info .view_file img {padding-left:10px; vertical-align:middle;}
.view_cont {padding:25px 5px; border-bottom:1px solid #ddd; line-height:220%;}

.board_write table {width:100%; padding:10px 5px; border-top:2px solid #333; border-bottom:1px solid #878787; font-weight:600; font-size:15px;}
.board_write th {width:15%; padding:10px 5px 10px 20px ; background:url(../images/icn_dot.png) no-repeat 5px 20px; border-top:1px solid #ddd; font-weight:normal; text-align:left;}
.board_write td {padding:10px 5px; border-top:1px solid #ddd;}
.board_write td input {height:22px; border:1px solid #ddd;}
.board_write .td_tit input {width:100%;}
.board_write .td_cont textarea {width:100%; height:300px; border:1px solid #eee;}
.board_write .th_file ul {margin:0; padding:0;}
.board_write .td_file li {padding:0 0 5px;}
.board_write .td_file p {padding:0; margin:0; font-size:13px; color:#C28763; font-weight:normal;}
.board_write .td_file input {width:50%; background:none; border:1px solid #ddd; border-collapse:collapse;}
.board_write .td_file a span{
	margin-left:2px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #DDDEDF;
	display:inline-block;
	cursor:pointer;
	color:#36C;
	font-size:13px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;}
.board_write .td_file .btn_minus span{color:#900;}
.board_write .td_file .btn_minus:hover span{background:#982E51; color:#fff;}
.board_write .td_file a:hover span {
	background-color: #5B75B9;
	color:#fff;
}
.board_write .td_file a:active span{
	position:relative;
	top:1px;
}

.comment {padding-top:25px;}
.comment h3 {margin-bottom:0; padding-left:30px; background:url(../images/icn_chat.png) no-repeat 0 50%; color:#C60; font-weight:400; font-size:16px;}
.comment h3 b {color:#333; font-weight:600}
.comment_write .btn_comment {display:inline-block; height:49px; width:65px; margin:0; padding-top:15px;  background:#878787; vertical-align:middle; color:#fff; text-align:center;}
.comment_write .btn_comment:hover {background:#666;}
.comment_write {margin:10px 0 15px 0; border-top:1px solid #333;}
.comment_write ul {margin:10px 0; padding-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden; *zoom:1; clear:both;}
.comment_write li {float:left; margin-right:20px; color:#333;}
.comment_write li input {height:22px; margin:0 10px; border:1px solid #ddd; color:#666;}
.comment_write ul .btn_area {float:right; margin:0;}
.comment_write textarea {width:97%; height:60px; margin:0; padding:10px; border:1px solid #ddd; vertical-align:middle;}

.comment_list {margin:10px 0; padding:0 3px; }
.comment_list dt {position:relative; margin:0px 0 5px 0; padding-top:15px; color:#878787; font-size:13px; border-top:1px solid #ddd;}
.comment_list dt strong {padding:0 20px 0 25px; background:url(../images/icn_leaf.png) no-repeat 0 -1px; color:#333; font-size:15px; }
.comment_list dt img {vertical-align:middle;}
.comment_list dd {padding-bottom:15px;}
.comment_list .comment_pass {display:none; padding:10px; background:#f9f9f9; border-bottom:none!important;}
.comment_list .comment_pass inpurt {margin-left:5px; border:1px solid #ddd;}
.comment_list .comment_re {padding:10px 0px 10px 30px; background:url(../images/re.png) no-repeat 10px 15px; color:#666;}
.comment_list .comment_re dd {border:none;}
.comment_list .comment_btn {position:absolute; top:15px; right:0;  border-bottom:none; font-size:14px;}
.comment_list .comment_btn a {padding:0 10px; border-left:1px solid #dfdfdf; color:#659630;}
.comment_list .comment_btn a:first-child { border-left:none;}
.comment_list .comment_btn a:hover {color:#333;}

.comment_more {padding:5px; text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	cursor:pointer;
	color:#666666;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.comment_more:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.comment_more:active {
	position:relative;
	top:1px;
}

.board_page {width:100%; padding:30px 0 0 0; text-align:center;}
.board_page a {display:inline-block; width:10px; .height:25px!important; height:15px; margin:0 3px; .padding:0px 6px!important; padding:3px 6px; .line-hight:0!important; line-height:1; vertical-align:middle;}
.board_page img {margin:0 1px; padding:0; vertical-align:middle;}
.board_page .page_img {margin:0; padding:0; width:auto; height:auto;}
.board_page .page_on, .board_page a:hover {background:#60c201; color:#fff;}
.board_page .page_img:hover {background:none;}


/*사진게시판*/
.gallery_list {width:100%; padding-top:20px; border-top:2px solid #333; overflow:hidden; *zoom:1; clear:both;}
.gallery_list li {float:left; width:190px; margin:0 0 30px 75px; border-bottom:1px solid #ddd;}
.gallery_list .col1 {margin:0 0 30px 0; padding:0; border-right:none;}
.gallery_list li img {display:block; width:190px; height:140px; border:1px solid #ddd;}
.gallery_list li p {height:50px; margin:0; padding:10px 0px; line-height:110%; font-size:13px; color:#B3B3B3 }
.gallery_list li p strong {display:block; margin-bottom:5px; font-weight:normal; font-size:14px; line-height:130%;}
.gallery_list li a:hover p, .gallery_list li a:hover strong {color:#789D4F;}
.gallery .view_cont img {width:100%;}

/*후원자정보입력*/
.support2 .ph1 {margin-bottom:0; padding:20px; background:#f3f3f2; word-break:keep-all;}
.support2 th {width:29%!important}
.support2 td {width:71%!important; font-weight:normal; padding-top:15px; padding-bottom:15px;}
.support2 td b {display:inline-block; margin-bottom:5px;}
.support2 .input_radio {width:auto;}
.support2 .td_name input {width:30%;}
.support2 .td_date input {width:30%;}
.support2 .td_gen input {width:auto;}
.support2 .td_tel input {width:15%;}
.support2 .td_email input {width:30%;}
.support2 .td_add input {width:48%;}
.support2 .td_add span {display:block; margin-bottom:5px;}
.support2 .td_add a {padding:6px 10px; text-align:auto; background:#4c4a4a; font-size:13px; color:#fff;}
.support2 .td_add a:hover {color:#6C6B6B;}
.support2 .input_zip {width:20%!important;}
.support2 .td_sms input, .support2 .td_how input {width:auto;}
.support2 .td_agree a {padding:6px 10px; text-align:auto; background:#fff; border:1px solid #999; font-size:13px; color:#666;}
.support2 .td_agree a:hover {background:#eeeded;}
.support2_btn {text-align:center;}
.support2_btn .btn_ok {display:inline-block; margin:32px 8px auto 5px; padding:12px 45px; background:#80a766; font-size:15px; border-radius:5px; color:#fff; font-weight:600;}
.support2_btn .btn_ok:hover {padding:10px 44px; background:#fff; border:1px solid #80a766; color:#6d9453;}
.support2_btn .btn_can {display:inline-block; margin:32px 8px auto 5px; padding:12px 45px; background:#d5d8d4; font-size:15px; border-radius:5px; color:#fff; font-weight:600;}
.support2_btn .btn_can:hover {padding:10px 44px; background:#fff; border:1px solid #d5d8d4; color:#666;}

/*버튼*/
.board_btn_area {position:relative; margin:20px 0 20px 0; text-align:right; min-height:30px;}
.board_btn_area li {float:left; text-align:right;}

.board_btn {
	margin:2px; 
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ccc;
	display:inline-block;
	cursor:pointer;
	background-color:#82A780; color:#fff; border:1px solid #73b330;	
	font-size:14px;
	font-weight:600;
	padding:3px 20px;
	text-decoration:none;
}
.board_btn:hover {color:#666; background-color:#fff;}
.board_btn:active {
	position:relative;
	top:1px;
}

.btn_area {margin:20px 0; text-align:center;}
.btn {
	background-color:#378de5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	margin:0 2px;
	padding:6px 30px;
	text-decoration:none;
}
.btn:hover {
	background-color:#79bbff;
}
.btn:active {
	position:relative;
	top:1px;
}

.btn_big {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
	margin:0 2px;
	padding:10px 30px;
	text-decoration:none;
}

.btn_small {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	margin:0 2px;
	padding:1px 15px;
	text-decoration:none;
}

.btn_small1 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	margin:0 2px;
	padding:1px 15px;
	text-decoration:none;
}

.btn_ssmall {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:13px;
	font-weight:bold;
	padding:0px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn_ssmall:hover {
	background-color:#f6f6f6;
}
.btn_ssmall:active {
	position:relative;
	top:1px;
}

.btn_wh {background-color:#fff; border:1px solid #d8d8d8; color:#666;}
.btn_wh:hover {background-color:#ccc; color:#666; }

.btn_grey {background-color:#ddd; border:1px solid #d8d8d8; color:#787878;}
.btn_grey:hover {background-color:#f8f8f8; color:#787878; }

.btn_gray {background-color:#ddd; border:1px solid #d8d8d8; color:#787878;}
.btn_gray:hover {background-color:#f8f8f8;  color:#787878;}

.btn_black {background-color:#333; border:1px solid #252525; color:#fff;}
.btn_black:hover {background-color:#666; color:#fff; }

.btn_green {background-color:#96b879; color:#fff;}
.btn_green:hover {background-color:#b3c59e; color:#fff;}



strong, em {color:#63AD36;}
em {font-size:15px;color:#63AD36;}
.img_area {overflow:hidden; zoom:1; clear:both;}
/*.img_l {display:block; float:left;}
.img_r {display:block; float:right;}*/
.hr1 { border:1px solid #eee; background:#fff;}
.bdr_t {border-top:1px solid!important;}
.bdr_gray {border-color:#ccc!important;}
.mg0 {margin:0!important;}
.mgt30 {margin-top:30px!important;}
.mgt50 {margin-top:50px!important;}
.pd0 {padding:0!important;}

.cont_img_l {float:left; margin:0;}
.cont_img_r {float:right; margin:0;}
.cont_img {text-align:center;}
.cont_img em {display:block; font-size:13px; color:#878787; font-style:normal; line-height:130%;}


.mobile_nav, .m_home {display:none;}


/* Mobile Device */
@media screen and (max-width : 450px) {
		.support1 .ph4 .conntect li {float:none; width:auto!important; margin:2px 0;}
		.support1 .btn_area a {width:85%!important;}
	.ft_link > div {justify-content:center; width:100%;}
	.ft_link a {margin: 0 20px;}
	.ft_link a img {height:30px;}
}
	
@media screen and (max-width : 768px) {
	
	.popup_wrap {left:0!important; top:10px!important; max-width:360px!important; height:auto!important; margin:0 auto!important;}
	.popup_cont img {width:100%!important; max-width:none!important; height:auto!important; }

	.top .container, .m_row1 .container, .m_row2 .col2, .m_row2 .col3, .m_row3 .container, .footer .container, .footer .container p, 
	.sub_navbar .navbar, .sub_container, .sub_img div{
		width:90.66%; margin:0 auto; 
	}

	.logo {padding-top:10px;}
	.logo img {width:180px;}
	.gm {display:none;}
	
	.main_img div {height:195px; background-size:cover;}
	.main_img div span {bottom:10px; right:10px; width:62%; padding:10px;	font-size:100%; line-height:130%; word-break:break-all;}

	.m_notice {float:none; width:100%; margin-top:4%; }
	.m_notice dd a {width:100%; overflow:hidden;}
	.m_notice dd span {display:none;}
	
	.m_mov {float:none; width:100%;}
	.m_mov iframe {width:100%;}
	
	.m_row2 .container {width:100%;}
	.col1 {float:none; width:100%; border-right:none; border-bottom:1px solid #ddd; }
	.col1 ul {width:90.66%; margin:0 auto;}
	.col1 li:first-child {margin-right:20px;}
	.m_book_txt {width:56.5%; }
	.col1 li dl {width:100%; word-break:keep-all;}	
	.col1 li dl dt {padding-bottom:8px; margin-bottom:8px; font-size:19px; line-height:130%}
	.col1 li dl dd b {margin-bottom:5px;}
	.col1 li dl dd span {margin-top:5px;}
	.col2 {float:none; width:93%; margin:20px auto!important; padding:0!important; border-right:none; text-align:center;}	
	.col2 div {width:100%; margin:0 0 5px 0; padding:10px 20px; border:1px solid #ddd; line-height:130%; box-sizing:border-box;}
	.col2 .m_edu {border-bottom:1px solid #ddd;}
	.col2 .m_support {border-bottom:1px solid #ddd;}
	.col3 {float:none; width:93%; margin:12px auto 20px auto!important; padding:0; text-align:center; overflow:hidden; zoom:1; clear:both;}
	.col3 div {float:left; width:49.72%; margin:0; padding:0;}
	.col3 div span {display:block; padding-left:0; font-size:15px;}
	.col3 .bnr1 {border-bottom:none; border-right:1px solid #ddd;}
	
	.m_gallery {margin-bottom:60px!important;}
	.m_gallery ul {width:100%;}
	.m_gallery li {width:50%; margin:0; padding:0; font-size:0; line-height:0;}
	.m_gallery li img {width:100%;}
	
	.footer {padding:15px 0; background:#2e2e2e;}
	.footer .container {width:100%; flex-flow: column nowrap; padding:20px 0; background:none; font-size:14px; color:#7d7d7d; text-align:center;}
	.footer .ft_left {width:100%; margin-right:0;}
	.footer .ft_left span {display:block;}
	.footer .divide {display:none!important;}
	.footer .container p {width:100%; padding-left:10px; padding-right:10px; box-sizing:border-box;}
	.footer .container p strong {display:block; margin-bottom:10px; }
	.footer .ft_link {justify-content:center; margin-top:20px;}
	.footer .ft_link a img {height:30px;}
	.sub_img div {padding:10px 0 10px 5px; background-size:contain;}
	.sub_img div h2 {font-size:28px;}

	.sub_container {border-left:none;}
	.left {display:none;}
	.right {float:none; width:100%; padding:30px 0 0 0; border-left:none;}
	.right .tit {font-size:24px;}
	.cont {padding:30px 0 50px 0; text-align:justify;}
	
	.intro1_img {float:none; width:100%; margin:0 0 20px 0; text-align:center;}
	.intro1_txt {padding-left:0;}
	
	.intro2_his {position:relative; background:url(../images/intro2_line.gif) repeat-y 5px;}
	.intro2_his > dl {margin-left:0; padding-left:7.5%!important;  background:url(../images/intro2_dot.png) no-repeat 0 16px !important;}
	.intro2_his > dl > dt {font-size:26px; color:#76b533; font-family:'Century Gothic', sans-serif;}
	.intro2_his dl dd > dl {margin-bottom:30px; overflow:hidden; zoom:1; clear:both;}
	.intro2_his dl dd > dl .mm {float:none; width:100%; background:none; font-size:15px; text-align:left;}
	.intro2_his dl dd > dl dd {margin-bottom:20px; padding-left:0;}
	.intro2_his .his_1986 {position:relative; width:100%; text-align:left;}
	.intro2_his .his_1986 img {margin:20px 0;}
	
	.tea1 .ph1 {background-position:50% 62px;}
	.tea1 .ph1 p span {display:block; float:none; width:100%;}
	.tea1 img {padding-bottom:10px;}
	
	.tea2 .ph1 ol li ul {padding-bottom:0;}
	.tea2 .ph1 ol li ul li {float:none; width:100%;}
	.tea2 .ph1 ol li ul .tea2_img {width:100%; text-align:center;}
	.tea2 .ph1 ol li ul li ol {width:93%; margin-bottom:0;;}
	.tea2 .ph1 ol > li {padding-top:40px;background-position:50% 12px;}
	
	.edu1 .ph2 > dl > dt {float:none; width:100%;}
	.edu1 .ph2 > dl > dd {padding:0 0 20px 0; background:none;}
	
	/*.support1 .ph1 img {width:100%;}
	.support1 .ph1, .support1 .ph2 {margin-bottom:30px;}
	.support1 .ph2 div, .support1 .ph2 div {float:none; margin:0; padding:0;}
	.support1 .ph2 div:first-child {width:93%; padding-left:0; border-right:none;}
	*/
	
	/*후원안내-수정*/
	.support1 .line_dot {height:30px; margin-bottom:30px;}
	.support1 .ph1 strong {margin-bottom:20px; font-size:20px; line-height:130%; text-align:left;}
	.support1 .ph1 .cont_img {float:none; margin:0 0 20px 0; text-align:center;}
	.support1 .ph1 .cont_img img {display:block; width:100%;}
	.support1 .ph1 p {margin-bottom:0;}
	.support1 .ph2 > div {float:none; width:auto; margin-top:30px; margin-left:0%;}
	.support1 .ph2 dl {height:auto; margin:18px 20px 15px 33px;}
	.support1 .ph2 dl dd {text-align:left;}
	.support1 .ph2 > div ul li img {width:100%;}
	.support1 .ph3 > div {float:left; width:48%; max-width:none; height:230px; margin:0 0 5px 0!important;}
	.support1 .ph3 .col5, .support1 .ph3 .col6 {height:290px;}
	.support1 .ph3 .col2, .support1 .ph3 .col4, .support1 .ph3 .col6 {margin-left:1%!important;}
	.support1 .ph3 .num {top:5px; left:10px; width:30px; height:30px; padding:0; margin:0; text-align:left; background-position:0 0;}
	.support1 .ph3 div dl {margin-bottom:10px;}
	.support1 .ph3 div dt {margin-bottom:0; padding-top:85px; background-position:53% 15px!important; background-size:69px!important; word-break:keep-all;}
	.support1 .ph4 .account {margin:25px 0; padding:10px;}
	.support1 .ph4 .conntect {padding:10px;}	
	.support1 .ph4 .conntect {padding:0 5.5%; overflow:hidden; zoom:1; clear:both;}
	.support1 .ph4 .conntect li {float:left; width:35%; min-height:41px; margin:5px;}
	
	/*후원자정보입력*/
	.support2 .ph1 {margin-bottom:10px; text-align:left; word-break:break-all;}
	.support2 th {padding-left:0!important;  width:100%!important; font-weight:600!important;}
	.support2 td {text-align:left;}
	.support2 td b {font-weight:400;}
	.support2 .td_name input, .support2 .td_date input {width:100%;}


	/*연구소서재*/
	.book1 .ph1 ul li, .book1 .ph1 ul .col1 {float:none; padding:6px 6px 20px 6px!important; width:100%; margin-left:0; margin-top:20px; overflow:hidden; zoom:1; clear:both;}


/** modal window styles **/
#lean_overlay {
    position: fixed;
    z-index:10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


.modal_pop  {
	position:relative; 
  width: 75%;  /*팝업창의 크기조절*/
  margin-top:100px;           /*팝업창 위아래 간격조절*/
  padding: 30px;
  background: #f3f6fa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
.modal_pop .modal_close {position:absolute; display:block; top:10px; right:10px; font-size:24px;}
.modal_pop div {margin-bottom:20px; padding:10px 10px 20px 10px; border-bottom:1px solid #333; overflow:hidden; zoom:1; clear:both;}
.modal_pop div dl dt {margin-bottom:20px; font-weight:600; color:#000; font-size:20px;}
	
	/* 게시판 */
	.list_top .board_search {width:auto;}
	
	.board_list tr:first-child {border-top:2px solid #333;}
	.board_list th {display:none;}
	.notice .td_writer, .td_hit {display:none;}
	.board_list .th_num, .board_list .th_hit {width:8%;}
	.board_list .th_writer, .board_list .th_date {width:15%;}
	.board_list .td_num {width:15%; font-size:12px;}
	.board_list .td_date {font-size:12px;}
	.notice .td_writer, .notice .td_hit {display:none;}
	.board .board_list .td_date {display:none;}
	
	.view_tit {padding:5px 5px; margin:0;}	

	.board_write,
	.board_write thead,
	.board_write tbody,
	.board_write tr,
	.board_write th,
	.board_write td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
	.board_write {border-top:1px solid #000}
	.board_write tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
	.board_write th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box; padding:5px 5px 5px 20px ; background:#f8f8f8 url(../images/icn_dot.gif) no-repeat 5px 20px; border-top:1px solid #ddd; font-weight:normal; text-align:left;}/* ie9에서 float을 줘야함 */
	.board_write td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* relative를 줘야 사파리에서 다시 키웠을때, 안깨짐*/
	.board_write td input {width:100%;}
 
	.comment_write ul li:first-child input {margin-left:38px;}
	.comment_write ul li {float:none; margin-bottom:10px;}
	.comment_write ul .btn_area {float:none; text-align:left;}
	.comment_write textarea {width:93%;}
	.comment_list .comment_btn {top:15px;}
	

	/*사진게시판*/
	.gallery_list {width:100%; padding-top:20px; border-top:2px solid #333; overflow:hidden; *zoom:1; clear:both;}
	.gallery_list li, .gallery_list .col1 {float:left; width:45%; height:230px; margin:0 6px 20px 6px; border:1px solid #fff; border-bottom:1px solid #ddd;}
	.gallery .view_cont img {width:100%;}
	.gallery .view_tit {width:97%;}
	 
}


@media screen and (min-width:640px) and (max-width:800px) {
	.support1 .ph3 > div {height:190px;}
	.support1 .ph3 .col5, .support1 .ph3 .col6 {height:230px;}
	
	.gallery_list ul {margin:0 auto;}
	.gallery_list li, .gallery_list .col1 {width:160px; margin:0 10px 30px 10px; border:1px solid #fff; border-bottom:1px solid #ddd;}
	.gallery_list li img {width:100%;}
}

@media screen and (min-width: 992px) and (max-width: 1146px) {
	.bx-wrapper img {height:308px;}
	.main_txt {top:10%; left:0; width:50%; margin-left:0; padding:0 25%; font-size:200%;}
}


/* Tablet Device */
@media screen and (min-width : 768px) and (max-width : 991px) {
 .top .container, .m_row1 .container, .m_row2 .col2, .m_row2 .col3, .m_row3 .container, .footer .container, .footer .container p, 
	.sub_navbar .navbar, .sub_container, .sub_img div{
		width:90.66%; margin:0 auto; 
	}

	.logo {padding-top:10px;}
	.logo img {width:180px;}
	.gm {display:none;}
	
	.main_img div {background-size:cover;}
	.main_img div span {bottom:30px; right:30px; width:53%; padding:10px;	font-size:190%; line-height:130%; word-break:break-all;}
	
	.m_notice {float:none; width:100%; margin-top:4%; }
	.m_notice dd a {width:100%; overflow:hidden;}
	.m_notice dd span {display:none;}
	
	.m_mov {float:none; width:100%;}
	.m_mov iframe {width:100%;}
	
	.m_row2 .container {width:100%;}
	.col1 {float:none; width:100%; border-right:none; border-bottom:1px solid #ddd; }
	.col1 ul {width:90.66%; margin:0 auto;}
	.col1 li:first-child {margin-right:20px;}
	.m_book_txt {width:56.5%; }
	.col1 li dl {width:100%; word-break:keep-all;}	
	.col1 li dl dt {padding-bottom:8px; margin-bottom:8px; font-size:19px; line-height:130%}
	.col1 li dl dd b {margin-bottom:5px;}
	.col1 li dl dd span {margin-top:5px;}
	.col2 {float:none; width:93%; margin:20px auto!important; padding:0!important; border-right:none; text-align:center;}	
	.col2 div {width:100%; margin:0 0 5px 0; padding:10px 20px; border:1px solid #ddd; line-height:130%; box-sizing:border-box;}
	.col2 .m_edu {border-bottom:1px solid #ddd;}
	.col2 .m_support {border-bottom:1px solid #ddd;}
	.m_row2 .col3 {float:none; width:93%; margin:12px auto 20px auto!important; padding:0; text-align:center; overflow:hidden; zoom:1; clear:both;}
	.col3 div {float:left; width:49.72%; margin:0; padding:0;}
	.col3 div span {display:block; padding-left:0; font-size:15px;}
	.col3 .bnr1 {border-bottom:none; border-right:1px solid #ddd;}
	
	.m_gallery {margin-bottom:60px!important;}
	.m_gallery ul {width:100%;}
	.m_gallery li {width:50%; margin:0; padding:0; font-size:0; line-height:0;}
	.m_gallery li img {width:100%;}
	
	.footer {padding:15px 0; background:#2e2e2e;}
	.footer .container {padding:20px 0; background:none; font-size:14px; color:#7d7d7d;}
	.footer .container p {width:93%;}
	.footer .container p strong {display:block;}
	
	.sub_img div {padding:10px 0 10px 5px; background-size:contain;}
	.sub_img div h2 {font-size:28px;}

	.sub_container {border-left:none;}
	.left {display:none;}
	.right {float:none; width:100%; padding:30px 0 0 0; border-left:none;}
	.right .tit {font-size:24px;}
	.cont {padding:30px 0 50px 0; text-align:justify;}
	
	.intro1_img {float:none; width:100%; margin:0 0 20px 0; text-align:center;}
	.intro1_txt {padding-left:0;}
	
	.intro2_his {position:relative; background:url(../images/intro2_line.gif) repeat-y 5px;}
	.intro2_his > dl {margin-left:0; padding-left:7.5%!important;  background:url(../images/intro2_dot.png) no-repeat 0 16px !important;}
	.intro2_his > dl > dt {font-size:26px; color:#76b533; font-family:'Century Gothic', sans-serif;}
	.intro2_his dl dd > dl {margin-bottom:30px; overflow:hidden; zoom:1; clear:both;}
	.intro2_his dl dd > dl .mm {float:left; width:35px; background:none; font-size:15px; color:#333; font-weight:600; font-family:'Nanum Gothic', 'NanumGothic', sans-serif; text-align:right;}
	.intro2_his dl dd > dl dd {margin-bottom:10px; padding-left:50px;}
	.intro2_his .his_1986 {position:relative; width:100%; text-align:left;}
	.intro2_his .his_1986 img {margin:20px 0;}
	
	.tea1 .ph1 {background-position:50% 62px;}
	.tea1 .ph1 p span {display:block; float:none; width:100%;}
	.tea1 img {padding-bottom:10px;}
	
	.tea2 .ph1 ol li ul {padding-bottom:0;}
	.tea2 .ph1 ol li ul li {float:none; width:100%;}
	.tea2 .ph1 ol li ul .tea2_img {width:100%; text-align:center;}
	.tea2 .ph1 ol li ul li ol {width:93%; margin-bottom:0;;}
	.tea2 .ph1 ol > li {padding-top:40px;background-position:50% 12px;}
	
	.edu1 .ph2 > dl > dt {float:none; width:100%;}
	.edu1 .ph2 > dl > dd {padding:0 0 20px 0; background:none;}
	
	.support1 .ph1 img {width:100%;}
	.support1 .ph1, .support1 .ph2 {margin-bottom:30px;}
	.support1 .ph2 div, .support1 .ph2 div {float:none; margin:0; padding:0;}
	.support1 .ph2 div:first-child {width:93%; padding-left:0; border-right:none;}
	
	.support1 .ph3 div {height:280px!important;}
	
	/*후원자정보입력*/
	.support2 .ph1 {margin-bottom:10px; text-align:left; word-break:break-all;}
	.support2 th {padding-left:0!important;  width:100%!important; font-weight:600!important;}
	.support2 td {text-align:left;}
	.support2 td b {font-weight:400;}
	.support2 .td_name input, .support2 .td_date input {width:100%;}

		
	/*연구소서재*/
	.book1 .ph1 ul li, .book1 .ph1 ul .col1 {float:none; padding:6px 6px 20px 6px!important; width:100%; margin-left:0; margin-top:20px; overflow:hidden; zoom:1; clear:both;}
	
	


/** modal window styles **/
#lean_overlay {
    position: fixed;
    z-index:10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


.modal_pop  {
	position:relative; 
  width: 75%;  /*팝업창의 크기조절*/
  margin-top:100px;           /*팝업창 위아래 간격조절*/
  padding: 30px;
  background: #f3f6fa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
.modal_pop .modal_close {position:absolute; display:block; top:10px; right:10px; font-size:24px;}
.modal_pop div {margin-bottom:20px; padding:10px 10px 20px 10px; border-bottom:1px solid #333; overflow:hidden; zoom:1; clear:both;}
.modal_pop div dl dt {margin-bottom:20px; font-weight:600; color:#000; font-size:20px;}
	
	/* 게시판 */
	.board_list tr:first-child {border-top:2px solid #333;}
	.board_list th {display:none;}
	.notice .td_writer, .td_hit {display:none;}
	.board_list .th_num, .board_list .th_hit {width:8%;}
	.board_list .th_writer, .board_list .th_date {width:15%;}
	.board_list .td_num {width:10%; font-size:12px;}
	.board_list .td_date {font-size:12px;}
	.notice .td_writer, .notice .td_hit {display:none;}
	.board .board_list .td_date {display:none;}
	
	.view_tit {padding:5px 5px; margin:0;}	

	.board_write,
	.board_write thead,
	.board_write tbody,
	.board_write tr,
	.board_write th,
	.board_write td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
	.board_write {border-top:1px solid #000}
	.board_write tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
	.board_write th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box; padding:5px 5px 5px 20px ; background:#f8f8f8 url(../images/icn_dot.gif) no-repeat 5px 20px; border-top:1px solid #ddd; font-weight:normal; text-align:left;}/* ie9에서 float을 줘야함 */
	.board_write td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* relative를 줘야 사파리에서 다시 키웠을때, 안깨짐*/
	.board_write td input {width:100%;}
 
	.comment_write ul li:first-child input {margin-left:38px;}
	.comment_write ul li {float:none; margin-bottom:10px;}
	.comment_write ul .btn_area {float:none; text-align:left;}
	.comment_list .comment_btn {top:15px;}

	/*사진게시판*/
	.gallery_list {width:100%; padding-top:20px; border-top:2px solid #333; overflow:hidden; *zoom:1; clear:both;}
	.gallery_list li, .gallery_list .col1 {float:left; width:190px; margin:0 6px 30px 6px; border:1px solid #fff; border-bottom:1px solid #ddd;}
	.gallery_view img {width:100%;}
}


 
/* Desktop Device */
@media screen and (min-width : 992px) {
 
}