@charset "utf-8";
.wrapper {position:relative; margin:0px auto; max-width:1200px;}
.dp_n {display:none;}
input[type=submit] {cursor:pointer;}


#container.calendar {width:100%; background:none;}
#leftmenu * {font-family:'NanumSquare';}
#leftmenu .tit {padding:19.5% 0px; text-align:center; font-size:32px; font-weight:700; border-bottom:2px solid #003b99;}
#leftmenu>ul>li {position:relative; border-bottom:1px dashed #dcdcdc;}
#leftmenu>ul>li span.ic_lm {display:block; position:absolute; right:20px; top:20px; width:5px; height:5px; text-indent:-50000px; overflow:hidden; border-bottom:2px solid #003b99; border-right:2px solid #003b99; transform:rotate(45deg);}
#leftmenu>ul>li span.ic_lmClose {top:21px; width:10px; height:2px; border-right:0; background:#fff; transform:none;}
#leftmenu>ul>li a {display:block;}
#leftmenu>ul>li>a {padding:0px 1px; display:block; padding:14px 15px; font-size:17px; font-weight:700;}
#leftmenu>ul>li.select {border-top:0px;}
#leftmenu>ul>li.select>a {padding:12px 15px; font-weight:600; color:#fff; background:#003b99;}
#leftmenu>ul>li>ul {display:none; margin:0px 1px; padding:8%; background:#f6f6f6;}
#leftmenu>ul>li.select>ul {display:block;}
#leftmenu>ul>li>ul>li>a { position:relative; padding:2px 2px 2px 8px;}
#leftmenu span.downlink {display:inline-block; padding-right:20px; background:url(/open_content/main/images/sub/ic_downBk.png) no-repeat right 3px ;}
#leftmenu span.gourl {display:inline-block; padding-right:20px; background:url(/open_content/main/images/sub/ic_linkBk.png) no-repeat right 5px ;}
#leftmenu a:hover span.gourl {text-decoration:underline;}
#leftmenu>ul>li>ul>li>:after {display:block; content:''; position:absolute; top:12px; left:0px; width:4px; height:1px; background:#353535;}
#leftmenu>ul>li>ul>li.select>:after {background:#0048bc;}
#leftmenu>ul>li>ul>li.select>a {display:block; font-weight:600; color:#0048bc; text-decoration:underline; transform:skew(-0.03deg);}

#contents {float:right; width:76%;}
.sub_title {position:relative; width:100%; padding:4.5% 0 4%;}
.sub_title:after {display:block; content:""; clear:both;}
.sub_title h3{float:left; font-size:38px; color:#003b99; font-family:'NanumSquare';}
.sub_title .sns {float:right; margin-top:15px; font-size:0;}
.sub_title .sns li {display:inline-block; margin-left:3px;}
.sub_title .sns li a {display:block; width:32px; height:32px; overflow:hidden; text-indent:-5000px;}
/*��ũ����, īī���� _ �йи�����Ʈ���� ��� /share/css/inc.css �̰� */
.sub_title .sns li.sns01 a {background:url('/open_content/main/img2020/sub/sns_facebook.gif') no-repeat center center;}
.sub_title .sns li.sns02 a {background:url('/open_content/main/img2020/sub/sns_twitter.gif') no-repeat center center;}
.sub_title .sns li.sns03 a {background:url('/open_content/main/img2020/sub/sns_kakaostory.gif') no-repeat center center;}
.sub_title .sns li.sns04 a {background:url('/open_content/main/img2020/sub/sns_blog.gif') no-repeat center center;}
.sub_title .sns li.print a {background:url('/open_content/main/img2020/sub/sns_print.gif') no-repeat center center;}
.sub_title .location {position:absolute; bottom:0;}
.sub_title .location li {position:relative; float:left; padding-right:25px; font-size:16px; color:#666;}
.sub_title .location li:after,
.sub_title .location li:before {display:block; content:''; position:absolute; left:-17px; width:8px; height:1px; background:#adadad; border-radius:1px; transition:transform .5s ease;}
.sub_title .location li:after {top:9px; transform:rotate(45deg);}
.sub_title .location li:before {top:14px; transform:rotate(-45deg);}
.sub_title .location li:first-child:after,
.sub_title .location li:first-child:before {display:none;}

#stab ul, .stab ul {margin-bottom:4%; margin-top:5px; position:relative; border:1px solid #ccc; background:#f8f8f8; padding:2% 2.5%; z-index:1;}
#stab ul li, .stab ul li {display:inline-block; min-width:32.3%;}
#stab ul li a, .stab ul li a {position:relative; display:block; padding:2px 0px; padding-left:10px;}
#stab ul li a:after, .stab ul li a:after{display:block; content:''; position:absolute; left:1px; top:11px; width:4px; height:1px; background:#666;}
#stab ul li.select a, .stab ul li.select a {color:#0148bc; font-weight:800;}
#stab ul.col2 li, .stab ul.col2 li {min-width:48%;}
#stab ul.col5 li, .stab ul.col5 li {min-width:19.5%;}
#stab ul.col6 li, .stab ul.col6 li {min-width:15%;}
#stab ul.long li, .stab ul.long li {min-width:48%;}

#con_tab {overflow:hidden;}
#con_tab li {float:left; width:33.3%; padding-bottom:2px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box;}
#con_tab li.on {border-bottom:none;}
#con_tab li a {display:block; text-align:center; padding:15px;}
#con_tab li.on a {border-bottom:3px solid #0148bc;}

#detail_con {clear:both; margin-top:45px; padding-bottom:4%; min-height:400px;}
#detail_con * {box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}

#bookmark {padding:20px 25px; margin-top:10px; border:1px solid #d3d3d3; background-color:#f8f8f8;}
#bookmark li {display:inline-block; margin:3px;}
#bookmark li a {position:relative; display:inline-block; padding:8px 35px 8px 15px; font-size:14px; border:1px solid #d9d9d9; border-radius:5px; background-color:#fff; transition:.3s;}
#bookmark li a:before,
#bookmark li a:after {content:''; position:absolute; width:8px; height:1px; background-color:#434343;}
#bookmark li a:before {top:14px; right:15px; -webkit-transform:rotate(43deg); -moz-transform:rotate(43deg); -ms-transform:rotate(43deg); -o-transform:rotate(43deg); transform:rotate(43deg);}
#bookmark li a:after {top:19px; right:15px; -webkit-transform:rotate(-43deg); -moz-transform:rotate(-43deg); -ms-transform:rotate(-43deg); -o-transform:rotate(-43deg); transform:rotate(-43deg);}
#bookmark li a:hover {color:#fff; border-color:#2e2e2f; background-color:#5b5b5d; transition:.3s;}
#bookmark li a:hover:before,
#bookmark li a:hover:after {background-color:#fff;}
#bookmark .tit {display:none;}

/* 컨텐츠 내 팝업 */
.pop_indetail{position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow:hidden; background: rgba(0,0,0,.75); z-index: 3;}
.pop_indetailCon{--maxpt:max(8%, 20px); --maxpl:max(9%, 20px); position: absolute; margin: auto; top: 10%; left: 23%; right: 0px; width: 100%; max-width: 500px; background: rgba(255,255,255,.95); border-radius:10px; border:2px solid #111; word-break: keep-all; box-shadow:0px 1px 20px rgba(0,0,0,.3)}
.pop_indetailCon.fixed{position: fixed; z-index: 1; top: 35vh; left: 11.5%}
.pop_indetailCon_con{padding:var(--maxpt) var(--maxpl)}
.pop_indetailCon_btn{text-align: center; padding-top: .5em;}
.pop_indetailCon_btn a{font-weight: bold; color: #003b99;}
.pop_indetailCon_tit{font-weight: bold; font-size: 1.2em; margin-bottom:20px; color: #222; letter-spacing: -1px;}
.pop_indetailCon_close{display: flex;  justify-content: space-between; margin:0px calc(var(--maxpl) - 5px); padding: max(calc(var(--maxpt) / 1.7), 15px) 5px; border-top:1px solid #ddd}
.pop_indetailCon_close p{display: flex; gap:5px;}
.pop_indetailCon_close a{display: flex; align-items: center; gap:3px}
.pop_indetailCon_close a span{position: relative; top: 1px;  font-weight:bold; font-family: 'dotum'  !important; font-size: .8em}


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


@media all and (min-width:1101px){
	#leftmenu {float:left; width:200px;}
	.top_btn {display:none;}
}

@media screen and (max-width:1100px){
	.gnb, #leftmenu, .customMenu_toggle_btn {display:none;}
	h1 {padding:19px 3%;}
	.allmenu_toggle {left:auto; right:25px;}
	.mb_block{display:block;}

	#container.calendar {width:100%; background:none;}
	#contents {width:100%;}
	.sub_title {max-width:94%; margin:0 auto; padding:7% 0 5%; background:url('/open_content/main/img2020/sub/sub_tit_mbbg.gif') repeat-x left bottom;}
	.sub_title h3 { font-size:6vw;}
	.sub_title .sns {margin-top:0;}
	.sub_title .location {display:none;}
	#tab{width: 96%; margin: auto;}
	#stab ul {width:94%; margin:5px auto;}
	#stab ul.mb_col2 li, .stab ul.mb_col2 li {min-width:49%;}
	#stab ul li a, .stab ul li a {font-size:14px;}

	#detail_con {max-width:94%; margin:5% auto;}
}

@media all and (min-width:801px){
	#tab ul {display: block; position:relative; margin:45px auto 0%; border-left:1px solid #013b9a; border-top:1px solid #013b9a; background:#0148bc; z-index:1;}
	#tab ul li {position:relative; float:left; /*margin-bottom:-1px; */ width:20%;  text-align:center; border-right:1px solid #013b9a; border-bottom:1px solid #013b9a; box-sizing:border-box;}
	#tab ul li.select {position:relative; border-bottom-color:#fff; background:#fff;}
	#tab ul li.select:after {display:block; content:''; position:absolute; bottom:8px; left:50%; margin-left:-2px; width:5px; height:5px; border-bottom:2px solid #003b99; border-right:2px solid #003b99; transform:rotate(45deg);}
	#tab ul li a {position:relative; display:block;}
	#tab ul li a p {vertical-align:middle; text-align:center; height:52px; line-height:52px; color:#fff; font-family:'NanumSquare';}
	#tab ul li.select a p {color:#0148bc; font-weight:800; transform:skew(-0.03deg);}
	#tab ul.col7 li {width:14.285714%;}
	#tab ul.col6 li {width:16.666666%;}
	#tab ul.col4 li {width:25%;}
	#tab ul.col3 li {width:33.3%;}
	#tab ul.col2 li {width:50%;}
}

@media screen and (max-width:800px){
	#tab{width: 100%}
	#tab>p {position:relative; width:94%; margin:10px auto 0; background:#0148bc; border:1px solid #0148bc; color:#fff;}
	#tab>p a {display:block; padding:10px 15px; color:#fff; font-weight:600; text-decoration:none;}
	#tab>p a:after, #tab>p a:before {display:block; content:''; position:absolute; top:14px; right:20px; width:3px; height:14px; border-radius:1px; background:#fff;}
	#tab>p a:after {transform:rotate(45deg);}
	#tab>p a:before {transform:rotate(-45deg); margin-right:8px;;}
	#tab ul {width:94%; margin:0 auto; border:1px solid #ccc; border-top:0px;}
	#tab ul li {border-top:1px dotted #dcdcdc;}
	#tab ul li:first-child {border-top:0px;}
	#tab ul li a {height:40px; line-height:40px;}
	#tab ul li a p {padding:6px 15px;}
	#tab ul li.select a p {color:#0148bc; font-weight:600; text-decoration:underline;}

	.pop_indetailCon{left:0px}
	.pop_indetailCon.fixed{left:0px}
}