@charset "utf-8";
/**********************************
	Font
**********************************/
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SeoulHangangM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulHangangM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.btn_scroll_top {width:9.3rem; height:9.3rem; border:none; border-radius:0; background:url('../img/common/btn_top.png') 50% 50% no-repeat !important; background-size:contain !important; z-index:9999; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; display:none;}
.btn_scroll_top:hover {background-color:transparent !important; background-position:50% 50% !important; border-color:transparent;}

@media all and (max-width:1024px) {
	.btn_scroll_top {width:6rem; height:6rem;}
}
@media all and (max-width:380px) {
	.btn_scroll_top {width:5rem; height:5rem;}
}


/**********************************
	Header Layout
**********************************/

.headWrap .logo a.other {width: 140px;height: 39px;background:url('../img/common/logo.png') no-repeat 0 0;background-size: contain;overflow:hidden;text-indent:-999px;}
.headWrap .logo a.other strong {font-weight:600;}

.headWrap .aside .mymenu,
.headWrap .aside .gnb-search {display:none !important;}

.headWrap .acc-list .bars {width:3rem;}
.headWrap .acc-list .bar-02 {width:65%; left:0;}
.headWrap .acc-list:hover {animation:none; -webkit-animation:none;}
.headWrap .acc-list:hover .bar-01 {margin-top:-.9rem;}
.headWrap .acc-list:hover .bar-02 {width:100%; left:auto; right:0;}
.headWrap .acc-list:hover .bar-03 {margin-bottom:-1rem;}

@media all and (min-width:1025px) {
	#wrap:before {display:none !important;}
	.headWrap .acc-list {width:6.4rem; height:6.4rem; background:#444444;}
	.headWrap .acc-list .bar {background:#fff; height:3px;}

	.lnbWrap {padding-left:240px; padding-right:13rem; text-align:right;}
	.lnb_nav .li_depth01 {position:relative;}
	.lnb_nav .li_depth01 > a > span {padding:0 2rem;font-weight:500;}
	.lnb_nav .li_depth01.on > a, .lnb_nav .li_depth01.active > a {color:#6b4d36;}

	.lnb_nav .lnb_sub {left:50%; width:210px; margin-left:-105px; margin-top:-1rem; right:auto; background:#222222; overflow:visible;}
	.lnb_nav .lnb_sub:before {content:""; display:block; position:absolute; width:0; height:0; border:.8rem solid transparent; border-top-width:0; border-bottom-color:#222; left:50%; margin-left:-.8rem; top:-.8rem; box-sizing:content-box; z-index:1;}
	.lnb_nav .lnb_sub > .inner:before {display:none;}
	.lnb_nav .lnb_sub .tit {display:none;}
	.lnb_nav .lnb_sub .depth02 {margin-left:0; background:none; min-height:0; padding:1rem 0;}
	.lnb_nav .depth02 > li,
	.lnb_nav .depth02 > li > .cell {display:block; width:auto; padding:0; background:none;}
	.lnb_nav .depth02 > li > .cell a {margin:0; border-radius:0 !important; text-align:center; color:#fff; padding:1.8rem;}
	.lnb_nav .depth02 > li > .cell a:hover {background:#6b4d36;}
	.lnb_nav .depth02 > li > .cell2 {display:none;}
}

@media all and (max-width:1024px) {
	#m_menu .li_depth1.open > a {background:#6b4d36;}
	#m_menu .nav-group .gnb-nav-open dt button {background:#222222;}
	#m_menu .btn_menu_close:before {background-image:url('../img/common/ico_m2.png');}
}
@media all and (max-width:480px) {
	.headWrap .logo a.other {width:11rem;height: 3rem;}
}
@media all and (max-width:370px) {
	.headWrap .logo a.other {width:8rem; height:2rem;}
}

.site_wrap,
footer .btn_close {background:#444444;}
footer .btn_open,
footer .btn_close {color:#ffffff;}


/* Sub Visual */
.subvisual {background:url('../img/common/bak_subvisual.png') no-repeat 50% 50% #e2f2f8;}
@media all and (max-width:640px) {
	#content #titWrap {background:url('../img/common/bak_subvisual.png') no-repeat 50% 50% #e2f2f8;}
}

/* h2,h3 font-family */
#snbWrap h2 > span, #snbWrap h2 a,
#titWrap h3{font-family: 'Arita-buri-SemiBold';}


/**********************************
	chusa Guide : 컬러맞춤
**********************************/


#snbWrap h2 {background:#022e4e;}
.snb >li >a.state.on, .snb >li >a.on {background:#4a2a11;}
.snb >li >a.state.on + ul {border-color:#4a2a11;}
.snb >li >a:hover, .snb >li >a:focus {color: #4a2a11;}
.snb >li >ul >li >a.on {color:#4a2a11;}
.snb >li >ul >li >a:before {background:#ceb7a5;}
.snb >li >ul >li >a:hover:before, .snb >li >ul >li >a:focus:before, .snb >li >ul >li >a.on:before {background:#4a2a11; border:1px solid #4a2a11;}

.spot_list >li:before {background:url('../img/common/spr_spot.png') 0 -26px no-repeat;}
.share_list button.close {background:url('../img/common/spr_spot.png') -94px 0px no-repeat;}



/*
	가이드기본
*/
.tab { border-bottom: 1px solid #189d7f; }
.tab > li { float: left; }
.tab a { width: 140px; display: block; text-align: center; background: #e9f1ef; border: 1px solid #189d7f; border-bottom: 0; padding: 10px 17px; margin-right: 10px; color: #189d7f; ;}
.tab a.active { background: #189d7f; color: #fff; }
.tab_depth05 ul >li a.on {background:#022e4e; color:#fff;}
.exp_guide { padding: 2rem 2.4rem; background: #e9f1ef; border: 2px solid #58a087; line-height: 160%; color: #333; font-size: 1.5rem; word-break: break-all; }
#uiGuide, #contGuide { position: relative; }

#conts h4:before {background:url('../img/common/bul_h4.png') no-repeat 0 0;}
#conts h4 {padding-left:2rem;}

#conts h5 {color:#4a2a11;}

/*
	TEXT
*/

#conts .point {color:#022e4e;}
#conts .txt_point {color:#022e4e !important;}
#conts .link {color:#022e4e;}

#conts *[target="_blank"]:not([class]):after,
#conts .link[target="_blank"]:after {background:url('/chusamuseum/img/common/ico_blank.png') no-repeat 50% bottom;}
/*#conts .icon-file {background: url('/common/img/guide/ico_file.png') no-repeat left 5px;}
#conts .icon-file:hover { color:#4a2a11; }*/
#conts .s-title {color:#4a2a11 !important;}
#conts .list-count em {color:#4a2a11;}


.button {border:1px solid #5f402b; color:#5f402b!important;}
.button:hover {border:1px solid #5f402b; background:#5f402b;}
.button.icon:after {background:url('/chusamuseum/img/common/split_button_icon.png') no-repeat 0 0;}
.button.small.icon:after {background:url('/chusamuseum/img/common/split_button_icon_small.png') no-repeat 0 0;}


/*
	Table
*/
.spot_list >li:last-child >a {color:#022e4e;}

#conts *.box-design {display:table; table-layout:fixed; min-height:150px; padding:.5rem; border-radius:0; width:100%; background:url('/chusamuseum/img/common/bak_guide_top.png') no-repeat 0 0; border-bottom:1px solid #ddd;}
#conts *.box-design .cell {display:table-cell; padding:3.5rem 5rem; vertical-align:middle; background:#fff; border-radius:0;}
#conts *.box-design .cell + .cell {border-radius:0;}
#conts *.box-design .cell,
#conts *.box-design .cell p,
#conts *.box-design .cell li {color:#333333; font-size:1.7rem; line-height:1.5; word-break:keep-all;}
#conts *.box-design .cell > p,
#conts *.box-design .cell > li{line-height:1.8;}
#conts *.box-design .thumb {padding:0; width:25rem; text-align:center; }
#conts *.box-design .thumb img {max-width:90%;}
#conts *.box-design .thumb + .cell {padding-left:0;}

@media all and (max-width:1024px) {
	#conts *.box-design .cell {padding:1.5rem 3rem;}
	#conts *.box-design .thumb {width:20rem; padding:0;}
}

@media all and (max-width:640px) {
	#conts *.box-design {display:block;}
	#conts *.box-design .cell {display:block; padding:1rem 1.5rem;}
	#conts *.box-design .thumb {width:auto; padding-bottom:0;}
	#conts *.box-design .thumb + .cell {padding-left:1.5rem;}
}

#conts *.box-design.history .s-title.years {color:#ed1c24 !important;}

#conts .list-u li:before {background:url('/chusamuseum/img/common/split_ul_dot.png') no-repeat 0 0;}
#conts .card .dep {background:#f4f3ea; color:#4a2a11;}


#conts .flow-list.ty2 .flow .item .tit {background:#1a4768;}
#conts .flow-list.ty2 .flow li:nth-child(even) .item .tit {background:#6d4424;}

.bod_head .bod_search input[type="submit"] {background:#4a2a11;}
.bod_head .bod_search {background:#f5f5f5;}