@charset "utf-8";

.contentBody {font-size:1.2rem;} 

/* p테그 공통 왼쪽 띄워주는 소스 */
.indent{margin-left:25px;}
/* 반응형 이미지 제어 */
.pc_Img{display:block;}
.mobile_Img{display:none;}
.conImg {text-align: center;}
.conImg img{max-width:100%;}
@media all and (max-width:1024px) {
	.mobile_Img{display:block !important;text-align:center;}
	.mobile_Img img {max-width:100%;}
	.pc_Img{display:none !important;}
}
/* 반응형 테블릿 이하 사이즈로 되었을때 스크롤 드래그 */
.mCont_scroll .tableauPlaceholder{width:100% !important;}
.img-zoom img , .talk-noImg img {max-width:100%;}
.blind {font-size:0px;}
@media all and (max-width:1700px) { 
	.mCont_scroll2 {overflow-x:scroll; padding-top:45px; background:url("/base/imgs/icon/mCont_scroll_ico.png") no-repeat 99% 0;}
}
@media all and (max-width: 1024px) {
.img-zoom {position:relative;width:100%; }
.img-zoom img {max-width:100%;}
.img-zoom .btn-zoom {position:absolute;bottom:5px;right:0;display:block;width:45px;height:45px;background:url("/base/imgs/icon/imgbig.png") no-repeat;z-index:100;}
.blind {font-size:0px;}
}
@media all and (max-width:1024px) {
	.headnote {text-align:left; margin:2px 0 3px 0;}
}
@media all and (max-width:1023px) { 
	.mCont_scroll {overflow-x:scroll; padding-top:45px; background:url("/base/imgs/icon/mCont_scroll_ico.gif") no-repeat right 0;}
	.mCont_scroll table{width:1023px;}
	.mCont_scroll .tableauPlaceholder{width:1023px !important;}
}
@media screen and (max-width: 840px) {
	.img-zoom img {max-width:100%}
}
.conH3 {position:relative; font-size:25px; background:url("/home/imgs/contents/h3_bg.png") no-repeat 0 17px; color:#000; padding-left:30px; letter-spacing:-1px; margin-bottom:10px; margin-top:60px; padding-top:10px;}
.conH4 {position:relative; font-size:22px; background:url("/home/imgs/contents/h4_bg.png") no-repeat 0 20px; color:#000; padding-left:30px; letter-spacing:-1px; margin-bottom:10px; margin-top:60px; padding-top:10px;}
.conH5 {position:relative; font-size:19px; background:url("/home/imgs/contents/h5_bg.png") no-repeat 0 0;  color:#000;  letter-spacing:-1px; margin-bottom:10px; margin-top:60px;}
.conH6 {position:relative; font-size:17px; color:#1e2c4a; padding-left:0px; margin-top:60px; padding-top:10px;}
.conH6:after {background:none;}
.conH6:before {position:absolute; content:""; top:0px; left:0; width:15px; height:8px; background:url("/home/imgs/contents/h6_bg.png") no-repeat;}
.conH3.top {margin-top:0 !important;}
.conH4.top {margin-top:0 !important;}
.conH3 span, .conH5 span {font-weight:normal; color:#555;}
.text_center {margin:0 auto; text-align:center !important;}
@media all and (max-width:480px) { 
	.conH3 {font-size:22px; background-position:0 13px; line-height:30px;}
	.conH4 {font-size:20px; background-position:0 15px; line-height:30px;}
}

/* 폰트컬러 */
.em_black {color:#000 !important;}
.em_orange {color:#e77114 !important;}
.em_green {color:#068b32 !important;}
.em_yellow {color:#fabe00 !important;}
.em_sky {color:#46a5b2 !important;}
.em_red {color:#e83436 !important;}
.em_b_red {color:#e83436 !important; font-weight:bold;}

/* 박스line */
.box {position:relative; border:1px solid #ddd;padding:50px;}
/* 박스gray */
.boxgray {position:relative; background:#fafafa;padding:50px;}
/* 박스Point */
.boxPoint {padding: 2rem;border: 5px solid #E6E6E6;height: auto;text-align: center;position: relative;}
.boxPoint:before {background:#e83436;position:absolute;top:-5px;left:0;width:2.5rem;height:5px;content:'';}
.boxPoint:after {background:#e83436;position:absolute;top:-5px;left:-5px;height:2.5rem;width:5px;content:'';}
/* 박스Pink */
.boxPink {position:relative; border:5px solid #fdadae; padding:50px;}
/* 박스Blue */
.boxBlue {position:relative; border:5px solid #7eb7bf; padding:50px;}

/* 인사말 */
.greet {width:100%; position:relative; display:inline-block;}
.greet::before {position:absolute; content:""; display:block; top:185px; width:100%; right:0; z-index:-10; height:calc(100% - 193px); margin-left:-50vw; background:rgb(247,247,247);}
.greet .left {float:left; width:49%;}
	.greet .left img {width:100%;}
.greet .right {position:relative; width:51%; float:left;}
.greet .right .title {display:inline-block; position:relative; font-size:38px; padding:40px 0 100px 50px; font-family:'SCDream'; font-weight:600; line-height:45px;}
.greet .right .title::before {position:absolute; content:""; display:inline-block; top:0; left:50px; width:43px; height:32px; background:url("../imgs/contents/greet_cc_02.png") no-repeat;}
.greet .right .title::after {position:absolute; content:""; transform:rotate(180deg); display:inline-block; bottom:60px; right:0px; width:43px; height:32px; background:url("../imgs/contents/greet_cc_02.png") no-repeat;}
.greet .right p {position:relative; padding-left:50px; padding-right:80px;}
@media all and (max-width:1500px) {
	.greet::before {height:90%;}
}
@media all and (max-width:1024px) {
	.greet .left {width:100%;}	
	.greet .right {width:100%;}
	.greet .right p {padding-right:50px;}
	.greet .right .title {margin-top:50px;}
}
@media all and (max-width:600px) {
	.greet .right .title {font-size:28px;}
}
@media all and (max-width:440px) {
	.greet .right .title {font-size:25px; padding: 40px 30px 80px;}
	.greet .right .title::before {left: 30px;}
	.greet .right .title::after {bottom: 40px; right: 30px;}
	.greet .right p {padding: 0 30px;}
}
/* conList */
.conList {position:relative; line-height:22px;margin-top:10px;}
.conList li {position:relative; padding:0 0 7px 30px;color:#555;line-height:1.7;}
.conList li:after {position:absolute; left:14px; top:12px; content:"";}
.conList ul {position:relative;padding:5px 0 0 0;}
.conList li li {position:relative;padding:0 0 5px 13px;font-size:1rem;color:#666;background:none;}
.conList li li:after {position:absolute;display:block;left:3px;top:13px;content:"";width:6px;height:2px;background:#928e8e;}
.conList li li li {padding:0 0 2px 12px;color:#777; font-size:0.95em;}
.conList li li li:after {position:absolute; left:2px; top:10px; content:"";width:5px;height:5px;background:#c1c1c1;border-radius:50%;}

/* 문화관소개 */
.cc_intro {width:100%; position:relative;  display:block;}
.cc_intro .left {width:48.8%; margin-right:2.2%; float:left;}
.cc_intro .left img {width:100%;}
.cc_intro .left dl {position:relative; margin-top:30px; padding-left:25px; padding-right:25px;}
.cc_intro .left dl::before {position:absolute; top:0; left:0; content:""; width:2px; height:100%; min-height:100px; background:#e83436;}
.cc_intro .left dt {font-size:22px; line-height:27px; font-weight:bold;}
.cc_intro .left dd {margin-top:10px; line-height:27px;}
.cc_intro .right {width:48.8%; float:left; display:inline-block;}
.cc_intro .right img {width:100%;}
.cc_intro .right dl {position:relative; margin-top:30px; padding-left:25px; padding-right:25px;}
.cc_intro .right dl::before {position:absolute; top:0; left:0; content:""; width:2px; height:100%;  min-height:100px;background:#e83436;}
.cc_intro .right dt {font-size:22px; line-height:27px; font-weight:bold;}
.cc_intro .right dd {text-align:left;line-height:27px; margin-top:10px;}
@media all and (max-width:1024px) {
	.cc_intro .left, .cc_intro .right {width:100%; margin-right:0;}
	.cc_intro .right {margin-top:50px;}
}
/* 연혁 */
.history {position:relative;}
.history .box {padding: 0;padding-left: 50%; border:0;}
.history .box .frame {position:relative; padding:2px 0 0 0; padding-left:95px;}
.history .box .frame:before {content:""; position:absolute; top:0; left:-1px; display:block; width:2px; height:100%; background-color:#7eb6be;}
.history .box .frame .stick {position:absolute;left:-12px; top:0;}
.history .box .frame .stick .circle {position:relative; width:24px; height:24px; border-radius:50%; background-color:#cbe1e4;}
.history .box .frame .stick .circle:before {content: ""; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px;
    z-index:1; width:12px; height:12px; border-radius:50%; background-color:#7eb6be;}
.history .box .frame .stick .circle:after {content:""; position:absolute; left:24px; top:50%; margin-top:-0.5px;
    z-index:0; display:block; width:71px; height:1px; background-color:#d1d1d1;}
.history .box .frame .year {margin-bottom:10px; font-family:'NanumSquareRound'; font-size:24px; color:#333; line-height:1;
    font-weight:700;}
.history .box .frame .sentence {display:inline-block; color:#888888; line-height:1.4; font-weight:400;}
.history .box .frame .sentence .month {float:left; margin-right:8px; font-weight:600;}
.history .box .frame .sentence .text {display:block; overflow:hidden;}
.history .box .frame .image {margin-top:10px;}
.history .box .frame .image img {max-width: 100%;}
.history .box.evenn {padding:0; padding-right:50%; text-align:right;}
.history .box.evenn .frame {padding:2px 0 0 0; padding-right:95px;}
.history .box.evenn .frame:before {right: -1px; left: inherit;}
.history .box.evenn .frame .stick {left:inherit; right:-12px;}
.history .box.evenn .frame .stick .circle:after {left:inherit; right:24px;}
@media all and (max-width:1080px) {
	.history .box .frame {padding-left:65px;}
	.history .box.evenn .frame {padding-right:65px;}
	.history .box .frame .stick .circle:after {width:41px;}
}
@media all and (max-width:767px) {
	.history .box .frame .year {font-size: 15px;}
	.history .box .frame .sentence {font-size:14px;}
}
@media all and (max-width:520px) {
	.history {padding-left: 20px;}
	.history:before {content:""; position:absolute; top:0; left:19px; display:block; width:2px; height:100%; background-color:#7eb6be;}
	.history .box {padding:0;}
	.history .box .frame {padding:6px 0 0 40px;}
	.history .box .frame .stick .circle:after {width:20px;}
	.history .box+.box {margin-top:50px;}
	.history .box.evenn {padding:0; text-align:left;}
	.history .box.evenn .frame {padding:6px 0 0 40px;}
	.history .box.evenn .frame:before {right:inherit; left:-1px;}
	.history .box.evenn .frame .stick {right:inherit; left:-12px;}
	.history .box.evenn .frame .stick .circle:after {right:inherit; left:24px;}
}

/* 2026 조직도 */
.organ2 {position:relative; margin:0 auto;}
.organ2:before{content: '';display:block;position:absolute;left:50%;top:0;z-index:-1;width:1px;height: calc(100% - 447px);background:#ddd;}
.organ2 .cell {position:relative;}
.organ2 .org1{text-align:center; width:242px; height:98px; margin: 0 auto; background:url("../imgs/contents/organ_top.png") no-repeat;}
.organ2 .org1 span {font-size:17px; padding-top:29px; display: block; color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5);font-weight:600;}
.organ2 .org1_2{margin-top:60px;height:65px;background:#0277bd;}
.organ2 .org1_2 span{padding-top:18px;}
.organ2 .org2{text-align:center;margin:60px auto 0;}
.organ2 .org2:before{content:'';display:block;position:absolute;top:50%;left:25%;z-index:-1;width:50%;height:1px;background:#ddd;}
.organ2 .org2 li{float:left;width:50%;}
.organ2 .org2 div{width:254px;margin:0 auto;}
.organ2 .org2 div span{height:65px;background:#47adbb; padding:0 10px;font-size:17px;line-height:65px;text-shadow:1px 1px 1px rgba(0,0,0,0.5);display:block;color:#fff;font-weight:600;}
.organ2 .org3 .org31:after, .organ2 .org3 .org32:after, .organ2 .org3 .org33:after{content:'';display:block;position:absolute;left: 50%;top:-40px;width:1px;height:197px;background:#ddd;z-index:-1;}
.organ2 .org3 .org34:after, .organ2 .org3 .org35:after{content:'';display:block;position:absolute;left: 50%;top:-40px;width:1px;height:190px;background:#ddd;z-index:-1;}
.organ2 .org3 .org31:before{content:'';display:block;position:absolute;top:-61%;left:50%;z-index:-1;width:520%;height:1px;background:#ddd;} 
.organ2 .org3{text-align:center;margin:80px auto 0;}
.organ2 .org3 li{float:left;width: calc(99%/6 - 10px);position: relative;} 
.organ2 .org3 li:nth-child(1), .organ2 .org3 li:nth-child(2), .organ2 .org3 li:nth-child(3){width:23%;}
.organ2 .org3 li:nth-child(4), .organ2 .org3 li:nth-child(5), .organ2 .org3 li:nth-child(6){width:8%;}
.organ2 .org3 div{width:250px;margin:0 auto; position: relative; }
.organ2 .org3 div span{background:#faa106;padding:18px 12px;font-size:17px;text-shadow:1px 1px 1px rgba(0,0,0,0.5);display:block;color:#fff;font-weight:600;}
.organ2 .org3 .org31_1{position:absolute;top:80px; left:0}
.organ2 .org3 .org31_1 span{background:#898989;  width:120px}
.organ2 .org3 .org31_1:before{content:'';display:block;position:absolute;top:34px;left: 23px;z-index:-1; width:64%; height:1px;background:#ddd;}
.organ2 .org3 .org34 span, .organ2 .org3 .org35 span{margin:0 auto; width:60px; background:#c25bbf; height:350px;}
.organ2 .org3 .org35 span{background:#5b5ec2;}
.organ2 .org4{text-align:center; padding-top:80px;margin:40px auto 0; }
.organ2 .org4_1{text-align:center; padding-top:20px;margin:15px 52px 0 53px;}
.organ2 .org4:before{content:'';display: block;position: absolute;left: 11.3%;top:50px;width:69%;height:1px;background:#ddd;} 
.organ2 .org4 li, .organ2 .org4 li:nth-child(4){width:23%}
.organ2 .org4 div{position:relative;text-align:center;width:auto;margin:0 8px; }
.organ2 .org4 div:before{content:'';display:block;position:absolute;left: 48.5%;top:-30px;width:1px;height:30px;background:#ddd;}
.organ2 .org4 div span{background:#fff; height:180px; border:2px solid #898989; font-size:16px; word-break:break-all;text-shadow:none;color:#555;font-weight:600; }


@media all and (max-width:1440px){
	.organ2 .org3 .org31_1:before{width: 55%;}
}

@media all and (max-width:1024px){
	.organ2 {}
	.organ2:before{height:98%; }
	.organ2 .org2:before,  
	.organ2 .org3 .org31:before,
	.organ2 .org3 .org33:after,.organ2 .org3 .org31_1 span:before,
	.organ2 .org4:before, .organ2 .org4 div:before{display:none;} 
    .organ2 .org3 li:nth-child(1), .organ2 .org3 li:nth-child(2), .organ2 .org3 li:nth-child(3),
	.organ2 .org3>li:nth-child(4), .organ2 .org3>li:nth-child(5), .organ2 .org3>li:nth-child(6){width:100%; margin-bottom:20px}
	.organ2 .org3 .org31_1 span{width:auto}
	.organ2 .org1_2{width:100%;} 
	.organ2 .org2 li{float:none;width:100%;margin:20px 0 0;}
	.organ2 .org2 div{width:100%;}
	.organ2 .org2_2 li{float:none;width:100%;margin:30px 0 0;}
	.organ2 .org2_2 div{width:100%;}
	.organ2 .org2 li.org2_3{position:relative;top:auto;}
	.organ2 .org3{margin:30px 0 20px 0;}
	.organ2 .org3 li, .organ2 .org3 div{width:100%;margin:0;}
	.organ2 .org3 .org31_1, .organ2 .org3 .org32_1{position:relative;top:auto;width:100%;margin-top:20px;padding:0;}
	.organ2 .org4{padding-top:0;margin:30px 0 50px;}
	.organ2 .org4>li, .organ2 .org4 li:nth-child(4)	{float:none;width:100%;margin-top:10px}
	.organ2 .org4 div span, .organ2 .org4_1 div span {height:auto}
	.organ2 .org4 div span br, .organ2 .org4_1 div span br{display:none} 
	.organ2 .org3 .org34 span, .organ2 .org3 .org35 span{width:auto;height:auto}	
	.organ2 .org3 .org34 span br, .organ2 .org3 .org35 span br{display:none}
	.organ2 .org3:before{display:none;}
	.organ2 .org3 .org34:after, .organ2 .org3 .org35:after{display:none}
}


/* 문화관 시설안내 */
.intro_cc ul {position:relative; width:100%; display:block; text-align:center;}
.intro_cc ul:after {content: ''; display: block; clear: both;}
.intro_cc ul li {position:relative; width:calc((100% - 10px)/3); margin-right:5px; float:left; text-align:center;}
.intro_cc ul li:last-child {margin-right:0;}
.intro_cc ul li img {width:100%;}

@media all and (max-width:800px) {
	.intro_cc ul li {width:50%; float: none; display: inline-block;}
}
@media all and (max-width:640px) {
	.intro_cc ul li {width:100%;}
}
/* 12문인 */
.literary{border-bottom:2px dotted #ddd;display: table;table-layout: fixed;width: 100%;border-top: 0px solid #ddd;}
.literary:last-child {border-bottom:2px solid #ddd;}
.literary:first-child {border-top:0;}
.literary:after{clear:both; width:100%; height:0; content:''; display:block;}
.literary .list_item{display: inline-table;width:49.5%; padding:90px 50px 90px 50px;box-sizing:border-box;position: relative;min-height: 240px;vertical-align: top;}
.literary .thumbnail{padding-right:20px;}
.literary .thumbnail img{width:184px; height:241px; border:1px solid #555; display:inline-block;}

.literary .thumbnail,
.literary .literary_info {display:table-cell; float:left;}
.literary .literary_info .name {display:block; font-weight:bold; padding-bottom:3px; border-bottom:1px solid #555; font-size:25px;}
.literary .literary_info .name span {float:right; vertical-align:bottom; }
.literary .literary_info .name span a {vertical-align:middle;}
.literary .literary_info {width: calc(100% - 240px); margin-left:30px;}
.literary .literary_info ul {margin-top:20px;}
.literary .literary_info li {position: relative; padding-left:15px; min-height:30px; font-size:16px;}
.literary .literary_info li strong{display:inline-block;font-weight:500;}
.literary .literary_info li:before {position:absolute; content:""; top:12px; left:0; background:#e83436; width:5px; height:5px; border-radius:50px;}
@media only screen and (max-width: 1200px) {
	.literary .list_item {width:100% !important;}
	.literary .list_item:first-child {border-bottom:2px dotted #ddd;}
}
@media only screen and (max-width: 600px) {
	.literary .thumbnail {text-align:center; width:100%;}
	.literary .thumbnail, .literary .literary_info {display:block;}
	.literary .literary_info {width:100%; margin:0; display:block; clear:left !important;}
}
@media only screen and (max-width: 430px) {
	.literary .list_item {padding: 60px 30px;}
}
/* contTable_b tbody만 있는 경우 */
.contTable_b {border-collapse:collapse; width:100%; border-top:2px solid #434343;border-bottom:1px solid #ccc; color:#555; word-break:break-all;}
.contTable_b tbody th {height:42px;background:#f8f8f8; padding:6px 4px 6px 10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#222;}
.contTable_b tbody td {height:42px;padding:5px 10px 6px 10px; border:1px solid #e4e7ec;border-top:none; text-align:left; height:30px;}
.line_top{border-top:2px solid #686e70 !important; }
.contTable_b tbody td.td_c{text-align:center;}
.contTable_b tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b .first{border-left:0;}
.contTable_b .last{border-right:0;}
.contTable_b .conList {padding:0;}
/*.contTable_b .conList li {margin-left:-20px;}*/

.board_gallery .g_type .g_con img {height:350px; width:auto; display:table; text-align:center; margin:0 auto;}
.board_gallery .g_type .g_con a {padding:20px 0 10px 0;}
.board_gallery .g_type .g_text a {font-size:1.2rem;}
.board_gallery .date {font-size:15px;}
@media all and (max-width:857px) {
	.board_gallery .g_type .g_con a {padding:0;}
}
@media all and (max-width:768px) {
	.board_gallery .g_type .g_con a {padding:20px 0 10px 0;}
}

/** board_gallery 가로타입 */
.board_gallery1 {border-collapse:collapse; width:100%; border-top:2px solid #444547; border-bottom:0px;}
.board_gallery1 td {padding:10px 0; color:#464646;}

.board_gallery1 .comment {font-size:11px; color:#D14900;}
.board_gallery1 a {color:#464646;}
.board_gallery1 a:hover {color:#03559a; text-decoration:underline;}

.board_gallery1 .g_type {width:50%; position: relative; float: left; padding:35px 2%; display:inline-block; border-bottom: 1px solid #ddd; box-sizing:border-box;}
.board_gallery1 .g_type:nth-child(3n+1) {margin-left:0;}
.board_gallery1 div{background:#f2f2f2;}
.board_gallery1 div:nth-child(4n), .board_gallery1 div:nth-child(4n+1) {background:#fff;}
.board_gallery1 .g_type .g_con {height:auto;  float: left; overflow:hidden; width: 46%; background:none;}
.board_gallery1 .g_type .g_con a {display:block;height:350px;}
.board_gallery1 .g_type .g_con img {width:100%;min-height:100%; max-height:350px; border-radius:15px;}
.board_gallery1 .g_type .g_text {position:relative; overflow:hidden; padding: 1% 4% 0 4%; float: left; min-height:190px; width: 46%; background:none;}
.board_gallery1 .g_type .g_text img {display:inline-block;}
.board_gallery1 .g_type .g_text a {font-size:20px; vertical-align: top;}
.board_gallery1 .g_type .g_text a span.g_text_list{font-size:16px; margin-top:10px; display:inline-block;}
.board_gallery1 .g_type .g_text .title a {font-weight:bold; line-height:35px; margin-bottom:30px; display:block; font-size:25px; color:#e83436; font-family:'SCDream';}
.board_gallery1 .g_type .g_text span {font-weight:bold;}
.board_gallery1 .g_type .g_text .conList li {padding-left:15px;}
.board_gallery1 .g_type .g_text .conList li::after {left:0px;}
.board_gallery1 .nodata{ text-align:center; padding:0px 0; border-bottom:1px solid #d5d5d5;}


.board_gallery1 .g_type .g_text span.date {position:absolute; bottom:5px; color:#666; display: block;}
.board_gallery1 .g_type .g_text span.mmore {position:absolute; bottom:0; right:0; padding:4px 30px 4px 10px; background:url("/base/imgs/board/movie_more.png") no-repeat 90% center; border:2px solid #0c2d4f; color:#0c2d4f; display: block;}
.board_gallery1 .g_type .g_text span.mmore a{font-size:14px;}
@media all and (max-width:1400px) {
	.board_gallery1 .g_type .g_text {min-height:180px;} 
	.board_gallery1 .g_type .g_text a span.g_text_list{margin-top:2px;}
}
@media all and (max-width:1024px) {
	.board_gallery1 .g_type .g_text a {font-size:18px;}
	.board_gallery1 .g_type{width:100%; padding:20px 0;}
	.board_gallery1 div:nth-child(3n+1) {background:#f2f2f2}
	.board_gallery1 div:nth-child(2n+1) {background:#fff;}
}
@media all and (max-width:768px) {
	.board_gallery1 .g_type .g_con {width: 44%; margin-left:2%;}
	.board_gallery1 .g_type .g_text a {font-size:17px;}
	.board_gallery1 .g_type .g_text a span.g_text_list{font-size:15px; margin-top:10px;}
	.board_gallery1 .g_type .g_text span.mmore {right:15px;}
}
@media all and (max-width:680px) {
	.board_gallery1 .g_type .g_text {min-height:140px;}
	.board_gallery1 .g_type .g_con img {height:180px;}
}
@media all and (max-width:480px) {
	.board_gallery1 .g_type .g_con {width:92%; margin:0 4%;}
	.board_gallery1 .g_type .g_text {padding: 1% 4% 0 4%; float: left; min-height:100%; width:92%; background:none;}
	.board_gallery1 .g_type .g_text span.date{position:relative; margin-top:10px;}
	.board_gallery1 .g_type .g_text span.mmore{display:none;}
	.board_gallery1 .g_type .g_con img {height:200px;}
}
/* 사이트맵 */
.sitemap2 {position:relative;padding:0;overflow:hidden;}
.sitemap2 ul {margin:0 0 0 -3%;}
.sitemap2 ul li {float:left;padding:0 0 0 3%;width:30.3%;}
.sitemap2 ul li li{float:none;padding:0;width:100%;}
.sitemap2 ul li a{position:relative;display:block;} 
.sitemap2 ul li li a{text-align:left;padding:10px 8px;border-bottom:1px solid #eaeaea;}
.sitemap2 ul li li a[target="_blank"] {background: url('/base/imgs/cmmn/subMn_blank.png') no-repeat 90% 50%;}
.sitemap2 ul li li a:hover{text-decoration:underline;}
.sitemap2 ul ul{margin:0 0 20px 0;width:100%;}
.sitemap2 ul ul ul{background:#f7f7f7;padding:8px 0;margin:0;border-bottom:1px solid #eaeaea; width:auto;}
.sitemap2 ul ul ul ul{background:#f7f7f7;padding:10px 5%;width:90%;margin:0;border-bottom:none;}
.sitemap2 ul ul ul ul li{background:#fff;}
.sitemap2 ul li li li li:first-child a{padding:12px 10px 6px 14px;} 
.sitemap2 ul li li li li:last-child a{padding:6px 10px 12px 14px;} 
.sitemap2 ul li li li a{border:none;padding:7px 10px 7px 20px;line-height:15px;color:#666;font-size:0.9em;} 
.sitemap2 ul li li li a:after{position:absolute;left:11px;top:14px;content:"";width:4px;height:1px;background:#9e9e9e;}
.sitemap2 .map_1depth{background:#3376b8;color:#fff;padding:8px 0 12px 0;text-align:center;border-radius:8px; font-weight:600;}
.sitemap2 .ico_blank{position:absolute;top:40%;right:10px;display:block;width:13px;height:15px;}
@media screen and (max-width:768px){
	.sitemap2 ul{margin:0;}
	.sitemap2 ul li{float:none; padding:0;width:100%;}
	.sitemap2 .map_1depth{padding:10px 0 10px 0;}
	.sitemap2 ul li li a{padding:10px 5%;}
	.sitemap2 ul li li li a{padding:5px 10px 5px 7%;line-height:15px;} 
	.sitemap2 ul ul ul ul{padding:5px 5%;}
}
/* 오시는길 */
.root_daum_roughmap{width:100% !important}
.root_daum_roughmap .map {height:460px;}
.root_daum_roughmap .map div {}
.os_mac.root_daum_roughmap, .os_mac.root_daum_roughmap button, 
.os_mac.root_daum_roughmap input, .os_mac.root_daum_roughmap select, .os_mac.root_daum_roughmap td, 
.os_mac.root_daum_roughmap textarea, .os_mac.root_daum_roughmap th {width:100%;}
.map {position:relative; margin-top:-30px; background:#1e2c4a; padding:30px 30px 30px 30px; }
.map .maplist li {position:relative; color:#fff; padding-left:10px;}
.map .maplist li:before {position:absolute; display:inline-block; top:13px; left:0; content:""; width:2px; height:2px; background:#fff;}
.map .map_load {position:absolute; top:0; right:0; width:150px; height:100%; background-color:#e83436;}
.map .map_load a {color:#fff; font-weight:bold; font-size:20px; display:block; padding:65px 50px 60px 50px;}
@media all and (max-width: 799px) {
	.map .map_load {position:relative; margin-top:20px; width:100%;}
	.map .map_load a {padding:10px; text-align:center;}
}
/* 북카페예약 바로가기 */
.link_box {height:453px;padding:0 80px 0; background:#202020;position:relative;}
.link_box:before {width:800px;height:453px;background:url("../imgs/contents/book_bg.png")no-repeat;position:absolute;top:0px;right:0;content:'';}
.link_box .txt {width: calc(100% - 800px);}
.link_box .ttl {font-family:'SCDream'; font-size:30px; font-weight:500; padding-top:80px; margin-bottom:20px; color:#fff;}
.link_box .ttl span {color:#e83436;}
.link_box .ttl:before {display:block; width:20px; height:1px; margin-bottom:15px; background:#fff; content:'';}
.link_box p {color:#aaa; padding-top:20px;}
.link_box .bt {margin-top:48px; border-color:#fff; color:#fff; background:transparent;}
.link_box .bt:hover {color:#202020; background:#fff;}
@media (max-width: 1360px) {
	.link_box .txt {width: 100%;}
	.link_box .ttl {padding-top:0;}
	.link_box {overflow:hidden; max-width:100%; padding-bottom:40px; height:auto;}
    .link_box:before {width:calc(100% + 124px); margin-left:-62px; margin-top:20px; margin-bottom:40px; display:block; position:static; background-size:cover;}    
}
@media (max-width: 640px) {
	.link_box {padding:0 50px 0;}
	.btn_area {padding:30px 0 70px 0 !important;}
	.link_box p {padding-top:0;}
}
@media (max-width: 500px) {
	.link_box {padding:0 30px 0;}
	.link_box:before {margin-top:0px; background-size:contain; height:343px;}
}
@media (max-width: 425px) {
	.link_box:before {background-size:contain; height: 243px;}
}
@media (max-width: 430px) {
	.searchBox .fr input.inplinekr {width:150px !important;}
}
/* button */
.btn_area{padding:30px 0; }
.btn_area.right{text-align:right;}
.btn_area.left{text-align:left;}
.btn_area.center{text-align:center;}
.button{display:inline-block; overflow:hidden; position:relative; min-width:90px; height:33px; line-height:31px; box-sizing:border-box; padding:0 15px 35px 15px; margin:2px 0px; background:#41464e; border:1px solid #25282d; color:#fff !important; vertical-align:top; transition:all 0.4s ease-out 0.1s;}
.button span{display:inline-block; position:relative; z-index:2; padding: 0 20px 0 10px;}
.button.red{background:#e83436; border:0px solid #e83436;}
.button.blue{background:#2377d0; border:1px solid #1760ad;}
.button.black{background:#2d2b2b; border:1px solid #1f1f1f;}
.button.gray{background:#92999e; border:1px solid #92999e;}
.button.white{background:#fff; border:1px solid #cdcdcd; color:#444 !important;}
.button.mint{background:#007f8f; border:1px solid #00717f; }
.button.lg{min-width:150px; height:40px; line-height:38px; font-size:16px; letter-spacing:-1px;}
.button.sm{min-width:60px; height:23px; line-height:21px; padding:0 10px; font-size:12px;}
.btn_area .button{height:45px; line-height:43px; padding-right:50px;}
/* button hover */
.button:before{content:''; display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; width:120%; height:110%; background:#fff; transform:translateX(-120%) skew(-15deg); transition:transform 0.7s cubic-bezier(0, 0, 0.21, 0.87) 0s;}
.button:hover:before,
.button:focus:before{background:#fff; transform:translateX(-10%) skew(-15deg) perspective(500px); color:#222 !important;}
.button:hover,
.button:focus{color:#222 !important; box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
/* arrow아이콘 */
.button span.arrow:after {text-align:left; content:''; display:block; position:absolute; top:16px;  right:-30px; background:url('/home/imgs/contents/btnAr_ico3.png') no-repeat 0 -12px; width:6px; height:12px;}
.button:hover span.arrow:after,
.button span.arrow:focus{background-position:0 0;}
/* down아이콘 */
.button span.down:after {text-align:left; content:''; display:block; position:absolute; top:14px;  right:-30px; background:url('/home/imgs/contents/btnDown_ico3.png') no-repeat 0 -14px; width:13px; height:14px;}
.button:hover span.down:after,
.button span.down:focus{background-position:0 0;}
/* list아이콘 */
.button span.list:after {text-align:left; content:''; display:block; position:absolute; top:14px;  right:-30px; background:url('/home/imgs/contents/btnList_ico.png') no-repeat 0 -13px; width:13px; height:13px;}
.button:hover span.list:after,
.button span.list:focus{background-position:0 0;}
/* blank아이콘 */
.button span.blank:after {text-align:left; content:''; display:block; position:absolute; top:14px;  right:-30px; background:url('/home/imgs/contents/btnBlnk_ico.png') no-repeat 0 -16px; width:16px; height:16px;}
.button:hover span.blank:after,
.button span.blank:focus{background-position:0 0;}
/* 관람예절 */
.manners {padding:30px 50px 50px 50px;}
.manners ul {overflow:hidden;}
.manners ul li:first-child {border-top:1px dotted #ddd !important;}
.manners ul li {padding:20px;  display:table; width: calc(100% - 40px); font-size:15px; border-bottom:1px dotted #ddd;}
.manners ul li > span {font-family:"SCDream"; display:table-cell; vertical-align:middle; width:2rem; height:2.3rem; margin-right:1.8rem;
    text-align:center; color:#fff; font-weight:600;}
.manners ul li > span.num1 {background:url("../imgs/contents/li_bg01.png") no-repeat center; width:40px; height:46px; line-height:46px; background-position:center; background-size:contain;}
.manners ul li > span.num2 {background:url("../imgs/contents/li_bg02.png") no-repeat center; width:40px; height:46px; line-height:46px; background-position:center; background-size:contain;}
.manners ul li .text {width: calc(100% - 70px); font-weight:500; font-size:20px;color:#333; display:table-cell; padding-left:30px; line-height:2rem; vertical-align:middle;}
@media (max-width: 740px) {
	.manners {padding: 30px 0;}
}
@media (max-width: 500px) {
	.mannersBox {padding: 30px;}
	.manners {padding: 20px 0;}
	.manners ul li {padding: 30px 0; width: 100%;}
	.manners ul li > span {display: block; margin: 0 auto 20px;}
	.manners ul li .text {font-size: 18px;display: block; padding: 0; width: 100%;}
}
/* 예정된행사 */
.g_text .conList {margin-left:10px;}

/* 대관절차 */
.info_per{ width:100%; }
.info_per li {position:relative; float:left; width:calc((100% - 295px)/5); height:200px; margin-right:65px; border:15px solid #a2a2a4; font-size:18px; color:#000; font-family: 'SCDream'; font-weight:600; text-align:center; box-sizing:border-box; line-height:30px; padding:70px 30px;}
.info_per li:last-child {margin-right:0;}
.info_per li::after{position:absolute; display:block; content:' '; top:75px; right:-55px; width: 25px; height: 25px; transform: rotate(45deg);}
.info_per li:nth-child(1)::after {border-top: 3px solid #e83436; border-right: 3px solid #e83436;}
.info_per li:nth-child(2)::after {border-top: 3px solid #a2a2a4; border-right: 3px solid #a2a2a4;}
.info_per li:nth-child(3)::after {border-top: 3px solid #3fb7c8; border-right: 3px solid #3fb7c8;}
.info_per li:nth-child(4)::after {border-top: 3px solid #a2a2a4; border-right: 3px solid #a2a2a4;}
.info_per li span {position:absolute; display:block; content:' '; top:10px; left:13px; color:#fff; font-size:30px;}
.info_per li p {font-weight:300;}
.info_per li.l_red {border:15px solid #e83436;}
.info_per li.l_blue {border:15px solid #3fb7c8;}
@media all and (max-width:1400px) {
	.info_per li {padding:50px 10px;}
}
@media all and (max-width:1200px) {
	.info_per li {width:calc((100% - 80px)/2); margin:0 40px 20px 0;} 
	.info_per li::after {right:-40px;}
}
@media all and (max-width:960px) {
	.info_per li {width:100%; height:160px; margin:0 0 75px 0; padding:45px 10px;}
	.info_per li br {display:none;}
	.info_per li::after {top:155px; right:47%; transform: rotate(135deg);}
}
@media all and (max-width:760px) {
	.imgbox li {width:100%; margin-right:0;}
}
@media all and (max-width:640px) {
	.info_per li:nth-child(1)::before {border-bottom:45px solid transparent;  border-left:45px solid #e83436;}
	.info_per li:nth-child(2)::before, .info_per li:nth-child(4)::before {border-bottom:45px solid transparent;  border-left:45px solid #a2a2a4;}
	.info_per li:nth-child(3)::before {border-bottom: 45px solid transparent;  border-left: 45px solid #3fb7c8;}
	.info_per li span {top:0; left:0; font-size:23px;}
}
@media all and (max-width:440px) {
	.info_per li {font-size:18px; line-height:26px; margin:0 0 45px 0; border:8px solid #a2a2a4; padding:50px 10px;}
	.info_per li.l_red {border:8px solid #e83436;}
	.info_per li.l_blue {border:8px solid #3fb7c8;}
	.info_per li:nth-child(1)::after, .info_per li:nth-child(2)::after, .info_per li:nth-child(3)::after { width:15px; height:15px;}
	.info_per li:nth-child(2n) {margin:0 0 45px 0;}
}
@media all and (max-width:320px) {
	.info_per li, .info_per li:nth-child(2n) {margin:0 0 14% 0;}
}