@charset "utf-8";

#container { overflow:hidden; margin-top:30px; }
#leftmenu { float:left; width:240px; }
#leftmenu p.tit { padding-top:55px; height:103px; color:#ffffff; background:#386dc1 url('/open_content/publicity/images/inc/sub_title_bg.jpg') no-repeat right bottom; font-size:30px; text-align:center; }
#leftmenu ul { margin-bottom:20px; }
#leftmenu ul li { border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:15px; }
#leftmenu ul li a { display:block; padding:15px 20px; color:#333333; }
#leftmenu ul li a:hover { color:#386dc1; background:url('/open_content/publicity/images/inc/lmenu_hover.jpg') no-repeat right 20px center; font-weight:500; }
#leftmenu ul li.select a { color:#386dc1; background:url('/open_content/publicity/images/inc/lmenu_hover.jpg') no-repeat right 20px center; border-right:3px solid #386dc1; font-weight:500; }
#contents { float:right; width:911px; }
#contents .sub_title { position:relative; padding-top:48px; height:109px; border-bottom:1px solid #dddddd; }
#contents .sub_title ol.location { overflow:hidden; }
#contents .sub_title ol.location li { float:left; margin-left:15px; padding-left:15px; background:url('/open_content/publicity/images/inc/location_arrow.jpg') no-repeat left center; color:#666666; line-height:15px; }
#contents .sub_title ol.location li:first-child { margin:0; padding:0; width:13px; height:13px; background:url('/open_content/publicity/images/inc/ic_home.jpg') no-repeat left center; text-indent:-9999px; }
#contents .sub_title ol.location li:last-child { color:#333333; text-decoration:underline; }
#contents .sub_title h3 { display:inline-block; margin-top:8px; margin-bottom:-1px; padding-bottom:35px; color:#333333; font-size:34px; font-weight:400; border-bottom:1px solid #000000; }
#contents .sub_title .sns { position:absolute; z-index:1; top:81px; right:0; }
#contents .sub_title .sns li { float:left; margin-left:5px; }
#contents .sub_title .sns li a { display:block; width:30px; height:30px; text-indent:-9999px; }
#contents .sub_title .sns .sns01 { background:url('/open_content/publicity/images/inc/ic_facebook.jpg') no-repeat; }
#contents .sub_title .sns .sns02 { background:url('/open_content/publicity/images/inc/ic_twitter.jpg') no-repeat; }
#contents .sub_title .sns .sns03 { background:url('/open_content/publicity/images/inc/ic_bookmark.jpg') no-repeat; }
#contents .sub_title .sns .sns04 { background:url('/open_content/publicity/images/inc/ic_blog.jpg') no-repeat; background-size:100%; }
#contents .sub_title .sns .print { background:url('/open_content/publicity/images/inc/ic_print.jpg') no-repeat; }

/*****  버튼 *****/
#detail_con .conbtnBox { text-align:center; margin-top:30px; }
#detail_con .conbtn { display:inline-block; margin:1px 0px; padding:10px 30px; background:#757575; border-radius:3px; color:#fff; font-size:16px; font-weight:bold; border:0px; transition:all .2s ease; }
#detail_con .consbtn { display:inline-block; padding:5px 15px; background:#757575; border-radius:50px; color:#fff; font-size:14px; border:0px; transition:all .5s ease; line-height:100%; }
#detail_con .btn_link { padding-left:45px; background:url(/open_content/main/images/sub/ic_link.gif) no-repeat 25px center; }
#detail_con .btn_down { padding-left:45px; background:url(/open_content/main/images/sub/ic_down.gif) no-repeat 25px center; }
#detail_con .btn_map {  padding-left:45px; background:url(/open_content/main/images/sub/ic_map.png) no-repeat 25px center; }
#detail_con .bg1 { background-color:#0d6aca; }
#detail_con .bg2 { background-color:#4a5a67; }
#detail_con .bg3 { background-color:#ce405e; }
#detail_con .bg4 { background-color:#67419b; }
#detail_con .bg5 { background-color:#148899; }
#detail_con .conbtn:hover { background-color:#333; }

/* sns */
.sns_page { margin-top:45px; }
.sns_page .tit { text-align:center; }
.sns_page .tit .top { margin:0 auto; width:329px; height:66px; background:url('/open_content/publicity/images/sub/sns_tit.jpg') no-repeat; }
.sns_page .tit .sub { margin-top:15px; color:#555555; font-size:15px; letter-spacing:0.5px; }
.sns_box { overflow:hidden; margin-top:40px; }
.sns_box>div { position:relative; float:left; width:49.5%; transition:.3s; }
.sns_box>div:nth-child(even) { float:right; width:49.5%; }
.sns_box>div:before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; transition:.3s; }
.sns_box>div:hover:before { background-color:rgba(0,0,0,.4); transition:.3s; }
.sns_box>div a { position:relative; display:block; height:140px; background-position:49px 35px; background-repeat:no-repeat; z-index:9; }
.sns_box>div a span { display:inline-block; padding:90px 25px 0 49px; color:#ffffff; background:url('/open_content/publicity/images/sub/sns_arrow.png') no-repeat right bottom; font-size:16px; }
.sns_box>div p { position:relative; background-size:auto 80% !important; z-index:9; }
.sns_box .facebook { background-color:#4862a3; }
.sns_box .facebook p { background:url('/open_content/publicity/images/sub/sns_bg01.png') no-repeat right 22px bottom; }
.sns_box .facebook a { background-image:url('/open_content/publicity/images/sub/sns_logo01.png'); }
.sns_box .tistory { background-color:#67b30e; }
.sns_box .tistory p { background:url('/open_content/publicity/images/sub/sns_bg02.png') no-repeat right 20px bottom; }
.sns_box .tistory a { background-image:url('/open_content/publicity/images/sub/sns_logo02.png'); }
.sns_box .kakao { margin-top:1%; background-color:#3d3137; }
.sns_box .kakao p {background:url('/open_content/publicity/images/sub/sns_bg03.png') no-repeat right 30px bottom; }
.sns_box .kakao a { background-image:url('/open_content/publicity/images/sub/sns_logo03.png'); }
.sns_box .twitter { margin-top:1%; background-color:#3497c0; }
.sns_box .twitter p { background:url('/open_content/publicity/images/sub/sns_bg04.png') no-repeat right bottom; }
.sns_box .twitter a { background-image:url('/open_content/publicity/images/sub/sns_logo04.png'); }
.sns_box .post { margin-top:1%; background:#29c104; }
.sns_box .post p { background:url('/open_content/publicity/images/sub/sns_bg05.png') no-repeat right 20px bottom; }
.sns_box .post a { background-image:url('/open_content/publicity/images/sub/sns_logo05.png'); }
.sns_box .instagram { margin-top:1%; background:url('/open_content/publicity/images/sub/sns_bbg06.jpg') no-repeat; background-size:100% 100%; }
.sns_box .instagram p { background:url('/open_content/publicity/images/sub/sns_bg06.png') no-repeat right 20px bottom; }
.sns_box .instagram a { background-image:url('/open_content/publicity/images/sub/sns_logo06.png'); }
.sns_box .youtube { margin-top:1%; background-color:#a42727; }
.sns_box .youtube p { background:url('/open_content/publicity/images/sub/sns_bg07.png') no-repeat right -10px bottom; }
.sns_box .youtube a { background-image:url('/open_content/publicity/images/sub/sns_logo07.png'); }

/* message */
.message { padding-top:50px; padding-left:60px; height:267px; background:#1a91a1 url('/open_content/publicity/images/sub/message_bg.jpg') no-repeat right bottom; }
.message p.tit { width:449px; height:66px; background:url('/open_content/publicity/images/sub/message_tit.png') no-repeat; }
.message p.sub { margin-top:25px; color:#ffffff; font-size:17px; font-weight:300; }
.message p.sub span { display:block; }
.message .btn { margin-top:30px; font-weight:400; color:#ffffff; background:#006c7a; }
.message .btn:hover { color:#006c7a; background:#ffffff; }

#detail_con .sblet {  margin-top:25px; padding-left:17px; font-size:17px; font-weight:bold; color:#333; background:url(/open_content/main/images/sub/sblet.gif) no-repeat left 7px; }
#detail_con .ssblet { margin-top:5px; margin-bottom:5px; padding-left:12px; background:url(/open_content/main/images/sub/ssblet.gif) no-repeat left 7px; }
#detail_con .sssblet { margin-top:3px; padding-left:8px; background:url(/open_content/main/images/sub/sssblet.gif) no-repeat left 8px; }
#detail_con .ssssblet { padding-left:8px; background:url(/open_content/main/images/sub/ssssblet.gif) no-repeat left 8px; font-size:14px; }

.greenSeogu { display:inline-block; margin-right:5px; font-size:0; text-indent:-5000px; overflow:hidden; padding-top:27px; width:108px; height:0; background:url('/open_content/publicity/images/sub/greenseo_txt.png') no-repeat left top; }
h4 .greenSeogu { padding-top:39px; width:157px; background:url('/open_content/publicity/images/sub/greenseo_h4.png') no-repeat left top; }
.eventBox { text-align:center; background:#fff url('/open_content/publicity/images/sub/green_mobile.gif') no-repeat 98% bottom; border-top:3px solid #076739; padding:35px 26.5% 32px 40px; }
/* .eventBox h4 { color:#3165b9; } */
.eventBox p.box { padding:20px 25px; background:#f0f0f0; font-size:17px; margin-top:25px; }
.eventBox>ul { margin-top:25px; font-weight:600; }

/* tbox */
.tbox2 { margin:20px auto; overflow:hidden; background:#fdfdfd; padding:2% 2.5%; border:1px solid #ddd; }
.tbox2 .icon { background:url('/open_content/publicity/images/sub/tbox_icon.gif') no-repeat 40px 55%; margin-top:5px; }
.tbox2 .txt .point { color:#386dc1; font-weight:500; }
.tbox2 .conbtnBox {clear:left;}
.gourl {display: inline-block; padding-left: 24px; font-size: 15px; text-decoration: underline; background: url(/open_content/main/images/sub/ic_url.gif) no-repeat 5px 6px; word-break: break-all;}

/*****************************************************************************************************************************************************************************************/ 


@media all and (max-width:1199px) {
	#contents { float:right; width:72%; }
	.sns_box>div>p { background-size:23% !important; transition:all .5s ease; }
	.sns_box>div:nth-child(even)>p { background-size:25% auto !important; }
	.sns_box>div.twitter>p { background-size:40% auto !important; }
	.message { background-size:40%; background-position:right -35px bottom; }
	.message p.tit { width:63%; background-size:100%; }
	.message p.sub { width:58%; }
}

@media all and (max-width:900px) {
	#contents { float:right; width:68%; }
	.sns_box>div a { background-position:15% 53px !important; transition:all .5s ease; }
	.sns_box>div a span { padding-left:7%; transition:all .5s ease; }
	.message p.sub { margin-top:0; font-size:16px; }
	.eventBox { background:none; padding-right:40px; }
}

@media all and (min-width:769px) {
	.tbox2 .icon { display:inline-block; float:left; width:15%; min-height:80px; }
	.tbox2 .txt { float:right; width:80%; padding:15px 30px 15px 0; }
}

@media all and (max-width:768px) {
	#container { margin-top:0; }
	#leftmenu { position:relative; float:none; width:100%; }
	#leftmenu p.tit { padding:12px 20px; height:auto; font-size:16px; text-align:left; }
	#leftmenu p.tit a { position:absolute; z-index:5; top:20px; right:25px; display:block; width:17px; height:10px; background:url('/open_content/publicity/images/inc/lmenu_mb_arrow.png') no-repeat; text-indent:-999px; }
	#contents { float:none; padding:0 20px; width:auto; border-bottom:1px solid #dddddd; }
	#contents .sub_title { padding-top:55px; height:auto; }
	#contents .sub_title ol.location li { margin-left:10px; padding-left:13px; font-size:13px; }
	#contents .sub_title h3 { padding-bottom:25px; font-size:26px; }
/* 	#contents .sub_title .sns { display:none; } */
	#contents .sub_title .location {display:none;}
	#contents .sub_title .sns {top:20px; right:auto; left:0;}
	#contents .sns_list {right:auto; left:0;}
	.message { background-position:right -30px bottom; }
}	

@media all and (max-width:640px) {
	.sns_box>div, .sns_box>div:nth-child(even) { margin-bottom:1%; float:none; width:100%; }
	.sns_box .kakao, .sns_box .twitter { margin-top:0; }
	.sns_box>div>p, .sns_box>div:nth-child(even)>p { background-size:auto !important; }
	.sns_box>div a { background-position:30px 53px !important; }
	.sns_box>div a span { padding-left:30px; }
	.message { padding:30px 10px; height:auto; padding-bottom:40px;}
	.message p.tit { margin:0 auto; width:80%; }
	.message p.sub { margin-top:20px; width:auto; text-align:center; }
	.message p.fade { margin-top:20px; text-align:center; }
	.message .btn { margin-top:0; }
}


@media all and (max-width:480px) {
	.sns_box>div>p { background-size:15% !important; background-position:right 10px bottom !important; }
	.sns_box>div a { height:150px; background-position:30px 37px !important; }
	.sns_box>div a span { padding-top:92px; }
	.sns_box>div:nth-child(even)>p { background-size:20% !important; }
	.sns_page .tit .top { background-size:90%; background-position:center; }
	.message p.tit { height:50px; }
	.message p.sub { margin-top:0px; font-size:15px; }
	.message p.sub span { display:inline; }
	.message p.fade { margin-top:20px; }
	
}