@charset "utf-8"; 
/*@font-face {font-weight:normal; font-style:normal; font-family:sen; src:url('font/sen.eot'); src:local('☺'), url('font/sen.eot?#iefix') format('embedded-opentype'), url('font/sen.woff') format('woff'), url('font/sen.ttf') format('truetype')}*/

@font-face {
	font-family:'sen';
	src:url('/tomato/fonts/NanumBarunGothicBold.eot');
	src:local('sen'), url('/tomato/fonts/NanumBarunGothicBold.woff') format('woff'), url('/tomato/fonts/NanumBarunGothicBold.ttf') format('truetype');
} 
@font-face {
	font-family:'ng';
	src:url('/tomato/fonts/NanumBarunGothic.eot');
	src:local('ng'), url('/tomato/fonts/NanumBarunGothic.woff') format('woff'), url('/tomato/fonts/NanumBarunGothic.ttf') format('truetype');
}
@font-face {
	font-family:'ngb';
	src:url('/tomato/fonts/NanumBarunGothicBold.eot');
	src:local('ngb'), url('/tomato/fonts/NanumBarunGothicBold.woff') format('woff'), url('/tomato/fonts/NanumBarunGothicBold.ttf') format('truetype');
}

@font-face {
	font-family:'nbg';
	src:url('/tomato/fonts/NanumBarunGothic.eot');
	src:local('nbg'), url('/tomato/fonts/NanumBarunGothic.woff') format('woff'), url('/tomato/fonts/NanumBarunGothic.ttf') format('truetype');
}
@font-face {
	font-family:'nbgb';
	src:url('/tomato/fonts/NanumBarunGothicBold.eot');
	src:local('nbgb'), url('/tomato/fonts/NanumBarunGothicBold.woff') format('woff'), url('/tomato/fonts/NanumBarunGothicBold.ttf') format('truetype');
}

@font-face {
	font-family:'nbgl';
	src:url('/tomato/fonts/NanumBarunGothicLight.eot');
	src:local('nbgl'), url('/tomato/fonts/NanumBarunGothicLight.woff') format('woff');
}
@font-face {
	font-family:'nbgul';
	src:url('/tomato/fonts/NanumBarunGothicUltraLight.eot');
	src:local('nbgul'), url('/tomato/fonts/NanumBarunGothicUltraLight.woff') format('woff');
}

@font-face {
	font-family:'nm';
	src:url('/tomato/fonts/NanumMyeongjo.eot');
	src:local('nm'), url('/tomato/fonts/NanumMyeongjo.woff') format('woff'), url('/tomato/fonts/NanumMyeongjo.ttf') format('truetype');
}
@font-face {
	font-family:'nmb';
	src:url('/tomato/fonts/NanumMyeongjoBold.eot');
	src:local('nmb'), url('/tomato/fonts/NanumMyeongjoBold.woff') format('woff'), url('/tomato/fonts/NanumMyeongjoBold.ttf') format('truetype');
}




/* style reset */
* {margin:0; padding:0}

html {width:100%; height:100%}
body {width:100%; height:100%; background:url('../images/bg_toparea.jpg') repeat-x 0 0; font-size:12px; color:#444}
ul, ol, li {list-style:none}
a {cursor:pointer; color:#444; text-decoration:none; font-size:12px}
em, address {font-style:normal}
caption {visibility:hidden; width:0; height:0; overflow:hidden; font-size:0}
hr {display:none}
button {cursor:pointer; background:transparent; border:0; vertical-align:middle}
img {border:0}
input.txt {padding:0; border:0; border-radius:0; color:#444; font-family:ng}
input.file {height:17px; padding:3px 0 0 3px; color:#444}
input.radio {vertical-align:middle}
input.checkbox {vertical-align:middle}										 
input::-ms-clear {display:none}
textarea {overflow-x:hidden; overflow-y:auto; resize:none; color:#444; font-family:ng}
select {border-radius:0; vertical-align:middle; color:#444}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {visibility:hidden; font-size:0; line-height:0}
table {border-collapse:collapse}
.hide {overflow:hidden; position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0.1%; line-height:0.1%}
dl.skipnavi {position:relative}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:20px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}

body.topmenu-open {background:url('../images/bg_toparea_on.png') repeat-x 0 0}
body.search-open {background:url('../images/bg_search_on.png') repeat-x 0 0}
body.mypage-open {background:url('../images/bg_mypage_on.png') repeat-x 0 0}

#wrap {width:100%; min-width:980px}
.toparea {position:relative; z-index:20; width:980px; height:110px; margin:0 auto}
.toparea h1 {position:absolute; left:0; top:20px; z-index:40}
.toparea h1 a {display:block; width:210px; height:70px; background:url('../images/logo.png') no-repeat 0 0; text-indent:-99999px}
.toparea .gnb_btn {float:right; width:100px; padding-top:38px}
.toparea .gnb_btn > div {float:left}
.toparea .gnb_btn > div > a.holder {display:block; width:34px; height:32px; text-indent:-99999px}
.toparea .gnb_btn > div.gnb_searchbox > a.holder {background:url('../images/icon_gnb_search.png') no-repeat 50% 50%}
.toparea .gnb_btn > div.gnb_searchbox.on > a.holder {background:url('../images/icon_gnb_search_on.png') no-repeat 50% 50%}
.toparea .gnb_btn > div.gnb_searchbox.on .searchwrap {display:block}
.toparea .gnb_btn .searchwrap {display:none; position:fixed; left:0; top:110px; z-index:50; width:100%; height:150px; background:#efefef}
.toparea .gnb_btn .searchwrap .arr {position:absolute; top:-15px; left:50%; display:block; width:840px; height:15px; margin:0 0 0 -420px; background:url('../images/bg_toparea_arr.png') no-repeat 100% 0}
.toparea .gnb_btn .searchwrap .open-detailsearch {display:block; position:absolute; bottom:10px; left:50%; width:120px; margin:0 0 0 -60px; background:url('../images/icon_arr_02.png') no-repeat 100% 5px}
.toparea .gnb_btn .searchwrap .open-detailsearch a.holder {color:#574d45; font-size:16px; font-weight:bold; opacity:0.9; filter:alpha(opacity="90"); font-family:sen}
.toparea .gnb_btn > div.gnb_mypagebox {margin-left:26px}
.toparea .gnb_btn > div.gnb_mypagebox a.holder {background:url('../images/icon_gnb_folder.png') no-repeat 50% 50%}
.toparea .gnb_btn > div.gnb_mypagebox.on a.holder {background:url('../images/icon_gnb_folder_on.png') no-repeat 50% 50%}
.toparea .gnb_btn > div.gnb_mypagebox.on .mypagewrap {display:block}
.toparea .gnb_btn .login-layerbox {display:none; position:absolute; right:5px; top:70px; width:55px; height:56px; padding:23px 0 0 11px; background:url('../images/bg_loginlayer_box.png') no-repeat 0 0}
.toparea .gnb_btn .login-layerbox span {display:block; margin:0 0 7px 0; line-height:15px}
.toparea .gnb_btn .login-layerbox span a {color:#414347; font-size:14px; font-family:ngb}
.toparea .gnb_btn .login-layerbox span a:hover {text-decoration:underline}
.toparea .gnb_btn .login-layerbox span a:focus {text-decoration:underline}
.toparea .gnb_btn .login-layerbox span a:active {text-decoration:underline}
.toparea .gnb_btn .mypagewrap {display:none; position:fixed; left:0; top:110px; z-index:50; width:100%; height:200px; background:#efefef}
.toparea .gnb_btn .mypagewrap .arr {position:absolute; top:-15px; left:50%; display:block; width:960px; height:15px; margin:0 0 0 -480px; background:url('../images/bg_toparea_arr.png') no-repeat 100% 0}
.toparea .gnb_btn .mypagewrap .tabbox {clear:both; width:980px; height:39px; margin:20px auto 15px; border-bottom:1px solid #574d45}
.toparea .gnb_btn .mypagewrap .tabbox span {float:left; width:130px; height:38px; text-align:center; background:#b8b8b8; border-width:1px 1px 0 1px; border-style:solid; border-color:#b8b8b8; line-height:39px; color:#fff; letter-spacing:-1px}
.toparea .gnb_btn .mypagewrap .tabbox span a {display:block; width:100%; height:38px; color:#fff; font-size:15px; font-weight:bold; font-family:sen}
.toparea .gnb_btn .mypagewrap .tabbox span.on {background:#fff; border-color:#574d45; color:#252a3a}
.toparea .gnb_btn .mypagewrap .tabbox span.on a {color:#252a3a}
.toparea .gnb_btn .mypagewrap .tabbox span:hover {background:#fff; border-color:#574d45; color:#252a3a}
.toparea .gnb_btn .mypagewrap .tabbox span:hover a {color:#252a3a}
.toparea .gnb_btn .mypagewrap .tabcontents {display:none; clear:both; position:relative; width:980px; height:70px; margin:0 auto}
.toparea .gnb_btn .mypagewrap .tabcontents.on {display:block}
.toparea .gnb_btn .mypagewrap .tabcontents .moreview {position:absolute; right:0; top:-40px; display:block; padding:0 16px 0 0; background:url('../images/icon_arr_03.png') no-repeat 100% 1px}
.toparea .gnb_btn .mypagewrap .tabcontents .moreview a {color:#574d45; font-size:15px; font-family:sen; font-weight:bold}
.toparea .gnb_btn .mypagewrap .tabcontents .moreview a:hover {text-decoration:underline}
.toparea .gnb_btn .mypagewrap .tabcontents .moreview a:focus {text-decoration:underline}
.toparea .gnb_btn .mypagewrap .tabcontents .moreview a:active {text-decoration:underline}
.toparea .gnb_btn .mypagewrap .tabcontents ul {width:100%; height:70px}
.toparea .gnb_btn .mypagewrap .tabcontents ul li {float:left; position:relative; width:110px; height:70px; margin:0 0 0 14px; font-size:0}
.toparea .gnb_btn .mypagewrap .tabcontents ul li:first-child {margin:0}
.toparea .gnb_btn .mypagewrap .tabcontents ul li em {display:none; position:absolute; left:0; top:0; width:110px; height:70px; background:url('../images/bg_transparent_02.png') repeat 0 0}
.toparea .gnb_btn .mypagewrap .tabcontents ul li:hover em {display:block}
.toparea .gnb_btn .mypagewrap .tabcontents ul li em a {position:absolute; left:5px; bottom:5px; line-height:14px; color:#fff; font-size:11px; letter-spacing:-1px; word-spacing:-1px}
.toparea .topmenu {position:absolute; left:0; top:42px; z-index:30; width:615px; height:40px; padding-left:240px}
.toparea .topmenu.on {height:249px; background:url('../images/bg_topmenu_on.png') repeat-x 0 100%}
.toparea .topmenu.on ul li ul {display:block}
.toparea .topmenu.on > ul  > li > a {height:85px}
.toparea .topmenu h2 {display:none}
.toparea .topmenu > ul > li {float:left; width:100px; margin:0; text-align:left}
.toparea .topmenu > ul > li:first-child {margin:0}
.toparea .topmenu > ul > li.on > a {color:#dda87c}
.toparea .topmenu > ul > li > a {display:inline-block; color:#4c4d4f; font-size:18px; font-weight:bold; font-family:sen}
.toparea .topmenu > ul > li > a:hover {color:#dda87c}
.toparea .topmenu > ul > li > ul {display:none; height:143px}
.toparea .topmenu > ul > li > ul li {text-align:left}
.toparea .topmenu > ul > li > ul li a {line-height:24px; font-size:13px; font-weight:bold; color:#444; font-family:sen}
.toparea .topmenu > ul > li > ul li a:hover {color:#ab8160; text-decoration:underline}
.toparea .topmenu > ul > li > ul li a:focus {color:#ab8160; text-decoration:underline}
.toparea .topmenu > ul > li > ul li a:active {color:#ab8160; text-decoration:underline}
.toparea .topmenu > ul > li.menu_01 ul li {width:200px}
.toparea .topmenu > ul > li.menu_01 ul li a {width:auto; display:inline}
.toparea .topmenu > ul > li.menu_04 {width:115px}
.toparea .topmenu > ul > li.menu_04 ul {width:250px !important}
.toparea .topmenu > ul > li.menu_04 ul li {width:250px !important}
.toparea .topmenu > ul > li.menu_04 ul li a {width:auto; display:inline}
.toparea .submenu-close {positise:absolute; left:-99999px; top:-99999px; font-size:0}
.toparea .searchwrap-close {position:absolute; left:-99999px; top:-99999px; font-size:0}
.toparea .mypagewrap-close {position:absolute; left:-99999px; top:-99999px; font-size:0}

.midarea {clear:both; width:100%; min-height:100%; margin:0}
.leftarea {float:left; width:190px; padding-top:90px; margin-right:50px}
.leftarea h2 {height:70px; padding-left:20px; background:#2696bf; color:#fff; font-size:24px; line-height:72px; font-weight:bold}
.leftarea ul li {height:50px; padding-left:20px; border-bottom:1px solid #e4e4e5; line-height:50px}
.leftarea ul li a {color:#4c4d4f; font-size:14px}
.leftarea ul li a:hover {text-decoration:none; color:#2696bf; font-weight:bold}
.leftarea ul li a:focus {text-decoration:none; color:#2696bf; font-weight:bold}
.leftarea ul li a:active {text-decoration:none; color:#2696bf; font-weight:bold}
.leftarea ul li.on a {text-decoration:none; color:#2696bf; font-weight:bold}
.contentsarea {width:100%; overflow:hidden; margin:0 auto; padding-bottom:70px}
.contentsarea .contentsbox {width:980px; margin:0 auto}
.pageinfobox {clear:both; width:980px; height:220px; margin:0 auto; overflow:hidden; padding-top:14px}
ul.pagenavi {height:30px; overflow:hidden; margin:0}
ul.pagenavi li {float:left; padding:1px 16px 5px 20px; background:url('../images/icon_arr_navi.png') no-repeat 0 5px; font-size:12px; color:#574d45}
ul.pagenavi li a {display:block; height:14px; padding-right:0px; font-size:14px; color:#574d45; font-family:'Noto Sans KR', sans-serif !important;font-weight:500 }
/*ul.pagenavi li a {display:block; height:14px; padding-right:22px; background:url('../images/icon_navilink.png') no-repeat 100% 0; font-size:12px; color:#574d45; font-family:sen; font-weight:bold}*/
ul.pagenavi li:first-child {padding-left:30px; background:url('../images/icon_home.png') no-repeat 0 2px}
h3.pagetit {margin-top:60px; text-align:center}
h3.pagetit strong {display:block; margin:0 0 12px 0; color:#574d45; font-size:36px; font-weight:bold; letter-spacing:-1px; font-family:sen}
h3.pagetit span {display:block; font-size:12px; color:#444; line-height:17px; font-family:sen}
h4.resulttit {float:left; height:35px; padding-top:5px; color:#666; font-size:17px; font-weight:normal}
h4.resulttit strong {color:#2696bf}

.bottomarea {clear:both; position:relative; width:100%; height:370px; padding:0}
.bottomarea .gotop {display:block; width:1100px; height:95px; margin:0 auto}
.bottomarea .gotop a {display:block; float:right; width:40px; height:41px; background:url('../images/btn_gotop.png') no-repeat 0 0; text-indent:-99999px}
.bottomarea .footermenu {height:120px; padding:30px 0 0 0; background:#f3ece4}
.bottomarea .footermenu ul {width:980px; overflow:hidden; margin:0 auto}
.bottomarea .footermenu ul li {float:left; width:20%; margin:0 0 10px 0; padding:0 0 0 11px; background:url('../images/icon_arr_01.png') no-repeat 0 4px;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:15px}
.bottomarea .footermenu ul li a {color:#40444d; font-size:13px; font-family:sen; font-weight:bold}
.bottomarea .footerinfo {position:relative; width:770px; margin:0 auto; padding:45px 0 0 240px}
.bottomarea .footerinfo h1 {position:absolute; left:0; top:30px; width:240px}
.bottomarea .footerinfo h1 a {display:block; width:240px; height:70px; background:url('../images/logo_bottom.png') no-repeat 0 0; text-indent:-99999px}
.bottomarea .footerinfo address {float:left; overflow:hidden}
.bottomarea .footerinfo address span {float:left; padding:0 9px 0 9px; background:url('../images/bg_bar_01.png') no-repeat 0 0; word-spacing:-1px; color:#94969b; font-size:11px; font-family:sen; font-weight:bold}
.bottomarea .footerinfo address span:first-child {padding-left:0; background:0}
.bottomarea .footerinfo .copyright {clear:both; padding-top:5px; word-spacing:-1px; color:#94969b; font-size:11px; font-family:sen;  font-weight:bold}

.searchwrap fieldset {width:870px; margin:0 auto; padding-top:20px}
.searchwrap fieldset p {height:46px; border:2px solid #574d45}
.searchwrap fieldset p .inpbox {float:left; width:728px; height:46px; padding:0 10px; background:#f8f9fa}
.searchwrap fieldset p .inpbox input.txt {width:100%; height:100%; color:#f8f9fa; font-size:16px; font-family:sen; font-weight:bold}
.searchwrap fieldset p button {font-family:sen; font-weight:bold}
.searchwrap fieldset p button.btn_search {float:left; width:118px; height:46px; background:#574d45; color:#f8f9fa; font-size:17px}
.searchwrap ul {clear:both; overflow:hidden; padding-top:10px}
.searchwrap ul li {float:left; margin:0 0 0 50px; opacity:0.8; filter:alpha(opacity="80")}
.searchwrap ul li:first-child {margin:0}
.searchwrap ul li a {font-size:15px; color:#6b635c; font-weight:bold; letter-spacing:-1px; font-family:sen}

.label-story {position:absolute; left:0; top:0; display:block; width:90px; height:30px; text-align:center; background:#574d45; color:#fff; font-size:13px; font-family:ngb; line-height:31px}
.label-archive {position:absolute; left:0; top:0; display:block; width:70px; height:30px; text-align:center; background:#f1a828; color:#444; font-size:13px; font-family:ngb; line-height:31px}


/* main */
body#main {background:none}
body#main .toparea {height:62px}
body#main .toparea .fixedmenu-temp {position:fixed; left:0; top:62px; z-index:10; width:100%; height:180px; background:#efefef}
body#main .toparea h1 {top:19px; width:141px; height:28px}
body#main .toparea h1 a {width:141px; height:28px; background:url('../images/logo_main.png') no-repeat 0 0}
body#main .toparea .topmenu {top:20px}
body#main .toparea .topmenu.on {height:222px; background:url('../images/bg_topmenu_main_on.png') repeat-x 0 100%}
body#main .toparea .topmenu.on > ul  > li > a {height:40px}
body#main .toparea .topmenu > ul > li > ul {position:relative; z-index:20; padding-top:20px}
body#main .toparea .gnb_btn {padding-top:17px}
body#main .toparea .gnb_btn .searchwrap {top:62px}
body#main .toparea .gnb_btn .mypagewrap {top:62px}
body#main .bottomarea {max-width:1600px; height:275px; margin:0 auto}
body#main .bottomarea .gotop {display:none}
body#main .mainvisualbox {position:relative; width:100%; max-width:1600px; height:711px; margin:0 auto; overflow:hidden; font-size:0}
body#main .mainvisualbox .btn_main_prev {position:absolute; left:45px; top:310px; z-index:60; width:30px; height:50px; background:url('../images/btn_mainprev_off.png') no-repeat 0 0; text-indent:-99999px}
body#main .mainvisualbox .btn_main_prev:hover {background:url('../images/btn_mainprev_on.png') no-repeat 0 0}
body#main .mainvisualbox .btn_main_next {position:absolute; right:45px; top:310px; z-index:60; width:30px; height:50px; background:url('../images/btn_mainnext_on.png') no-repeat 0 0; text-indent:-99999px}
body#main .mainvisualbox .navi {position:absolute; left:50%; bottom:13px; z-index:60; width:100px; height:17px; margin:0 0 0 -50px; font-size:0}
body#main .mainvisualbox .navi a {float:left; width:25px; height:17px; background:url('../images/icon_circlenavi_off.png') no-repeat 0 0; text-indent:-99999px}
body#main .mainvisualbox .navi a.active {background:url('../images/icon_circlenavi_on.png') no-repeat 0 0}
body#main .mainvisualbox > ul > li {position:relative; height:711px; text-align:center}
body#main .mainvisualbox > ul > li.mainvisual_1 > p {width:100%; max-width:1600px; height:711px; margin:0 auto; background:url('../images/img_mainvisual_01.jpg') no-repeat 50% 0}
body#main .mainvisualbox > ul > li.mainvisual_1 > p > img {width:980px; margin:195px auto 0}
body#main .mainvisualbox > ul > li.mainvisual_2 {background:#e3d6c8}
 /* body#main .mainvisualbox > ul > li.mainvisual_3 {}
body#main .mainvisualbox > ul > li.mainvisual_4 {background:#574d45} */
body#main .mainvisualbox .searchwrap {position:absolute; left:0; bottom:0; z-index:51; width:100%; height:180px; background:url('../images/bg_transparent_01.png') repeat 0 0}
body#main .mainvisualbox .searchwrap fieldset {padding-top:30px}
body#main .mainvisualbox .searchwrap fieldset p {height:60px; border:0}
body#main .mainvisualbox .searchwrap fieldset p .inpbox {width:510px; height:60px; padding:0 20px; background:#fff}
body#main .mainvisualbox .searchwrap fieldset p button.btn_search {width:100px; height:60px; margin:0 0 0 10px; background:#c7a57d; color:#574d45}
body#main .mainvisualbox .searchwrap fieldset p button.btn_detailsearch {float:left; width:120px; height:60px; margin:0 0 0 10px; background:#706459; color:#fff; font-size:17px}
body#main .mainvisualbox .searchwrap ul li a {color:#fff; font-family:sen}
body#main .mainvisualbox .newstype1 {width:980px; height:200px; margin:10px auto 0}
body#main .mainvisualbox .newstype1 dl {float:left; position:relative; width:490px; height:200px; text-align:left}
body#main .mainvisualbox .newstype1 dl dt {width:490px}
body#main .mainvisualbox .newstype1 dl dd {position:absolute; right:0; top:0; width:245px; height:200px; background:url('../images/bg_transparent_03.png') repeat 0 0}
body#main .mainvisualbox .newstype1 dl dd strong {display:block; margin:20px 20px 16px 20px; color:#7ea9c2; font-size:18px; font-family:ngb; line-height:24px; opacity:0.9; filter:alpha(opacity="90")}
body#main .mainvisualbox .newstype1 dl dd strong a {color:#7ea9c2; font-size:18px; font-family:ngb}
body#main .mainvisualbox .newstype1 dl dd strong a:hover {text-decoration:underline}
body#main .mainvisualbox .newstype1 dl dd span {display:block; height:70px; overflow:hidden; margin:0 20px; color:#fff; font-size:14px; line-height:19px; opacity:0.9; filter:alpha(opacity="90"); letter-spacing:-1px}
body#main .mainvisualbox .newstype1 dl dd span a {color:#fff; font-size:14px}
body#main .mainvisualbox .newstype1 dl dd span a:hover {text-decoration:underline}
body#main .mainvisualbox .newstype1 dl dd em {display:block; margin:0 20px; color:#fff; font-size:13px; opacity:0.9; filter:alpha(opacity="90")}
body#main .mainvisualbox .newstype2 {width:980px; height:200px; margin:0 auto}
body#main .mainvisualbox .newstype2 dl {float:left; position:relative; width:245px; height:290px; text-align:left; background:#fff}
body#main .mainvisualbox .newstype2 dl.odd {background:#f5f5f5}
body#main .mainvisualbox .newstype2 dl dt {height:140px}
body#main .mainvisualbox .newstype2 dl dd {padding:10px 20px}
body#main .mainvisualbox .newstype2 dl dd strong {display:block; margin:0 0 10px 0; color:#916e51; font-size:18px; font-family:ngb; line-height:24px}
body#main .mainvisualbox .newstype2 dl dd strong a {color:#916e51; font-size:18px; font-family:ngb}
body#main .mainvisualbox .newstype2 dl dd strong a:hover {text-decoration:underline}
body#main .mainvisualbox .newstype2 dl dd span {display:block; height:45px; overflow:hidden; color:#505050; font-size:13px; line-height:18px; word-spacing:-1px}
body#main .mainvisualbox .newstype2 dl dd span a {color:#505050; font-size:13px}
body#main .mainvisualbox .newstype2 dl dd span a:hover {text-decoration:underline}
body#main .mainvisualbox .newstype2 dl dd em {display:block; color:#7ea9c2; font-size:13px}
body#main .mainvisualbox .listwrap {width:980px; margin:0 auto}
body#main .mainvisualbox .listwrap h2 {height:68px; color:#fff; font-size:30px; font-weight:normal; letter-spacing:-1px; word-spacing:-1px; line-height:68px}
body#main .mainvisualbox .listwrap h2 strong {font-weight:bold}
body#main .mainvisualbox .flbox {float:left; width:490px; height:600px}
body#main .mainvisualbox .flbox dl {position:relative; text-align:left; font-size:0}
body#main .mainvisualbox .flbox dl dd {position:absolute; left:20px; bottom:15px; width:100%}
body#main .mainvisualbox .flbox dl dd label {display:block; margin:0 0 3px 0; color:#e5d0ba; font-size:12px; font-family:ngb}
body#main .mainvisualbox .flbox dl dd a {color:#fff; font-size:14px; opacity:0.8; filter:alpha(opacity="80")}
body#main .mainvisualbox .flbox dl.mjbox {height:400px; overflow:hidden}
body#main .mainvisualbox .flbox dl.mjbox dd {left:0; bottom:0; height:125px; background:url('../images/bg_transparent_03.png') repeat 0 0; color:#fff; font-size:13px}
body#main .mainvisualbox .flbox dl.mjbox dd a {display:block; margin:18px 20px 0 20px; color:#fff; line-height:18px; font-size:13px}
body#main .mainvisualbox .frbox {float:left; width:490px; height:600px}
body#main .mainvisualbox .frbox dl {position:relative; float:left; width:245px; height:200px; text-align:left; font-size:0}
body#main .mainvisualbox .frbox dl dd {position:absolute; left:20px; bottom:15px; width:100%}
body#main .mainvisualbox .frbox dl dd label {display:block; margin:0 0 3px 0; color:#e5d0ba; font-size:12px; font-family:ngb}
body#main .mainvisualbox .frbox dl dd a {color:#fff; font-size:14px; opacity:0.8; filter:alpha(opacity="80")}
body#main .mainvisualbox .videobox {position:relative; z-index:51; width:980px; height:711px; margin:0 auto}
body#main .mainvisualbox .videobox > p {width:980px; height:711px; font-size:0}
body#main .mainvisualbox .videobox > p img {display:block; width:980px; height:100%}
body#main .mainvisualbox .videobox h2 {position:absolute; left:20px; top:20px; color:#fff; font-size:17px}
body#main .mainvisualbox .videobox button.btn_play {position:absolute; left:50%; top:35%; width:50px; height:50px; margin:-25px 0 0 -25px; background:url('../images/btn_video_play.png') no-repeat 0 0; text-indent:-99999px}
body#main .mainvisualbox .columnbox {position:absolute; left:50%; bottom:0; z-index:60; width:980px; height:175px; margin:0 0 0 -490px; background:url('../images/bg_transparent_04.png') repeat 0 0}
body#main .mainvisualbox .columnbox dl {overflow:hidden; padding:20px 0 0 0; text-align:left}
body#main .mainvisualbox .columnbox dl dt {float:left; position:relative; width:430px; height:140px; padding:0 30px; background:url('../images/bg_bar_02.png') no-repeat 100% 0}
body#main .mainvisualbox .columnbox dl dt strong {display:block; margin:0 0 11px 0; color:#fff; font-size:17px}
body#main .mainvisualbox .columnbox dl dt .date {float:left; width:84px; margin:0 30px 0 0; text-align:center}
body#main .mainvisualbox .columnbox dl dt .date em {display:block; margin:0 0 5px 0; color:#dda87c; font-size:78px; line-height:78px; font-family:ngb; letter-spacing:-1px}
body#main .mainvisualbox .columnbox dl dt .date sub {display:block; color:#8fbfdb; font-size:22px; line-height:22px; font-family:ngb}
body#main .mainvisualbox .columnbox dl dt .txt {float:none; overflow:hidden; display:block; padding:10px 0 0 0; color:#fff; font-size:20px; word-spacing:-1px; letter-spacing:-1px; line-height:30px}
body#main .mainvisualbox .columnbox dl dt .txt a {color:#fff; font-size:20px}
body#main .mainvisualbox .columnbox dl button {position:absolute; right:20px; top:0; width:60px; height:25px; background:#ffcb08; color:#444; font-size:12px; font-family:ngb}
body#main .mainvisualbox .columnbox dl dd {float:left; position:relative; width:310px; height:140px; padding:0 30px 0 150px}
body#main .mainvisualbox .columnbox dl dd .pic {display:block; position:absolute; left:50px; top:0; width:68px; height:98px; border:1px solid #989898; font-size:0}
body#main .mainvisualbox .columnbox dl dd .pic img {display:block; width:100%}
body#main .mainvisualbox .columnbox dl dd strong {display:block; margin:0 0 15px 0; color:#8fbfdb; font-size:14px}
body#main .mainvisualbox .columnbox dl dd p em {display:block; margin:0 0 6px 0; color:#e3d6c8; font-size:16px; font-family:ngb}
body#main .mainvisualbox .columnbox dl dd p em a {color:#e3d6c8; font-size:16px; font-family:ngb}
body#main .mainvisualbox .columnbox dl dd p span {display:block; color:#ced1d6; font-size:14px; line-height:17px}



/* common */
.ichkbox {float:left; width:27px; height:19px; background:url('../images/icon_ichkbox_off.png') no-repeat 0 0}
.ichkbox.on {background:url('../images/icon_ichkbox_on.png') no-repeat 0 0}
.ichkbox input.checkbox {width:0; height:0; opacity:0; filter:alpha(opacity="0")}

.sbHolder {position:relative; float:left; height:40px; background-color:#fff; border:0; font-size:13px; font-family:ng; color:#444}
.sbHolder a:hover {text-decoration:none !important}
.sbHolder a:focus {text-decoration:none !important}
.sbHolder a:active {text-decoration:none !important}
.sbSelector {display:block; position:absolute; top:0; left:0; width:100%; height:40px; overflow:hidden; line-height:40px; text-indent:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; border:1px solid #d9d9d9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.sbToggle {background:url('../images/icon_selectarr_off.png') 100% 50% no-repeat; display:block; position:absolute; right:0; top:0; width:100%; height:40px}
.sbToggleOpen {background:url('../images/icon_selectarr_on.png') 100% 50% no-repeat}
.sbHolderDisabled {background-color:#fff; border:solid 1px #c2c4c5}
.sbOptions {position:absolute; top:40px; left:0; width:100%; max-height:140px; z-index:1; overflow-y:auto; list-style:none; margin:0; padding:0; background-color:#fff; border:1px solid #d9d9d9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.sbOptions a {display:block; padding:10px 0 9px 15px; font-size:13px; color:#666}
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {background:#efefef; color:#444}
.sbOptions {padding:0 !important; margin:0 !important}
.sbOptions li {padding:0 !important; margin:0 !important; line-height:17px}
.sbOptions li.last a {border-bottom:none}
.sbOptions .sbDisabled {display:block; padding:10px 0 9px 15px; color:#666}
.sbOptions .sbGroup {display:block; padding:10px 0 9px 15px; color:#666; font-weight:bold}
.sbOptions .sbSub {padding-left:17px}

ul.commontab {clear:both; height:50px; margin:50px 0 40px 0}
ul.commontab li {float:left; width:16.6%; height:50px; text-align:center}
ul.commontab li:first-child {width:17%}
ul.commontab li:first-child a {border-left:0}
ul.commontab li a {display:block; width:100%; height:50px; text-align:center; background:#adadad; border-left:1px solid #fff; border-bottom:1px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; line-height:50px; font-size:16px}
ul.commontab li.on a {background:#706359}

fieldset.boardformbox {clear:both; position:relative; height:40px; margin:0 0 40px 0; padding:16px 20px; background:#f1eeee}
fieldset.boardformbox .sbHolder {width:140px}
fieldset.boardformbox .inpbox {float:left; display:block; height:40px; padding:3px; margin:0 0 0 10px; background:#fff; border:1px solid #d9d9d9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
fieldset.boardformbox .inpbox input.txt {width:100%; height:100%; padding:0; border:0}
fieldset.boardformbox .searchbox {float:left}
fieldset.boardformbox .searchbox p {float:left}
fieldset.boardformbox .searchbox p .inpbox {width:200px}
fieldset.boardformbox .searchbox a.btn_board_sch {float:left; width:80px; height:40px; text-align:center; background:#706359; line-height:40px; color:#fff; font-size:13px; font-family:ngb}
fieldset.boardformbox .totalcnt {position:absolute; right:17px; top:23px; color:#666; font-family:ngb; font-size:22px; letter-spacing:-1px}
fieldset.boardformbox .totalcnt strong {font-family:ngb; color:#6ba2c2}

.btnright {clear:both; width:100%; text-align:right}
.btnright a {float:right}
.btncenter {clear:both; width:100%; margin:30px 0 0 0; text-align:center; font-size:0}
.btncenter a {margin:0 0 0 5px}
.btnjustify {clear:both; position:relative; width:100%; margin:30px 0 0 0; text-align:right; font-size:0}
.btnjustify a {margin:0 0 0 5px}
.btnjustify span {position:absolute; left:0; top:0}
.btnjustify span a {margin:0}
.btncenter a:first-child {margin:0}
.btn_board_write {display:block; width:120px; height:40px; text-align:center; background:#706359; color:#fff; line-height:42px; font-size:13px; font-family:sen; font-weight:bold}
.btn_orange {display:inline-block; width:120px; height:50px; text-align:center; background:#f68b1f; color:#fff; line-height:52px; font-size:16px; font-family:sen; font-weight:bold}
.btn_gray {display:inline-block; width:120px; height:50px; text-align:center; background:#707070; color:#fff; line-height:52px; font-size:16px; font-family:sen; font-weight:bold}
.btn_blue {display:inline-block; text-align:center; background:#579bc2; color:#fff; font-size:16px; font-family:sen; font-weight:bold}

.paging {position:relative; clear:both; margin:40px 0 0 0}
.paging .btnright {position:absolute; right:0; top:0; clear:none; float:none}
.paging p {float:left}
.paging p span a {float:left; width:40px; height:40px; margin:0 10px 0 0; text-align:center; line-height:41px; background:url('../images/bg_page_off.png') no-repeat 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#cab09a; font-size:18px; font-family:ngb}
.paging p span a:hover {background:url('../images/bg_page_on.png') no-repeat 0 0; color:#fff}
.paging p span a.on {background:url('../images/bg_page_on.png') no-repeat 0 0; color:#fff}
.paging p a.btn_page_next {display:block; float:left; width:40px; height:40px; background:url('../images/btn_page_next.png') no-repeat 0 0; text-indent:-99999px}

.mjcontentsbox {overflow:hidden; height:200px; padding:30px 0; background:#e3d6c8}
.mjcontentsbox .innerbox {width:980px; margin:0 auto}
.mjcontentsbox dl.cl {float:left; position:relative; width:490px; height:200px; margin:0}
.mjcontentsbox dl.cl dt {width:490px}
.mjcontentsbox dl.cl dd {position:absolute; right:0; top:0; width:245px; height:200px; background:url('../images/bg_transparent_03.png') repeat 0 0}
.mjcontentsbox dl.cl dd strong {display:block; margin:20px 20px 16px 20px; color:#7ea9c2; font-size:18px; font-family:ngb; line-height:24px; opacity:0.9; filter:alpha(opacity="90")}
.mjcontentsbox dl.cl dd strong a {color:#7ea9c2; font-size:18px; font-family:ngb}
.mjcontentsbox dl.cl dd strong a:hover {text-decoration:underline}
.mjcontentsbox dl.cl dd span {display:block; height:70px; overflow:hidden; margin:0 20px; color:#fff; font-size:14px; line-height:19px; opacity:0.9; filter:alpha(opacity="90"); letter-spacing:-1px}
.mjcontentsbox dl.cl dd span a {color:#fff; font-size:14px}
.mjcontentsbox dl.cl dd span a:hover {text-decoration:underline}
.mjcontentsbox dl.cl dd em {display:block; margin:0 20px; color:#fff; font-size:13px; opacity:0.9; filter:alpha(opacity="90")}
.mjcontentsbox dl.fl {float:left; position:relative; width:230px; height:200px; margin:0 0 0 15px; text-align:left; font-size:0}
.mjcontentsbox dl.fl dt {width:230px}
.mjcontentsbox dl.fl dt img {display:block; width:100%; height:200px}
.mjcontentsbox dl.fl dd {position:absolute; left:20px; bottom:15px; width:100%}
.mjcontentsbox dl.fl dd label {display:block; margin:0 0 3px 0; color:#e5d0ba; font-size:12px; font-family:ngb}
.mjcontentsbox dl.fl dd a {color:#fff; font-size:14px; opacity:0.8; filter:alpha(opacity="80")}

.listtypebox {float:left; margin:0 0 20px 0}
.listtypebox a {float:left; width:110px; height:40px; padding:0 0 0 36px; margin:0 5px 0 0; background-color:#fff; background-position:12px 50%; background-repeat:no-repeat; border:1px solid #6ba2c2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:40px; color:#6ba2c2; font-size:13px; letter-spacing:-1px; word-spacing:-1px}
.listtypebox a:hover {text-decoration:none; background-color:#6ba2c2; border-color:#6ba2c2; color:#fff}
.listtypebox a:focus {text-decoration:none; background-color:#6ba2c2; border-color:#6ba2c2; color:#fff}
.listtypebox a:active {text-decoration:none; background-color:#6ba2c2; border-color:#6ba2c2; color:#fff}
.listtypebox a.on {text-decoration:none; background-color:#6ba2c2; border-color:#6ba2c2; color:#fff}
.listtypebox a.listtype-card {background-image:url('../images/icon_viewtype_card_off.png')}
.listtypebox a.listtype-card:hover {background-image:url('../images/icon_viewtype_card_on.png')}
.listtypebox a.listtype-card.on {background-image:url('../images/icon_viewtype_card_on.png')}
.listtypebox a.listtype-gallery {background-image:url('../images/icon_viewtype_gallery_off.png')}
.listtypebox a.listtype-gallery:hover {background-image:url('../images/icon_viewtype_gallery_on.png')}
.listtypebox a.listtype-gallery.on {background-image:url('../images/icon_viewtype_gallery_on.png')}
.listtypebox a.listtype-list {background-image:url('../images/icon_viewtype_list_off.png')}
.listtypebox a.listtype-list:hover {background-image:url('../images/icon_viewtype_list_on.png')}
.listtypebox a.listtype-list.on {background-image:url('../images/icon_viewtype_list_on.png')}

.sortbox {float:right}
.sortbox .sbHolder {width:140px; margin:0 0 0 10px}

.boardlist {clear:both; overflow:hidden; border-top:1px solid #574d45}
.boardlist ul.list-header {overflow:hidden; border-bottom:1px solid #ccc9c7}
.boardlist ul.list-header li {float:left; padding:18px 0; text-align:center; color:#2b2b2b; font-family:ngb; font-size:13px}
.boardlist ul.list-header li.header-num {width:8%}
.boardlist ul.list-header li.header-title {width:74%}
.boardlist ul.list-header li.header-date {width:10%}
.boardlist ul.list-header li.header-readcnt {width:8%}
.boardlist ul.list-contents {clear:both; overflow:hidden}
.boardlist ul.list-contents.type-card li {position:relative; height:177px; padding-top:30px; padding-left:240px; border-bottom:1px solid #e0e0e0}
.boardlist ul.list-contents.type-card li .num {display:none}
.boardlist ul.list-contents.type-card li .readcnt {display:none}
.boardlist ul.list-contents.type-card li .thumbnail {position:absolute; left:0; top:30px; width:220px; font-size:0}
.boardlist ul.list-contents.type-card li .thumbnail img {display:block; width:220px}
.boardlist ul.list-contents.type-card li .title {margin:0 0 16px 0}
.boardlist ul.list-contents.type-card li .title a {color:#967a63; font-size:22px; font-family:ngb; word-spacing:-1px}
.boardlist ul.list-contents.type-card li .title a:hover, .boardlist ul.list-contents.type-card li .title a:focus, .boardlist ul.list-contents.type-card li .title a:active {text-decoration:underline}
.boardlist ul.list-contents.type-card li .content {height:103px; text-align:justify; line-height:17px}
.boardlist ul.list-contents.type-card li .writer {position:absolute; left:320px; bottom:38px; padding:0; color:#666}
.boardlist ul.list-contents.type-card li .date {position:absolute; left:240px; bottom:38px; color:#666}
.boardlist ul.list-contents.type-gallery li {float:left; position:relative; width:230px; height:350px; padding-right:20px; padding-top:30px; background:url('../images/bg_gallerytype_line.png') no-repeat 0 100%}
.boardlist ul.list-contents.type-gallery li.nth4 {padding-right:0}
.boardlist ul.list-contents.type-gallery li.nth4 .writer {right:0}
.boardlist ul.list-contents.type-gallery li .num {display:none}
.boardlist ul.list-contents.type-gallery li .readcnt {display:none}
.boardlist ul.list-contents.type-gallery li .date {position:absolute; left:16px; bottom:22px; color:#666}
.boardlist ul.list-contents.type-gallery li .writer {position:absolute; left:100px; bottom:22px; color:#666}
.boardlist ul.list-contents.type-gallery li .thumbnail {width:230px; height:150px; overflow:hidden}
.boardlist ul.list-contents.type-gallery li .thumbnail img {display:block; width:100%}
.boardlist ul.list-contents.type-gallery li .title {height:45px; overflow:hidden; margin:15px 16px}
.boardlist ul.list-contents.type-gallery li .title a {display:block; overflow:hidden; font-size:18px; font-family:ngb; line-height:24px; color:#967a63; word-spacing:-1px}
.boardlist ul.list-contents.type-gallery li .title a:hover, .boardlist ul.list-contents.type-gallery li .title a:focus, .boardlist ul.list-contents.type-gallery li .title a:active {text-decoration:underline}
.boardlist ul.list-contents.type-gallery li .content {height:70px; margin:0 16px; line-height:17px; overflow:hidden}
.boardlist ul.list-contents.type-list li {overflow:hidden; text-align:center; border-bottom:1px solid #ccc9c7}
.boardlist ul.list-contents.type-list li.odd {background:#fcfcfc}
.boardlist ul.list-contents.type-list li > p {float:left; padding:17px 0 16px 0; line-height:13px}
.boardlist ul.list-contents.type-list li .num {width:8%}
.boardlist ul.list-contents.type-list li .title {width:74%; text-align:left}
.boardlist ul.list-contents.type-list li .title a:hover, .boardlist ul.list-contents li .title a:focus, .boardlist ul.list-contents li .title a:active {text-decoration:underline}
.boardlist ul.list-contents.type-list li .date {width:10%}
.boardlist ul.list-contents.type-list li .readcnt {width:8%}
.boardlist ul.list-contents.type-list li .thumbnail {display:none}
.boardlist ul.list-contents.type-list li .writer {display:none}
.boardlist ul.list-contents.type-list li .content {display:none}


.listbtnset {clear:both; overflow:hidden; margin:0 0 50px 0}
.listbtnset span {display:block; overflow:hidden; margin:0 0 8px 0; cursor:pointer}
.listbtnset span em {display:block; margin:0 0 2px 0; color:#9c9c9c; font-weight:bold; font-size:12px}
.listbtnset span b {display:block; color:#444; font-size:14px}
.listbtnset span.btn_prev {float:left; padding:10px 0 10px 40px; background:url('../images/icon_arr_04.png') no-repeat 0 50%}
.listbtnset span.btn_next {float:right; padding:10px 40px 10px 10px; background:url('../images/icon_arr_05.png') no-repeat 100% 50%}
.listbtnset span.btn_next em {}
.listbtnset span.btn_next b {}

ul.datainfo {overflow:hidden; margin:0 0 55px 0; border-top:1px solid #333}
ul.datainfo li {overflow:hidden; padding:15px 0; border-bottom:1px solid #eaeaea; font-size:13px}
ul.datainfo li label {float:left; width:80px; color:#656565}
ul.datainfo li span {float:none; display:block; width:auto; color:#444}

.photoview {position:relative; clear:both; overflow:hidden; width:695px; height:480px; margin:0 auto 20px}
.photoview .viewercontrol {position:absolute; left:0; top:0; z-index:30; width:100%; height:50px; background:url('../images/bg_transparent_02.png') repeat 0 0; background-size:5px 5px}
.photoview .viewercontrol .navi {position:absolute; left:20px; top:14px; padding:0 25px; font-size:13px; color:#fff; line-height:20px}
.photoview .viewercontrol .navi em {color:#ffd200}
.photoview .viewercontrol .navi a {display:block; position:absolute; top:0; width:20px; height:20px; text-indent:-99999px}
.photoview .viewercontrol .navi a.prev {left:0; background:url('../images/icon_arr_07.png') no-repeat 50%}
.photoview .viewercontrol .navi a.next {right:0; background:url('../images/icon_arr_06.png') no-repeat 50%}
.photoview .viewercontrol .btns {position:absolute; right:20px; top:14px}
.photoview .viewercontrol .btns a {float:left; width:35px; height:20px; text-indent:-999999px}
.photoview .viewercontrol .btns a.btn1 {background:url('../images/icon_viewer_01.png') no-repeat 50% 50%}
.photoview .viewercontrol .btns a.btn2 {background:url('../images/icon_viewer_02.png') no-repeat 50% 50%}
.photoview .viewercontrol .btns a.btn3 {background:url('../images/icon_viewer_03.png') no-repeat 50% 50%}
.photoview .viewercontrol .btns a.btn4 {background:url('../images/icon_viewer_04.png') no-repeat 50% 50%}
.photoview .viewercontrol .btns a.btn5 {background:url('../images/icon_viewer_05.png') no-repeat 50% 50%}
.photoview .viewercontrol .btns a.btn6 {background:url('../images/icon_viewer_06.png') no-repeat 50% 50%}
.photoview .thumbnailbox {position:absolute; left:0; bottom:0; width:100%; height:84px; padding:12px 0; text-align:center; background:url('../images/bg_transparent_03.png') repeat 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:0}
.photoview .thumbnailbox span {display:inline-block; position:relative; width:91px; height:60px; margin:0 5px}
.photoview .thumbnailbox span img {display:block; width:91px; height:60px}
.photoview .thumbnailbox span em {position:absolute; left:0; top:0; display:none; width:100%; height:100%; background:url('../images/bg_thumbnailbox_01.png') no-repeat 0 0; background-size:100% 100%}
.photoview .thumbnailbox span.on em {display:block}
.photoview ul {display:block; width:100%; margin:0 !important; padding:0 !important; overflow:hidden; text-align:center; font-size:0}
.photoview ul li {float:left; width:100%; padding:0}
.photoview ul li img {display:block; width:100%; max-width:100%}
.photoview .slick-prev {position:absolute; left:0; top:40%; z-index:30; width:50px; height:50px; margin-top:-25px; background:#9fa1a3 url('../images/btn_slide_prev.png') no-repeat 50%; text-indent:-99999px; opacity:0.8}
.photoview .slick-next {position:absolute; right:0; top:40%; z-index:30; width:50px; height:50px; margin-top:-25px; background:#b09986 url('../images/btn_slide_next.png') no-repeat 50%; text-indent:-99999px; opacity:0.8}

.relative-contents {clear:both; overflow:hidden; margin:50px 0 0 0}
.relative-contents h3 {margin:0 0 16px 0; color:#88664d; font-size:18px}
.relative-contents ul {overflow:hidden}
.relative-contents ul li:first-child dl {padding-top:0; border-top:0}
.relative-contents ul li dl {overflow:hidden; padding-top:30px; border-top:1px solid #e5e5e5}
.relative-contents ul li dl dt {overflow:hidden; margin:0 0 8px 0; font-size:0}
.relative-contents ul li dl dt .pic {display:block; border:1px solid #e5e5e5}
.relative-contents ul li dl dt .pic img {display:block; width:100%}
.relative-contents ul li dl dd {overflow:hidden; padding:0 0 25px 0}
.relative-contents ul li dl dd span {display:block; margin:0 0 4px 0; font-weight:bold; font-size:13px; color:#444}
.relative-contents ul li dl dd strong {display:block; font-size:15px; color:#40728f; line-height:18px}

.replywrap {clear:both; overflow:hidden; border-top:1px solid #c1c1c1}
.replywrap > ul {border-bottom:1px solid #d6d6d6}
.replywrap > ul > li {position:relative; min-height:65px; padding:20px 200px 20px 75px; border-top:1px solid #eaeaea}
.replywrap > ul > li:first-child {border-top:0}
.replywrap > ul > li .pic {position:absolute; left:0; top:20px; display:block; width:65px; height:65px; overflow:hidden; background:url('../images/img_noimg_01.png') no-repeat 0 0; border-radius:50%; font-size:0}
.replywrap > ul > li .pic img {display:block; width:100%; height:100%; border-radius:50%}
.replywrap > ul > li p {padding-top:10px}
.replywrap > ul > li p em {display:block; margin:0 0 3px 0; font-size:13px; line-height:16px}
.replywrap > ul > li p b {margin-left:10px; color:#757575; font-weight:normal}
.replywrap > ul > li.active .reaction {z-index:40}
.replywrap > ul > li .reaction {position:absolute; right:15px; top:45%; z-index:30; height:25px}
.replywrap > ul > li .reaction a {float:left; height:22px; padding:0 0 0 24px; margin-left:20px; color:#656565; line-height:22px}
.replywrap > ul > li .reaction a.modify {margin:0; background:url('../images/icon_board_write.png') no-repeat 0 0}
.replywrap > ul > li .reaction a.delete {padding-left:18px; background:url('../images/icon_board_delete.png') no-repeat 0 1px}
.replywrap > ul > li .reaction a.reply {padding-left:22px; background:url('../images/icon_board_reply.png') no-repeat 0 1px}
.replywrap fieldset {clear:both; overflow:hidden; margin:40px 0 50px 0; padding:15px; background:#f5f5f5}
.replywrap fieldset span {display:block; height:40px; padding:2px 10px 0 10px; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.replywrap fieldset span input.txt {width:100%; height:100%; padding:0; background:0; border:0; color:#444; font-size:13px}
.replywrap fieldset .writer-insert {float:left; width:50%; margin:0 15px 15px 0}
.replywrap fieldset .pw-insert {float:none; width:auto; overflow:hidden; margin:0 0 15px 0}
.replywrap fieldset .txt-insert {clear:both; position:relative; height:100px; padding:0 100px 0 0; background:#fff}
.replywrap fieldset .txt-insert a.btn_blue {position:absolute; right:0; top:0; width:100px; height:100px; line-height:100px}
.replywrap fieldset .txt-insert textarea {width:100%; height:100%; padding:10px; background:#fff; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#444; font-size:13px}

.search-result {position:relative; overflow:hidden; margin:0 0 40px 0; padding:0 0 20px 0; background:#3d444d}
.search-result .title {height:55px; margin:0; padding:0 0 0 15px; font-size:16px; color:#fff; line-height:57px; font-weight:bold}
.search-result .actionarea {position:relative; width:100%;overflow:hidden}
.search-result .actionarea ul {position:relative; width:auto; height:70px; padding:0 20px}
.search-result .actionarea ul li {float:left; width:110px; height:70px; margin:0 20px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:0}
.search-result .actionarea ul li p {position:relative}
.search-result .actionarea ul li img {display:block; width:110px; height:70px}
.search-result .actionarea ul li span {display:none; position:absolute; left:0; top:0; width:100%; height:100%; padding:15px 2px 0 2px; background:url('../images/bg_transparent_01.png') repeat 0 0; background-size:5px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:2px solid #ffcb08; color:#fff; font-size:11px; letter-spacing:-1px; font-weight:bold; line-height:13px}
.search-result .actionarea ul li.slick-current span {display:block}
.search-result .slick-prev {position:absolute; left:0; top:15px; z-index:30; width:40px; height:40px; margin-top:0; background:#9fa1a3 url('../images/btn_slide_prev.png') no-repeat 50%; text-indent:-99999px; opacity:0.8}
.search-result .slick-next {position:absolute; right:0; top:15px; z-index:30; width:40px; height:40px; margin-top:0; background:#b09986 url('../images/btn_slide_next.png') no-repeat 50%; text-indent:-99999px; opacity:0.8}

.searchview {clear:both; width:auto; overflow:hidden; margin:0; padding-top:30px; border-top:1px solid #a1a1a1}
.searchview h3 {margin:0 0 20px 0; color:#706359; font-size:25px; line-height:28px}
.searchview h4 {margin:0 0 12px 0; color:#88664d; font-size:20px}
.searchview pre {margin:10px 01 01 0; text-align:justify; line-height:20px; color:#444; font-size:13px; word-wrap:break-word; word-break:break-all; font-family:ng}
.searchview .photoview {width:980px; height:560px}
.searchview ul.datainfo li {float:left; width:50%}
.searchview .relative-contents {margin:40px 0 30px 0; border-bottom:1px solid #adadad}
.searchview .relative-contents h3 {margin:0 0 15px 0; color:#706359; font-size:20px; line-height:22px}
.searchview .relative-contents ul {padding-bottom:60px; overflow:hidden}
.searchview .relative-contents ul li {float:left; width:25%; height:220px; padding:0 20px; border-left:1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.searchview .relative-contents ul li:first-child {padding-left:0; border-left:0}
.searchview .relative-contents ul li dl {padding-top:0; border-top:0}
.searchview .relative-contents ul li dl dd {padding:0}

.articleview {clear:both; width:auto; overflow:hidden; margin:0}
.articleview .flbox {float:left; width:695px; margin:0 40px 0 0; padding-top:40px; border-top:1px solid #a1a1a1}
.articleview .frbox {float:none; width:auto; overflow:hidden; border-top:2px solid #b09986}
.articleview .flbox h3 {margin:0 0 35px 0; color:#706359; font-size:30px; line-height:32px}
.articleview h4 {float:left; padding-top:10px; color:#656565; font-size:16px}
.articleview h4 span {margin-left:7px; color:#967a63}
.articleview .viewtype {float:right; height:55px}
.articleview .viewtype span {display:block; float:left; height:30px; margin:0 0 0 20px}
.articleview .viewtype span a {display:block; height:30px; padding-left:38px; line-height:30px; font-weight:bold; letter-spacing:-1px}
.articleview .viewtype span.type1 a {background:url('../images/icon_pictype_01_off.png') no-repeat 0 0}
.articleview .viewtype span.type1.on a {background:url('../images/icon_pictype_01_on.png') no-repeat 0 0}
.articleview .viewtype span.type2 a {background:url('../images/icon_pictype_02_off.png') no-repeat 0 0}
.articleview .viewtype span.type2.on a {background:url('../images/icon_pictype_02_on.png') no-repeat 0 0}
.articleview .viewtype span.type3 a {background:url('../images/icon_pictype_03_off.png') no-repeat 0 0}
.articleview .viewtype span.type3.on a {background:url('../images/icon_pictype_03_on.png') no-repeat 0 0}
.articleview blockquote {clear:both; overflow:hidden; margin:0 0 40px 0; padding:20px 15px; background:#f9f9f9; color:#444; font-size:16px; line-height:19px}
.articleview blockquote p {margin:0 0 10px 0; font-weight:bold}
.articleview blockquote pre {margin:0; text-align:justify; line-height:20px; color:#444; font-size:13px; word-wrap:break-word; word-break:break-all; font-family:ng}
.articleview .article-gallerytype, .articleview .article-listtype,  .articleview .article-photoview {clear:both; margin-bottom:50px}

.articleview .galleryview {clear:both; overflow:hidden; margin:0 -10px 0 0; padding:15px 0; border-top:1px solid #333; font-size:0}
.articleview .galleryview ul {overflow:hidden; padding-bottom:0; border-bottom:1px solid #d6d6d6}
.articleview .galleryview ul li {display:inline-block; max-width:33.33333%; margin:0 0 10px 0; padding-right:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.articleview .galleryview ul li img {width:100%; vertical-align:middle}
.articleview .listview {clear:both; overflow:hidden; margin:0 0 0 0}
.articleview .listview table {width:100%; border-top:1px solid #333; border-bottom:1px solid #d6d6d6}
.articleview .listview table thead th {padding:15px 0; color:#222; font-size:16px}
.articleview .listview table tbody th {padding:10px 0; text-align:center; border-top:1px solid #eaeaea; font-weight:normal; font-size:13px}
.articleview .listview table tbody td {padding:10px 0; border-top:1px solid #eaeaea}
.articleview .listview table tbody td.thumbnail {text-align:center; font-size:0}
.articleview .listview table tbody td.thumbnail .pic {display:block; width:80%; margin:0 auto}
.articleview .listview table tbody td.thumbnail .pic img {display:block; width:100%}
.articleview .listview table tbody td.title a {color:#656565; font-size:13px; line-height:16px}
.articleview .paging2 {clear:both; margin:20px 0 0 0; text-align:center}
.articleview .paging2 a {margin:0 5px; color:#8a8c8c; font-size:15px; font-weight:bold}
.articleview .paging2 a.on {color:#88664d}

.indexlist {position:relative; height:350px; overflow:hidden; background:#f5f5f5}
.indexlist .title {margin:0 20px 15px 20px; padding-top:30px}
.indexlist .title strong {display:block; margin:0 0 15px 0; text-align:center; color:#40728f; font-size:18px}
.indexlist .title span {display:block; text-align:left; color:#656565; font-size:16px; font-weight:bold}
.indexlist ul {margin:0 20px; padding:10px 0 0 0; border-top:1px solid #bfc9d0}
.indexlist ul li {margin:0 0 12px 0; line-height:16px}
.indexlist ul li a {display:block; color:#858585; font-size:14px}
.indexlist ul li.on a span {color:#967a63; text-decoration:underline}
.indexlist .btnset {position:absolute; right:0; bottom:0; display:block; width:70px; height:35px; font-size:0}
.indexlist .btnset a {float:left; width:35px; height:35px; text-indent:-99999px}
.indexlist .btnset a.prev {background:#b8b8b8 url('../images/btn_slide_prev.png') no-repeat 50%; background-size:12px auto}
.indexlist .btnset a.next {background:#b09986 url('../images/btn_slide_next.png') no-repeat 50%; background-size:12px auto}

.datalist {clear:both; width:100%}
.datalist table {width:100%; border-top:1px solid #333; border-bottom:1px solid #d6d6d6}
.datalist table thead th {padding:18px 0; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f5f5f5; font-size:13px; font-family:sen}
.datalist table thead th:first-child {border-left:0}
.datalist table tbody th {padding:18px 0; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f5f5f5; font-size:13px; font-family:sen}
.datalist table tbody td {padding:18px 0; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; text-align:center; font-size:13px}
.datalist table tbody td:first-child {border-left:0}



/*0223*/
.ichkbox {float:left; width:auto; height:25px; padding:0 0 0 22px; background:url('../images/icon_ichkbox_off.png') no-repeat 0 0}
.ichkbox.on {background:url('../images/icon_ichkbox_on.png') no-repeat 0 0}
.ichkbox input {margin:0 0 0 10px; opacity:0; filter:alpha(opacity="0")}

.menu-searchwrap {width:980px; background:#f9f9f9; margin:0 auto}
.menu-searchwrap .menukindbox {padding:30px 0 25px 35px}
.menu-searchwrap .menukindbox .innerbox {clear:both; overflow:hidden}
.menu-searchwrap .menukindbox .innerbox dl dt {float:left; width:87px; color:#444; font-size:18px; font-weight:bold}
.menu-searchwrap .menukindbox .innerbox dl dd {float:none; overflow:hidden; width:auto}
.menu-searchwrap .menukindbox .innerbox dl dd ul li {display:inline-block; width:130px; margin:0 0 0 15px}
.menu-searchwrap .menukindbox .innerbox dl dd ul li:first-child {margin:0}
.menu-searchwrap .menukindbox .innerbox dl dd ul li label {line-height:22px; color:#444; font-size:14px}
.menu-searchwrap .keywordbox {border-top:1px solid #e4e4e4}
.menu-searchwrap .keywordbox > div {float:left; width:50%; height:343px; padding:38px 35px 10px; border-left:1px solid #d0d0d0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.menu-searchwrap .keywordbox > div:first-child {border:0}
.menu-searchwrap .keywordbox > div dl {clear:both}
.menu-searchwrap .keywordbox .leftbox dl dt {float:left; width:87px; color:#444; font-size:18px; font-weight:bold}
.menu-searchwrap .keywordbox .leftbox dl dd {float:left}
.menu-searchwrap .keywordbox .leftbox dl dd ul li label {display:block; padding:28px 0 15px 0; color:#444; font-size:14px}
.menu-searchwrap .keywordbox .leftbox dl dd ul li:first-child label {padding:0 0 15px 0}
.menu-searchwrap .keywordbox .leftbox .inpbox {display:block; width:330px; height:40px; padding:3px; background:#fff; border:1px solid #d9d9d9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.menu-searchwrap .keywordbox .leftbox input.txt {width:100%; height:100%; padding:0; border:0}
.menu-searchwrap .keywordbox .rightbox h3 {float:left; width:70px; color:#444; font-size:18px; font-weight:bold}
.menu-searchwrap .keywordbox .rightbox .innerbox {float:left}
.menu-searchwrap .keywordbox .rightbox .innerbox dl dt {padding:28px 0 15px; color:#444; font-size:14px}
.menu-searchwrap .keywordbox .rightbox .innerbox dl:first-child dt {padding:0 0 15px}
.menu-searchwrap .keywordbox .rightbox .filterbox {clear:both; position:relative}
.menu-searchwrap .keywordbox .rightbox .filterbox .sbHolder {width:335px}
.menu-searchwrap .monthwrap {clear:both; padding:38px 35px 40px; border-top:1px solid #d0d0d0}
.menu-searchwrap .monthwrap .yearbox h3 {float:left; width:90px}
.menu-searchwrap .monthwrap .graph {float:left}
.menu-searchwrap .monthwrap .monthdaybox {clear:both; padding:45px 0 0 0}
.menu-searchwrap .monthwrap .monthdaybox h3 {float:left; padding:0 7px 0}
.menu-searchwrap .monthwrap .monthdaybox .daybox h3 {padding:0 7px 0 30px}
.menu-searchwrap .monthwrap .monthdaybox .datebox h3 {padding:0 7px 0 35px}
.menu-searchwrap .monthwrap .monthdaybox .innerbox {float:left}
.menu-searchwrap .monthwrap .monthdaybox table {width:100%; border-collapse:collapse}
.menu-searchwrap .monthwrap .monthdaybox table tbody td {width:38px; height:38px; vertical-align:middle; border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#fff; color:#444; cursor:pointer; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.menu-searchwrap .monthwrap .monthdaybox table tbody td:hover {background:#706359; color:#fff}
.menu-searchwrap .monthwrap .datebox p a {display:block; float:left; width:78px; height:38px; line-height:36px; border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#fff; text-align:center}
.menu-searchwrap .monthwrap .datebox p a:first-child {border-right:0}
.menu-searchwrap .monthwrap .datebox p a:hover {background:#706359; color:#fff}
.menu-searchwrap .monthwrap .datebox p a.on {background:#706359; color:#fff}
.menu-searchwrap .monthwrap .duringbox {clear:both; padding:40px 0 0}
.menu-searchwrap .monthwrap .duringbox strong {float:left; padding-right:40px; color:#444; line-height:38px; font-size:14px}
.menu-searchwrap .monthwrap .duringbox .product {clear:both; position:relative}
.menu-searchwrap .monthwrap .duringbox .product .sbHolder {width:300px}
.menu-searchwrap .monthwrap .duringbox p {overflow:hidden; padding-left:20px}
.menu-searchwrap .monthwrap .duringbox p .inpbox {display:block; float:left; width:148px; height:40px; padding:3px; background:#fff; border:1px solid #d9d9d9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.menu-searchwrap .monthwrap .duringbox p input.txt {width:100%; height:100%; padding:0; border:0; text-align:center}
.menu-searchwrap .monthwrap .duringbox p em {float:left; padding-right:10px; padding-left:10px; line-height:40px}
.menu-searchwrap .subjectwrap {clear:both; overflow:hidden; padding:40px; border-top:1px solid #d0d0d0}
.menu-searchwrap .subjectwrap h3 {padding:0 0 30px; color:#444; font-size:18px}
.menu-searchwrap .kindbox {overflow:hidden; height:408px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8}
.menu-searchwrap .kindbox h4 {float:left; width:108px; line-height:408px; background:#fff; color:#444; text-align:center; font-size:14px}
.menu-searchwrap .kindbox .languagebox {float:none; overflow:hidden; width:auto; border-left:1px solid #e8e8e8}
.menu-searchwrap .kindbox .languagebox .ichkbox {display:block; height:25px; padding-left:25px}
.menu-searchwrap .kindbox .innerbox {clear:both; overflow:hidden; border-bottom:1px solid #e8e8e8; background:#fff}
.menu-searchwrap .kindbox .innerbox dl dt {float:left; width:78px; margin:0 0 12px 0; padding:28px 0 0 18px; color:#444; font-size:14px; font-weight:bold}
.menu-searchwrap .kindbox .innerbox dl dd {float:none; overflow:hidden; width:auto; padding:25px 0 25px 20px; border-left:1px solid #e8e8e8}
.menu-searchwrap .kindbox .innerbox dl dd ul li {display:inline-block; width:115px; height:32px; margin:0 0 0 15px}
.menu-searchwrap .kindbox .innerbox dl dd ul li label {line-height:22px; color:#444; font-size:14px}
.menu-searchwrap .subjectbox {overflow:hidden; height:258px; margin:0 0 30px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8}
.menu-searchwrap .subjectbox h4 {line-height:258px}
.menu-searchwrap .subjectbox .kindbox {height:258px; border:0}
.menu-searchwrap .subjectbox .kindbox .innerbox dl dd ul li {display:block; width:auto; height:35px}
.menu-searchwrap .subjectbox .kindbox .innerbox dl dd ul li .ichkbox {float:none}
.menu-searchwrap .metasearchbox {overflow:hidden; padding:38px 0 45px 35px; border-top:1px solid #e4e4e4}
.menu-searchwrap .metasearchbox h3 {float:left; width:160px; color:#444; font-size:18px; font-weight:bold}
.menu-searchwrap .metasearchbox .metabox {float:none; width:auto; overflow:hidden}
.menu-searchwrap .metasearchbox .metabox .topbox ul {float:left; padding-right:32px}
.menu-searchwrap .metasearchbox .metabox .topbox ul li label {display:block; padding:28px 0 15px 0; color:#444; font-size:14px}
.menu-searchwrap .metasearchbox .metabox .topbox ul li:first-child label {padding:0 0 15px 0}
.menu-searchwrap .metasearchbox .metabox .topbox .inpbox {display:block; width:355px; height:40px; padding:3px; background:#fff; border:1px solid #d9d9d9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.menu-searchwrap .metasearchbox .metabox .topbox input.txt {width:100%; height:100%; padding:0; border:0}
.menu-searchwrap .metasearchbox .metabox .bottombox {clear:both}
.menu-searchwrap .metasearchbox .metabox .bottombox dl dt {padding:28px 0 15px; color:#444; font-size:14px}
.menu-searchwrap .metasearchbox .metabox .bottombox dl dd ul li {display:inline-block; width:115px; height:32px; margin:0 0 0 15px}
.menu-searchwrap .metasearchbox .metabox .bottombox dl dd ul li:first-child {margin:0}
.menu-searchwrap .metasearchbox .metabox .bottombox dl dd ul li label {line-height:22px; color:#444; font-size:14px}


/*0227*/
.menu-studywrap .studybox {position:relative; overflow:hidden; width:980px; height:1295px}
.menu-studywrap .studybox ul {clear:both; width:740px; height:1290px; padding:5px 120px 0; background:url('../images/bg_studybook.jpg') no-repeat 0 0}
.menu-studywrap .studybox ul li {float:left; margin:85px 0 0 32px}
.menu-studywrap .studybox ul li:nth-child(1) {margin-left:0}
.menu-studywrap .studybox ul li:nth-child(5) {margin-left:0}
.menu-studywrap .studybox ul li:nth-child(9) {margin-left:0}
.menu-studywrap .studybox ul li span {display:block; width:160px; height:230px}
.menu-studywrap .bookbox {position:absolute; left:30px; bottom:40px; overflow:hidden; width:920px; height:302px; background:url('../images/study_bg_arrtop.png') no-repeat 0 0; box-shadow:3px 3px 5px rgba(36, 36, 36, 0.7)}
.menu-studywrap .bookbox dl {clear:both; padding:65px 40px 0}
.menu-studywrap .bookbox dl dt {float:left}
.menu-studywrap .bookbox dl dt span img {display:block; width:140px; height:210px}
.menu-studywrap .bookbox dl dd {float:none; width:auto; overflow:hidden; padding-top:15px; padding-left:40px;}
.menu-studywrap .bookbox dl dd strong {display:block; padding-bottom:25px; color:#967a63; font-size:30px}
.menu-studywrap .bookbox dl dd span {font-size:13px}
.menu-studywrap .paging {padding-left:370px}

.menu-historywrap h4 {position:relative; color:#967a63; font-size:60px; line-height:40px; text-align:center}
.menu-historywrap h4 span {position:absolute; top:0; right:0}
.menu-historywrap h4 span a.all_view {display:block; width:138px; height:40px; line-height:40px; background:#579bc2; color:#fff; text-align:center; font-size:14px}
.menu-historywrap ul {overflow:hidden; width:980px; margin-top:60px; background:url('../images/history_dotline.jpg') repeat-y 50% 50%}
.menu-historywrap ul li {float:right}
.menu-historywrap ul li dl {clear:both; margin-top:70px}
.menu-historywrap ul li:first-child dl {margin-top:0}
.menu-historywrap ul li dl dt {float:left}
.menu-historywrap ul li dl dt span img {display:block;}
.menu-historywrap ul li dl dd {float:none; width:490px; overflow:hidden; padding-top:95px; padding-left:50px;}
.menu-historywrap ul li dl dd strong {display:block; padding-left:50px; background:url('../images/history_icon_left.png') no-repeat 0 50%; color:#967a63; font-size:24px}
.menu-historywrap ul li dl dd strong em {padding-left:15px; color:#b1b1b1; font-size:26px}
.menu-historywrap ul li dl dd p {padding-left:50px}
.menu-historywrap ul li dl dd p span {display:block; padding:20px 0 18px; line-height:20px; font-size:13px}
.menu-historywrap ul li dl dd p a.detail {padding-right:16px; background:url('../images/history_icon_arrright.png') no-repeat 100% 50%; color:#579bc2; font-size:13px}
.menu-historywrap ul li.even {float:left}
.menu-historywrap ul li.even dl dt {float:right}
.menu-historywrap ul li.even dl dd {padding-left:0; padding-right:50px; text-align:right}
.menu-historywrap ul li.even dl dd strong {padding-left:0; padding-right:50px; background:url('../images/history_icon_right.png') no-repeat 100% 50%}
.menu-historywrap ul li.even dl dd p {padding-left:0; padding-right:50px}
.menu-historywrap .btncenter {margin:65px 0 0}
.menu-historywrap .btncenter a.the_view {display:block; width:8px; height:42px; margin:0 auto; background:url('../images/history_moreview.png') no-repeat 0 50%}

/*0301*/
.menu-conservationwrap h3 strong {display:block; margin-bottom:20px; color:#706359; font-family:sen; font-size:24px; line-height:30px}
.menu-conservationwrap h3 span {font-size:12px; font-family:sen; line-height:15px}
.menu-conservationwrap h4 {margin:40px 0 10px 0; color:#40728f; font-size:15px; font-family:sen}

.menu-saryowrap ul {margin:30px 0 0}

.menu-useguidewrap h3 {margin:0 0 30px}
.menu-useguidewrap h3 strong {display:block; margin-bottom:20px; color:#706359; font-size:24px; font-family:sen; line-height:30px}
.menu-useguidewrap h3 span {font-size:12px; line-height:15px; font-family:sen}
.menu-useguidewrap ul li {padding-left:16px; background:url('../images/oper_icon_dot.png') no-repeat 0 50%; line-height:29px}
.menu-useguidewrap .datalist {margin:30px 0 0}
.menu-useguidewrap .datalist span {display:block; margin:20px 0 0; }
.menu-useguidewrap .datalist span a {color:#40728f}
.menu-useguidewrap .btncenter {margin:40px 0 0}
.menu-useguidewrap .btncenter button.btn_blue {width:140px; height:40px}

.menu-collectionwrap h3 strong {display:block; margin-bottom:20px; color:#706359; font-size:24px; line-height:30px; font-family:sen}
.menu-collectionwrap h3 span {font-size:12px; font-family:sen; line-height:15px}
.menu-collectionwrap h4 {padding:60px 0 8px; color:#88664d; font-size:18px; font-family:sen}
.menu-collectionwrap ul li {padding-left:16px; background:url('../images/oper_icon_dot.png') no-repeat 0 50%; line-height:29px}
.menu-collectionwrap .collectioninfo h4 {padding-top:80px}
.menu-collectionwrap .thanksinfo h4 {padding-bottom:20px}
.menu-collectionwrap .thanksinfo p span {display:block; margin:0 0 7px}
.menu-collectionwrap .thanksinfo p a {color:#40728f}

.menu-donorwrap h3 strong {display:block; margin-bottom:30px; color:#706359; font-size:24px}
.menu-donorwrap h3 span {font-size:12px}
.menu-donorwrap .donorbox h4 {padding:60px 0 10px}
.menu-donorwrap .donorbox h4 strong {display:block; padding:0 0 30px; color:#88664d; font-size:18px}
.menu-donorwrap .donorbox h4.pb0 strong {padding:0}
.menu-donorwrap .donorbox h4 em {display:block; color:#40728f; font-size:15px}
.menu-donorwrap .donorbox h4 em {display:block; color:#40728f; font-size:15px}
.menu-donorwrap .donorlist table {width:100%; border-top:1px solid #333; border-bottom:1px solid #d6d6d6}
.menu-donorwrap .donorlist table td {padding:20px 0 20px 0; border-top:1px solid #eaeaea; text-align:center; font-size:12px}
.menu-donorwrap .donorlist table tr:first-child td {border-top:0}
.menu-donorwrap .donorlist table td.pk {background:#fafafa}
.menu-donorwrap .grouplist table {width:100%; border-top:1px solid #333; border-bottom:1px solid #d6d6d6}
.menu-donorwrap .grouplist table td {padding:20px 0 20px 20px; border-top:1px solid #eaeaea; font-size:12px}
.menu-donorwrap .grouplist table tr:first-child td {border-top:0}
.menu-donorwrap .grouplist table td.pk {background:#fafafa}

.menu-languagewrap ul.languagetab {overflow:hidden; margin:0 0 60px}
.menu-languagewrap ul.languagetab li a {display:block; float:left; width:325px; height:50px; margin-left:1px; line-height:50px; background:#adadad; color:#fff; text-align:center; font-size:16px}
.menu-languagewrap ul.languagetab li.on a {background:#706359}
.menu-languagewrap ul.languagetab li:hover a {background:#706359}
.menu-languagewrap .languagebox > div {float:left; width:50%; padding-left:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.menu-languagewrap .languagebox > div:first-child {padding-left:0}
.menu-languagewrap .languagebox > div > strong {display:block; padding:60px 0 20px; color:#977a63; font-size:18px}
.menu-languagewrap .languagebox > div:first-child > strong {padding:40px 0 20px;}
.menu-languagewrap .languagebox > div > strong span {color:#858585; font-size:12px}
.menu-languagewrap .languagebox .contents_txt span {display:block; color:#858585; font-weight:bold}
.menu-languagewrap .languagebox .contents_txt {line-height:18px}
.menu-languagewrap .bookbox {overflow:hidden}
.menu-languagewrap .bookbox dl {overflow:hidden; clear:both; margin:30px 0 0}
.menu-languagewrap .bookbox dl:first-child {margin:0}
.menu-languagewrap .bookbox dl dt {float:left}
.menu-languagewrap .bookbox dl dt span img {display:block}
.menu-languagewrap .bookbox dl dd {float:none; width:auto; overflow:hidden; padding-left:20px}
.menu-languagewrap .bookbox dl dd strong {display:block; padding:0 0 24px; color:#6ba2c2; font-size:16px}
.menu-languagewrap .bookbox dl dd strong em {display:block; padding:8px 0 0; color:#858585; font-size:12px}
.menu-languagewrap .addressinfo strong {display:block; padding:60px 0 16px; color:#977a63; font-size:18px}
.menu-languagewrap .addressinfo ul li {line-height:20px}
.menu-languagewrap .addressinfo ul li label {display:inline-block; width:67px; color:#909090}
.menu-languagewrap .addressinfo ul li.last label {width:145px}
.menu-languagewrap .rightbox {overflow:hidden; padding-top:108px}
.menu-languagewrap .rightbox .bookbox {margin:65px 0 346px}
.menu-languagewrap .rightbox .addressinfo span img {margin:165px 0 0}
.menu-languagewrap .rightbox .addressinfo strong {display:block; padding:45px 0 16px}
.menu-languagewrap .rightbox .addressinfo em {display:block; padding:0 0 0 67px}
.menu-languagewrap .rightbox .second {margin:128px 0 98px}

.menu-languagewrap.jpwrap .addressinfo ul li label {width:40px}
.menu-languagewrap.jpwrap .addressinfo ul li.last label {width:110px}
.menu-languagewrap.jpwrap .addressinfo em {padding:0 0 0 110px}


.boardview {clear:both; width:auto; overflow:hidden; margin:0}
.boardview .flbox {float:left; width:695px; margin:0 40px 0 0}
.boardview .frbox {float:none; width:auto; overflow:hidden}